#contact-form-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 1rem;
    padding: 1rem;
}

#contact-form-section form {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 30rem;
    text-align: left;
}

#contact-form-section input,
#contact-form-section textarea {
    margin-bottom: 1rem;
    padding: 1rem;
    color: var(--main-text);
    background: var(--main-surface);
    border: var(--border-width) solid var(--border);
    border-radius: var(--border-radius);
}

#contact-form-section button {
    align-self: center;
    padding: 0.75rem 2rem;
    color: var(--main-text);
    background: var(--orange-dark);
    border: var(--border-width) solid var(--border);
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: background-color var(--ease-duration) ease-in-out;
}

#contact-form-section button:hover {
    background-color: var(--orange-accent);
}