body.dark-mode
            {
                font-family: 'DotGothic16', sans-serif;
                overflow: scroll;
                -ms-overflow-style: none; /* for Internet Explorer, Edge */
                scrollbar-width: none; /* for Firefox */
                /* overflow-y: hidden;  */
                color: black;
                background-color: white;
            }
            body.dark-mode > #Border2 {
                display:block;
            }
            body.dark-mode > #Border{
                display:none;
            }
            body.dark-mode > #screen
            {
                position:absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                /* opacity: 50%; */
                overflow: scroll;
                background: linear-gradient( 
                    to bottom,
                    rgb(20, 20, 20),
                    rgb(246, 223, 177),
                    rgb(246, 223, 177),
                    rgb(246, 223, 177),
                    rgb(20, 20, 20)
                );
                background-size: 200% 2%;
                -webkit-animation: pan-overlay 25s linear infinite;
                -moz-animation: pan-overlay 25s linear infinite;
                animation: pan-overlay 25s infinite linear;
                z-index: 2;
                opacity:60%;
                overflow: hidden;
                -ms-overflow-style: none; /* for Internet Explorer, Edge */
                scrollbar-width: none; /* for Firefox */
                overflow-y: hidden; 
            }
            
            @media screen and (hover:none){
                body.dark-mode{
                    color: black;
                }
                body.dark-mode > #emptySpace{
                    width: 200px;
                    height: 15px;
                    top: 90%;
                    position: absolute;
                    display: inline;
                    color:black;
                }
            }