#content {
    align-self: center;
    align-content: center;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2vw;
    min-height: calc(100dvh - 3.5rem);
    padding: 4vw;
    width: 100%;
}

    #form, #FAQ {
        color: white;
        width: calc(50% - 1vw);
    }

    #form {
        color: var(--offwhite);
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }

        #form h1 {
            color: var(--gold);
            margin-bottom: 1vw;
            text-align: center;
        }

        form {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            text-align: center;
            width: 100%;
        }

            form input,
            form textarea {
                background: transparent;
                border: 1px solid var(--offwhite);
                color: var(--offwhite);
                font-size: 1rem;
                padding: 1rem;
                transition: all 0.25s cubic-bezier(0.5, 0, 0.5, 1);
            }

            form textarea {resize: vertical;}

            form ::placeholder {color: rgba(240,243,245,0.25);}

            form input:hover,
            form textarea:hover {border-color: var(--gold);}

            form input:focus,
            form textarea:focus {
                border-color: var(--gold);
                outline: 0;
            }

            form button {
                background: linear-gradient(to bottom, transparent 50%, var(--gold) 50%) no-repeat center top / 100% 200%;
                border: 1px solid var(--offwhite);
                color: var(--offwhite);
                cursor: pointer;
                font-family: 'Playfair Display', serif;
                font-size: 1rem;
                line-height: 1;
                padding: 1rem 2rem;
                transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
            }

            form button:hover {
                background-position: center bottom;
                border-color: var(--gold);
                color: var(--black);
            }

        #FAQ details {border-bottom: 1px solid white;}
        #FAQ details[open] {padding-bottom: 1vw;}

            #FAQ details[open] summary::before {content: '- ';}

            #FAQ summary::before {
                content: '+ ';
                font-weight: 200;
            }

            #FAQ summary {
                color: white;
                cursor: pointer;
                font-weight: 700;
                list-style: none;
                padding: 1vw 0;
            }