@media (prefers-color-scheme: dark) and (max-width: 700px) { 

    

        /*#region Page*/
        html {
            background-color: black;
        }
        body  {
            background-color: black;

        }
        /*#region nav*/
        nav {

        }
        .navbar {
            display: inline-flex;
            flex-direction:row ;
            align-items: center;
            justify-content: start;
            flex-direction:column ;
            z-index: 1000000;
            width: 100vw;
            max-width: 2500px;
            margin: 0vh 10% 0 10%;
            padding: 2vh 0 0 0;
            transition: 0.4s ease;
            transition: 0.75s;
            position: absolute;
            background-color: rgb(0, 0, 0);
            position: fixed;
            padding: 0% 0 0vh 0;
            border-bottom: 0vh;
            height: 6vh;
            font-size: 1.2vw;
            border-bottom: 0.2vw;
            border-color: white;
        }
        .navbar img {
            height:8vh ;
        }
        .navbar.sticky {
            background-color: rgba(0, 0, 0);
            position: fixed;
            padding: 0% 0 0vh 0;
            border-bottom: 0vh;
            height: 6vh;
            font-size: 1.2vw;
            border-bottom: 0.2vw;
            border-color: white;
        }
        
        .navbar.sticky a {
            font-weight: bold;
            color: black;
        }
    
        nav img {
            
            margin-left: 0vw;
            display: none;
        }
        
        .sticky #menu {
            margin-right: 0vw;
        }
        
        .navmarg {
            width: 80vw;
    
        }
        
        nav img {
            padding: 0 0 0 0%;
            margin-left: 0vw;
            height: auto;
            width: auto;
        
        }
        
        .sticky #menu {
            margin-right: 0vw;
        }
        
        .menu-item a {
            color: white;
        }
        .navbar.sticky a {
        color: white;
        }
        .navmarg {
            width: 80vw;
            display: inline-flex;
            align-items: center;
            justify-content: start;
            flex-direction:column ;
    
        
        }
        
        nav img {
            padding: 0 0 0 0%;
            margin-left: 0vw;
            height: auto;
            width: auto;
        
        }