form,
input,
.input__row,
textarea,
.textarea__row{
    width: 100%;
}
.input__row,
.textarea__row,
.button__row {
    padding-top: 20px;
}
footer,
.form__btn a,
input,
textarea {
    color: hsl(var(--color-white));
}
.contact__display,
.input__row,
.form__display {
    justify-content: center;
}
.contact__display,
.form__display {
    flex-direction: column;
    align-items: center;
}
.name,
.email {
    width: 290px;
}
.contact__input,
.contact__textarea {
    padding: 10px;
    background-color: transparent;
    border-bottom: 1px solid hsl(var(--color-white));
    font-size: 16px;
}
.name div,
.email div,
.message div {
    margin-bottom: 10px;
}
.contact__input:hover,
.contact__textarea:hover  {
    border: 1px solid hsl(var(--color-white));
}
input,
textarea,
input:focus,
textarea:focus {
    border-top: 1px solid transparent;
    border-left:1px solid transparent;
    border-right: 1px solid transparent;
}
.contact__container {
    margin-top: 100px !important;
}
.contact__content {
    margin: auto;
}
.contact__title h2 {
    font-weight: bold;
}
footer {
	background: no-repeat center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
footer::after {
	content: "";
	background-color: hsl(var(--color-black), 0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -1;
}
.contact__content {
    width: 885px;
    padding: 30px 0;
}
.form__display,
.copyright {
    padding: 50px 0;
}
.form__btn a:hover {
	text-decoration: underline;
}
.contact__title h2 {
    padding-bottom: 20px;
    font-size: 35px;
    letter-spacing: .10em;
}
.contact__textarea {
    resize: none;
    height: 80px;
}
.input__row div {
    flex-grow: 1;
}
.name {
    margin-right: 35px;
}
.email {
    margin-left: 35px;
}
.invalid__input {
    border: 1px solid hsl(var(--color-light-grey));
    background-color: hsl(var(--color-light-grey), 0.1)
}
.contact__info__display div {
    margin-right: 20px;
}
.contact__info p,
.copyright {
    font-size: 14px;
}