body 
            {
                font-family: 'DotGothic16', sans-serif;
                overflow: scroll;
                -ms-overflow-style: none; /* for Internet Explorer, Edge */
                scrollbar-width: none; /* for Firefox */
                /* overflow-y: hidden;  */
                color: #3ea805;
                background-color: black;
            }
            body::-webkit-scrollbar {
                display: none; /* for Chrome, Safari, and Opera */
            }   
            @keyframes pan-overlay {
            100% {
                background-position: 0% 0%;
            }
            
            0% {
                background-position: 0% -100%;
            }
            }
            @-moz-keyframes pan-overlay {
            100% {
                background-position: 0% 0%;
            }
            
            0% {
                background-position: 0% -100%;
            }
            }
            @-webkit-keyframes pan-overlay {
            100% {
                background-position: 0% 0%;
            }
            
            0% {
                background-position: 0% -100%;
            }
            }
            @media screen and (width<=1000px){
                #Border{
                    position:absolute;
                    z-index:3;
                    left:-50px;
                    top:-255px;
                    width:1100px;
                    height:1000px;
                }
                #Border2{
                    position:absolute;
                    z-index:3;
                    left:-50px;
                    top:-255px;
                    width:1100px;
                    height:1000px;
                } 
                #resume{
                    position:absolute;
                    left:20px;
                    top:50px;
                    width:auto;
                    height:1400px;
                }
                #Certif{
                    position:absolute;
                    left:0px;
                    top:50px;
                    width:auto;
                    height:1000px;
                }
                #computer{
                    left:125px;
                    width:570px;
                    height: 500px;
                    transform: translatey(8%);
                    overflow: hidden;
                    position:relative;
                }
               
                /* #Border{
                    position:absolute;
                    z-index:3;
                    left:-50px;
                    top:-130px;
                    width:600px;
                    height:500px;
                }
                #Border2{
                    position:absolute;
                    z-index:3;
                    left:-50px;
                    top:-130px;
                    width:600px;
                    height:500px;
                }
                #computer{
                    left:25px;
                    width:570px;
                    height: 300px;
                    transform: translatey(0%);
                    overflow: hidden;
                    position:relative;
                } */
            }
            @media screen and (width>1000px){
                #Border{
                    position:absolute;
                    z-index:3;
                    left:440px;
                    top:-25px;
                    width:1100px;
                    height:1000px;
                }
                #resume{
                    position:absolute;
                    left:20px;
                    top:50px;
                    width:auto;
                    height:1400px;
                }
                #Certif{
                    position:absolute;
                    left:0px;
                    top:50px;
                    width:auto;
                    height:1000px;
                }
                #Border2{
                    position:absolute;
                    z-index:3;
                    left:440px;
                    top:-25px;
                    width:1100px;
                    height:1000px;
                }

                #computer{
                    left:615px;
                    width:570px;
                    height: 500px;
                    transform: translatey(55%);
                    overflow: hidden;
                    position:relative;
                }
            }
            #Border2{
                display: none;
            }
            #Border{
                display:block; 
                
            }
            #resume{
                display:none;
            }
            #resume.vis{
                display:block;
            }
            #Certif{
                display:none;
            }
            #Certif.visC{
                display:block;
            }
            #NA
            {
                width:100%;
                height:100%;
                opacity:0%;
                position:absolute;
                z-index: 4;
                cursor:default;
            }
            #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(20, 20, 20),
                    rgb(20, 20, 20),
                    rgb(50, 50, 50)
                );
                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; 
            }
            #CLI 
            {
                font-size: 50px;
                position: absolute;
                font-weight: bold;
                top: 77%;
                left: 50px;
            }
            #blink{
                font-size: 50px;
                position:absolute;
                top: 77%;
                left: 80px;
                font-weight: bold;
                animation: blinker .7s ease infinite;
            } 
            #AllPast
            {
                position: absolute;
                top:20%;
                left:55px;
                font-size: 25px;
            }
            #emptySpace{
                width: 15px;
                height: 15px;
                top: 800px;
                position: absolute;
                display:none;
            }
                
            @keyframes blinker{
                0%{
                    opacity: 0;
                }
                50%{
                    opacity: 0.7;
                }
                100%{
                    opacity: 0;
                }
            }

            @media screen and (hover:none){
                #CLI 
                {
                    font-size: 30px;
                    position: absolute;
                    font-weight: bold;
                    top: 160px;
                    left: 20px;
                }
                #screen{
                    opacity: 30%;
                    width: 200%;
                }
                #blink{
                    font-size: 30px;
                    position:absolute;
                    top: 160px;
                    left: 40px;
                    font-weight: bold;
                    animation: blinker .7s ease infinite;
                } 
                #AllPast
                {
                    position: absolute;
                    top:9px;
                    left:25px;
                    /* no */
                    font-size: 12.9px;
                }
                #emptySpace{
                    width: 200px;
                    height: 15px;
                    top: 90%;
                    position: absolute;
                    display: inline;
                    color:white;
                }
                body{
                    overflow-y: hidden; 
                    overflow-x: hidden;
                }
                #Border{
                    position:absolute;
                    z-index:3;
                    left:-50px;
                    top:-130px;
                    width:600px;
                    height:500px;
                }
                #Border2{
                    position:absolute;
                    z-index:3;
                    left:-50px;
                    top:-130px;
                    width:600px;
                    height:500px;
                }
                #resume{
                    position:absolute;
                    left:0px;
                    top:20px;
                    width:auto;
                    height:750px;
                }
                #Certif{
                    position:absolute;
                    left:0px;
                    top:20px;
                    width:auto;
                    height:500px;
                }
                #computer{
                    left:55px;
                    width:500px;
                    height: 300px;
                    transform: translatey(16%);
                    overflow: hidden;
                    position:relative;
                }
            }