/* Dark Mode */

:root {
    /* --dark-background: rgb(28 25 39); */
    --white-color: #FFF;
    --blue-color: #495fef;
}

body {
    background-color: var(--blue-color);
}

/* Start Change Version */

.change-version {
    background-color: var(--white-color) !important;
}

.change-version .main-arrow {
    background-color: var(--white-color) !important;
}

.change-version p {
    color: var(--blue-color) ;
}

.change-version .hold {
    border: 1px solid var(--blue-color) ;
}

.change-version .hold div:first-of-type,
.change-version .hold div:last-of-type {
    color: var(--blue-color);
}

.change-version .hold div:first-of-type.clicked {
    background-color: #e0e0e0  !important;
}

.change-version .hold div:last-of-type.clicked {
    background-color: #e0e0e0 !important;
}

/* End Change Version */

/* Start Navbar */


.navbar {
    background-color: var(--blue-color) ;
}

.navbar .navbar-brand {
    color: var(--white-color) !important;
}

.navbar .navbar-nav .nav-link {
    color: var(--white-color) !important;
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--white-color);
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: var(--white-color);
}

.dropdown-toggle::after {
    border-top: .3em solid var(--white-color);
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link.dropdown-toggle::after,
.nav-link:hover.dropdown-toggle::after {
    border-top: .3em solid var(--white-color);
}

.dropdown-item {
    color: rgb(76 76 76);
}

.dropdown-item:hover {
    color: var(--blue-color);
}

/* End Navbar */

/* Start About Me */

.about-me {
    color: var(--white-color);
}

/* End About Me */

/* Start Contact Us */

.contact-us {
    color: var(--white-color);
}

/* End Contact Us */