html {
    margin:    0 auto;
    max-width: 950px;
    border: 10px solid #0f0d12;
border-radius: 0px;
margin-top: 10px;
margin-bottom: 10px;
}



*{
  

    box-sizing: border-box;
}
body{
    margin: 0;
    background-color: #0f0d12;
  color: #0f0d12;
    
    
}
header{
    
    background-image: url('https://files.catbox.moe/4tqlvo.png');
    text-align: center;
    padding: 0px;
    border: 0px solid #FFFFFF;
border-radius: 0px;
height: 160px;

}
.navbar{
    background-color: #392c4d;
    background-repeat: no-repeat;
    background-size: 885px 45px ;
    height: 50px;
    padding: 0px;
    border: 0px solid #FFFFFF;
  
}

.navbar2{
    background-color: #392c4d;
    background-repeat: no-repeat;
    background-size: 885px 40px ;
    height: 45px;
    padding: 0px;
    border: 0px solid #FFFFFF;
  
}


aside{
 
  background-color: #594875;
    width: 15%;
    float: left;
    padding: 4px;
    border: 0px solid #FFFFFF;
border-radius: 0px;
}
section{
  background-color: #594875;
    width: 85%;
    float: left;
    padding: 3px;
    border: 0px solid #FFFFFF;
border-radius: 0px;
}
article{
  
  background-image: url('https://files.catbox.moe/i3380v.png');
    width: 15%;
    float: left;
    padding: 1px;
    border: 0px solid #FFFFFF;
border-radius: 0px;
}
footer{
    display: block;
    clear: both;
    background-color: #392c4d;
    background-size: 880px 63px;
    height: 70px;
    text-align: center;
    padding: 0px;
    border: 0px solid #FFFFFF;
border-radius: 0px;
}

@media only screen and (max-width: 700px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 80%;
                }

                /* the order of the items is adjusted here for responsiveness!
      since the sidebars would be too small on a mobile device.
      feel free to play around with the order!
      */
                main {
                    order: 1;
                }

                #leftSidebar {
                    order: 2;
                }

                #rightSidebar {
                    order: 3;
                }

                #navbar ul {
                    flex-wrap: wrap;
                }
            }
            
           
/* unvisited link */
a:link {
  color: #1a1325;
}

/* visited link */
a:visited {
  color: #1a1325;
}

/* mouse over link */
a:hover {
  color: #2e2240;
}

/* selected link */
a:active {
  color: #432f63;
}




/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: -455px;
  left: 4.5px;
  padding: 1px
}

/* Top left text */
.top-left {
  position: absolute;
  top: 30px;
  left: 378px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 34px;
  right: 35px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: -54px;
  right: 460px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 47%;
  left: 170%;
  transform: translate(-50%, -50%);
}

/* other1 */
.other1 {
  position: absolute;
  top: 10%;
  left: 0%;
  transform: translate(-50%, -50%);
}

/* other2 */
.other2 {
  position: absolute;
  top: 34px;
  right: 37px;
}

/* other3 */
.other3 {
  position: absolute;
  top: 35px;
  right: 42px;
}

/* other4 */
.other4 {
  position: absolute;
  top: 30px;
  right: 40px;
}


.blink_text
{
    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;
    color: red;
}

@-moz-keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
 }
 
 * {cursor: url("https://files.catbox.moe/u9f1ke.png"), auto;}
A:hover{cursor: url("https://files.catbox.moe/8hni4k.png"), auto;}

 
 ::-webkit-scrollbar { width: 16px; height: 10px; } 

::-webkit-scrollbar-thumb { background-color: #fff; background-image: url(https://files.catbox.moe/r1vyam.png); border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-right: 1px solid black; border-bottom: 1px solid black; } 

::-webkit-scrollbar-track { background-color: #fff; background-image: url(https://i.ibb.co/rpqDr6p/retro-scrollbar-track.png); background-size: 3px; } 

::-webkit-scrollbar-button:vertical:increment { background-image: url(https://files.catbox.moe/kxyba9.png); width: 14px; height: 16px; border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-right: 1px solid black; border-bottom: 1px solid black; } 

::-webkit-scrollbar-button:vertical:decrement { background-image: url(https://files.catbox.moe/w9yhui.png); border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-right: 1px solid black; border-bottom: 1px solid black; width: 14px; height: 16px; }



  @import url('https://fonts.cdnfonts.com/css/microsoft-sans-serif');
body 
{
    font-family: 'Microsoft Sans Serif', sans-serif;     
    -webkit-font-smoothing: 20% !important;                               
}

.div1 {
  width: 120px;
  height: 200px;
  border: 3px solid #1a1325;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

.div2 {
  width: 120px;
  height: 130px;
  border: 3px solid #1a1325;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

.div3 {
  width: 513px;
  height: 228.5px;
  border: 3px solid #1a1325;
  float: right;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

.div4 {
  width: 513px;
  height: 252.5px;
  border: 3px solid #1a1325;
  float: right;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

.div5 {
  width: 120px;
  height: 130px;
  border: 3px solid #1a1325;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 20px;
}

.hr {
  padding: -1px;
    margin: -1px; 
}