@font-face{
    font-family: 'Orgex Font Beta1';
    src: url('../fonts/OrgexFontBeta1.ttf') format('truetype');
     font-weight:normal;
  font-style:normal;
  font-display: swap;
}

:root {
  --DECy: 128px
}

html{
  overflow: hidden;
}

body{
    /*background: #622448;*/
    margin:0;
    padding: 0px;
    border: none;
    background: #222222;
    image-rendering:pixelated;
    overflow: hidden;
    height: 100%;
    cursor: url('/imgs/Cursor1.png'), auto;
}

h1{
  font-size: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
h2{
  font-size: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
h3{
  font-size: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
p{
  font-size: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.container{
   padding: 16px;
   height: 512px;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   /*border: 8px solid black;*/
   text-align: center;
   position: relative;
   overflow: hidden;
   pointer-events: none;
}

#wait0{
background: url("../imgs/Loading.gif");
display: block;
margin: auto;
text-align: center;
width: 32px;
height: 32px;

position:absolute;
opacity:1;
z-index:12800;
transform:scale(2) ;
}
/*=========================================BACKGROUND=========================================*/
.BGGG {
    display: block;
    margin: auto;
    padding: auto;
    border: none;
    outline: none;
    text-align: center;
    background-image: url("../imgs/BG/Nic8RoxVelvet-BG1.png");
    background-size:contain;
    background-position: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -128;
    content:attr(alt);
position: absolute;
overflow: hidden;
/*-webkit-filter: blur(0px);*/
  }

  #BGGG2 {
    display: block;
    margin: auto;
    padding: auto;
    border: none;
    outline: none;
    text-align: center;
    background:#000000;
    background-size:contain;
    background-position: center;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1000;
position: absolute;
overflow: hidden;
pointer-events: none;
  }

    #BGGG3 {
    display: block;
    margin: auto;
    padding: auto;
    border: none;
    outline: none;
    text-align: center;
    background:linear-gradient(#110000,#660022);
    background-size:contain;
    background-position: center;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1000;
position: absolute;
overflow: hidden;
pointer-events: none;
mix-blend-mode: screen;
  }

.bar1{
  top:0;
width: 100%;
height: 67px;
margin: 0;
padding: 0;
background: #000000;
position: fixed;
overflow: auto;
 }

 .bar1b{
  top:67px;
width: 100%;
height: 8px;
margin: 0;
padding: 0;
background: url('../imgs/Scanline-0001.png');
position: fixed;
overflow: auto;
transform: scale(2);
 }

 .bar2{
    overflow: hidden;
    border: none;
    background: #000000;
    position: fixed;
    width: 100%;
    bottom:0;
    height: 67px;
  display:flex;
     }

     .bar2b{
      overflow: hidden;
      border: none;
      background: url('../imgs/Scanline-0001.png');
      position: fixed;
      width: 100%;
      bottom:67px;
      height:8px;
    display:flex;
    transform: scale(2)scaleY(-1);
       }

#Nic8RoxVelvetMusic{
  display: none;
}


.sidebarL{
  overflow: hidden;
  left:0;
  top:0;
  border: none;
  background: #000000;
  position: absolute;
  width: 96px;

  height: 100%;
  display: block;
   }


   .sidebarDEC{
    background: url("../imgs/buttons/Pattel.png");
    left:144px;
    top:0;
    border: none;
    position: absolute;
    width: 32px;
  
    height: 100%;
  display:flex;
  transform: scale(4);
animation: glitch4 2s linear 1s infinite
     }

     @keyframes glitch4 {
      0% {
        top:0;
      }

      100% {
        top:var(--DECy)
  
     }
    }







   .sidebarL ul{
    position: relative;
    top: 64px;
   }



   .sidebarL li{
    position: relative;
    padding-top: 16px;
    top: 0px;

   }

  
   .sidebarL a {
    position: absolute;
    transform:translate(0px,0px);
    opacity: 0.5;
    transition: transform 0.25s;

  }

    
  .sidebarL a:hover {
    transform:translate(8px,0px);
    opacity: 1;
  }

#Nic8RoxVelvetMusic{
display: none;
}





#bio{
  font-family: 'Orgex Font Beta1';
  font-size: 8px;
  color: #ffffff;
  padding: 0;
  margin: 0;
  text-align: left;
 width: 60%;
 height: 768px;
 top:96px;
 position:absolute;
 opacity: 0;
 z-index:0;
 justify-content: center;
 animation-play-state: paused;
 -webkit-user-select: none;
 -moz-user-select: none;
 -khtml-user-select: none;
 -ms-user-select: none;
 user-select: none;
 line-height: 16px;  
 transform:translate(128px,0px);
 transition: transform 4s;
 
 /*animation: biog 1s forwards 0s;*/
 }

 @keyframes biog {
  0% {
    transform:translate(0px,64px);
    opacity:#000000;
  }
  100% {
    transform:translate(0px,0px);
    opacity:1;

 }}
 









/*-----------------------------For Mobile------------------------*/

@media (max-width: 1919px) {
  :root {--DECy: 512px}
  .container{height: 1024px;}
  .BGGG {transform: scale(1);}
  .bar1 {height: 128px;}
  .bar2 {height: 128px;}
  .bar1b {top: 128px;}
  .bar2b {bottom: 128px;}
  .sidebarL{width: 192px;}
  .sidebarDEC{transform: scale(8);left: 304px;}
  .sidebarL li{left:32px; padding-top: 35px; top: 24px; }
  #bio{font-size: 12px;width: 60%;height: 1024px; top:160px;line-height: 24px;  }
}

@media (max-width: 1279px) {
  :root {--DECy: 256px}
  .container{height: 512px;}
  .BGGG {transform: scale(1);}
  .bar1 {height: 67px;}
  .bar2 {height: 67px;}
  .bar1b {top: 67px;}
  .bar2b {bottom: 67px;}
  .sidebarL{width: 96px;}
  .sidebarDEC{transform: scale(4);left: 144px;}
  .sidebarL li{left:0px; padding-top: 16px; top: 0px;} 
  #bio{font-size: 8px;width: 50%;height: 768px; top:96px;line-height: 16px;  }
}

@media (max-width: 767px) {
  :root {--DECy: 384px}
  .container{height: 640px;}
  .BGGG {transform: scale(0.95);}
  .bar1 {height: 50px;}
  .bar2 {height: 50px;}
  .bar1b {top: 50px;}
  .bar2b {bottom: 50px;}
  .sidebarL{width: 80px;}
  .sidebarDEC{transform: scale(3);left: 108px;}
  .sidebarL li{left:-16px; padding-top: 16px;}
  #bio{font-size: 6px;width: 50%;height: 640px; top:72px;line-height: 14px;  }
}

@media (max-width: 359px) {
  :root {--DECy: 256px}
  .container{height: 768px;}
  .BGGG {transform: scale(0.85);}
  .bar1 {height: 37px;}
  .bar2 {height: 37px;}
  .bar1b {top: 37px;}
  .bar2b {bottom: 37px;}
  .sidebarL{width: 56px;}
  .sidebarDEC{transform: scale(2);left: 72px;}
  .sidebarL li{left:-32px; padding-top: 32px;}
  #bio{font-size: 6px;width: 60%;height: 400px; top:64px;line-height: 8px;  }
}


/*@media (max-width: 3px) {
  .container{height: 1024px;}
  .BGGG { transform: scale(0.75);}
  .bar1 {height: 25px;}
  .bar2 {height: 25px;}
  #bio{font-size: 5px;width: 60%;height: 256px;top:32px; line-height: 6px;  }
}*/







/*#banne{
    background: url("imgs/placeholder.png");
   width: 2048px;
   height: 768px;
   left:-448px;
   top:-64px;
   position:absolute;
   z-index:0;
   animation: glitch-animation 2s linear 0s infinite;
   }

   #txttst{
    font-family: 'Orgex Font Beta1';
    font-size: 16px;
    color:#ffffff;
    width: 1024px;
    height: 32px;
    left:384px;
    top:224px;
    position:absolute;
    z-index:2;
}

#sub{
    background: url("imgs/Sub2022.png");
   width: 256px;
   height: 256px;
   left:448px;
   top:288px;
   position:absolute;
   z-index:0;
   }*/