#contact main{
    margin: 8rem auto;
    padding: 0 1em;
}

#contact form{
    margin: 1rem auto;
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#contact form label{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#contact form input, #contact form textarea{
    font-size: large;
    border: none;
    border-bottom: var(--color-secondary) solid 0.2rem;
    padding: 0.5rem;
    background: none;
    color: var(--color-secondary);
}

#contact form textarea{
    resize: vertical;
    max-height: 15em;
}

#contact form input:focus, #contact form textarea:focus{
    border-bottom: var(--color-accent) solid 0.2rem;
    outline: none;
}

#responseMessage{
    font-size: large;
    text-align: center;
}