/* CONTACT FORM ELEMENTS*/
form#contact {
    display: grid;
    grid-template-columns: auto;
    width: max-content;
    padding: 1.5em;
    border: solid 1px black;
    border-radius: 1em;
    gap: 1em;
    justify-items: start;

    & button,
    & h2 {
        grid-column-start: 1;
        grid-column-end: 2;
        justify-self: center;
        margin: 1.5em
    }

    & textarea {
        resize: none;
        max-width: 80vw;
    }

    & input {
        max-width: 80vw;
    }
}

@media only screen and (min-width: 800px) {
    form#contact {
        grid-template-columns: auto auto;
        padding: 1.5em 3em;

        & button,
        & h2 {
            grid-column-start: 1;
            grid-column-end: 3;
        }

        & label {
            justify-self: end;
        }
    }
}