@import url('base.css');

#form1 {
    background-color: var(--secondary-color);
}
.main-container {
    margin: 20px 0;
}

nav {
    font-family: 'Mona Sans';
    box-shadow: 2px 2px 10px;
}
.option-menu:focus {
    background-color: var(--secondary-color);
}
.option-menu:hover {
    color: var(--primary-color) !important;
}

/* -------------------------------------------------------------------------------- */
@media (min-width: 636px) {
    .mp-navbar {
        display: none;
    }
}


@media (min-width: 360px) and (max-width: 636px) {
    .mp-navbar{
        display: block;
    }
}

    @media (min-width: 769px) {
        .main-container {
            min-height: 710px;
        }
    }

    @media (min-width: 1920px) {
        .main-container {
            min-height: 800px;
        }
    }