@import url('../reset.css');
@import url('menu-forms.css');

.form-container {
    min-height: calc(100vh - 223px);
}

.form-container form {
    box-shadow: 0 0 5px #17bd8bb2;
    background: var(--background-color);
    border-radius: 10px;
}

.form-menu .logo {
    width: 150px;
    filter: drop-shadow(1px 0 5px #0000006b);
}

.form-title h2,
.form-title h3,
.form-title h4 {
    color: var(--primary-color);
    font-weight: bold;
    font-family: var(--ff-title);
}

.form-module {
    border-bottom: 1px solid var(--primary-color);
    padding: 1.3rem 1rem 2rem 1rem;
    margin: 1rem 0;
}

.form-module:first-of-type {
    border-top: none;
}

footer {
    color: white;
    padding: 3rem 0 4rem 0;
    background: var(--terciary-color);
}

footer .logo {
    width: 200px;
    margin-bottom: 2rem;
}