.contact h2{
    margin: 2rem;
}
.contact p{
    font-size: 2rem;
    margin: 2rem;
}
.contact form{
    max-width: 100rem;
    margin-bottom: 2rem;
    display: flex;
    gap: 8rem;
}

.contact form input,
.contact form textarea{

    width: 100%;
    padding: 1.5rem;

    font-size: 1.6rem;
    color: var(--color-white);
    background: var(--color-dgray);
    border-radius: .8rem;
    margin: .7rem 0;
}

.contact form textarea{
    resize: none;
}
.contact form .btn{
    margin-top: 2rem;
    cursor: pointer;
}

.contact{
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media(max-width: 768px){
    .contact form{
        display: block;
    }
}