:root {
    --color-green: #618A3C;
    --color-blue: #0679AE;
    --main-light: #87ba5a;
    --color-dark: #1D2231;
    --text-gray: #8390A2;
    --text-white: #fff;
    --text-green: #618A3C;
}

.navbar-brand {
    background-image: url(../images/logo/logo_white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20vh;
    height: 48px;
}

.navbar-nav .nav-item {
    transition: 500ms ease-in-out;
}

.navbar-nav .nav-item:hover {
    background-color: rgba(180, 190, 203, 0.4);
    transition: 500ms ease-in-out;
}

.navbar.stick-top-bg {
    z-index: 1000;
    color: #fafafa;
    background: var(--color-blue);
    background: linear-gradient(35deg, var(--color-green) 10%, var(--main-light) 90%);
    transition: 500ms ease-in-out;
}

.stick-top {
    position: sticky;
    top: 0;
    transition: 500ms ease-in-out;
}

button.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
    border: transparent !important;
    background: none;
}

.desktop_display {
    display: block;
}

.mobile_display {
    display: none;
}

.button {
    outline: none !important;
    box-shadow: none !important;
    border: transparent !important;
    border-bottom: solid 2px #fff !important;
    border-radius: 0 !important;
    background: none !important;
    color: rgba(255, 255, 255, 0.55) !important;
}

.button_scroll {
    outline: none !important;
    box-shadow: none !important;
    border: transparent !important;
    border-bottom: solid 2px black !important;
    border-radius: 0 !important;
    background: none !important;
    color: black !important;
}

@media screen and (max-width: 640px) {
    .desktop_display {
        display: none;
    }

    .mobile_display {
        display: block;
    }
}

.wrapper {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main {
    position: relative;
    display: inline-block;
}

.navbar-nav .nav-item.handbook_nav:hover {
    background-color: transparent !important;
}