#slider {
    max-height: 100vh;
    overflow: hidden;
}

.opacity-header {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    z-index: 1;
    top: 0;
    left: 0;
}

.logo {
    max-width: 188px;
}

.bg-main {
    background: #dcdcdc;
}

.bg-over {
    background: #132235;
}

.maincolor-text {
    color: #132235 !important;
}

.highlight-link {

    background: #132235;
}

p {
    margin: 0 0 20px;
    color: black;
}

footer .footer-middle {
    padding-top: 0px;
    padding-bottom: 45px;
}


.cfdis {
    text-shadow: 1px 1px 3px black;
    background: rgba(0, 0, 0, 0.3);
}

.nav>li {
    margin: 10px;
}

.navbar-default .navbar-nav a {
    padding-left: 8px;
    padding-right: 5px;
}

.avatar {
    height: 100%;
    image-rendering: pixelated;
}

.navbar-nav>li>a.account,
.navbar-nav>li>a.login {
    border-bottom-color: green;
}

.navbar-nav>li>a.register {
    border-bottom-color: blue;
}

.input-group-addon {
    cursor: pointer;
}

.input-group-addon:hover {
    background-color: #dcdcdc;
}

.input-group-addon:active {
    background-color: #60a532;
    color: white;
}
/* dark mode */
@media (prefers-color-scheme: dark) {
    html {
        background-color: #1b1b1b;
        color: #fff;
    }

    .bg-main {
        background: #132235;
    }

    .bg-over {
        background: #dcdcdc;
    }

    .shrink-nav {
        background-color: #1b1b1b;
    }

    .nav-white.shrink-nav .navbar-nav li a {
        color: #fff;
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        color: #fff;
        background-color: gray;
    }

    .maincolor-text {
        color: #dcdcdc !important;
    }

    p {
        color: #dcdcdc !important;
    }

    input,
    textarea {
        background-color: #1b1b1b;
        color: #fff;
    }
}

/* End dark mode */