html {
    margin:    0 auto;
    max-width: 1600px;
    width: 1000px;
    border: 0px solid #FFFFFF;
border-radius: 0px #FFFFFF;
margin-top: 10px;
margin-bottom: 10px;

}



*{
  

    box-sizing: border-box;
}
body{
    margin: 0;
    background-image: ;
    
}

p {
  letter-spacing: 0.2px;
  line-height: 1;
  
}
 
 
 
 }
 img {
   line-height: 0;
    
}

div {
  
  
}
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: #e6e5e1;
    width: 220px;
    height: 40px;
    float: left;
    padding: 10px;
    border: 2px solid black;
  
}

.navbar2{
    background-color:#0f0701;
    width: 1000px;
    height: 20px;
    padding: 0px;
    border: 0px solid #FFFFFF;
  
}

.navbar3{
    background-image: linear-gradient(#303030, #858585);
    
    height: 30px;
    padding: 0px;
    border: 1px solid #FFFFFF;
  
}

.navbar4{
    background-image: url('https://files.catbox.moe/7stai9.gif');
    background-repeat: no-repeat;
    background-size: 1000px 45px ;
    height: 50px;
    padding: 0px;
    border: 1px solid #FFFFFF;
  
}

.navbar5{
    background-image: url('https://files.catbox.moe/qnjmqq.png');
    background-repeat: no-repeat;
    background-size: 1000px 45px ;
    height: 0px;
    padding: 0px;
    border: 0px solid #FFFFFF;
  
}


aside{
 
  background-color: rgba(0, 0, 0, 0);
  background: opacity:0%;
    width: 10%;
    float: left;
    padding: 0px;
    border: 0px solid #FFFFFF;
border-radius: 0px;
}
section{
  background-color: white;
    width: 99%;
    height: 500px;
    float: none;
    padding: 10px;
    
    border: 0px solid #FFFFFF;
border-radius: 0px;
}
article{
  
   background-color: rgba(0, 0, 0, 0);
    width: 35%;
    float: left;
    padding: 5px;
    margin: 0px;
    border: 0px solid #FFFFFF;
border-radius: 0px;
}
footer{
    display: block;
    clear: both;
    background-color: #606060;
    height: 30px;
    width: 500;
    text-align: center;
    padding: 0.5px;
    border: 2px solid black;
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: white;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: #32155f;
}

/* selected link */
a:active {
  color: white;
}




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

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 270px;
  left: 0px;
}

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

/* Top right text */
.top-right {
  position: absolute;
  top: 20px;
  right: 53px;
}

/* 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: 47%;
  left: 230%;
  transform: translate(-50%, -50%);
}

/* other2 */
.other2 {
  position: absolute;
  top: 138px;
  right: 750px;
}

/* other3 */
.other3 {
  position: absolute;
  top: 22px;
  right: 30px;
}

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

/* other3 */
.button2 {
  position: absolute;
  top: 135px;
  right: 976px;
}

/* Bottom right text */
.sq {
  position: absolute;
  bottom: 280px;
  right: 750px;
}

/* Bottom right text */
.ots {
  position: absolute;
  bottom: 126px;
  right: 600px;
}

.wrt {
  position: absolute;
  bottom: 126px;
  right: 260px;
}

.mw {
  position: absolute;
  bottom: 400px;
  right: 300px;
}

.girl1 {
  position: absolute;
  bottom: 410px;
  right: 100px;
}

.star {
  position: absolute;
  bottom: 240px;
  right: 305px;
}

.girl2 {
  position: absolute;
  bottom: 50px;
  right: 200px;
}

.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/rq36im.png"), auto;}
A:hover{cursor: url("https://files.catbox.moe/4ieygz.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 black; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } 

::-webkit-scrollbar-track { background-color: transparent; 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 black; border-left: 1px solid black; 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 black; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; width: 14px; height: 16px; }



@font-face { font-family: TheMoment; src: url('TheMoment.ttf'); } 

@font-face { font-family: fivecent; src: url('fivecent.ttf'); } 

img.block {
  display: block;
}
.left {
   position: absolute;
  top: 115px;
  left: 335px;

} 

.right {
   position: absolute;
  top: 115px;
  right: 335px;

} 


#guest {
   background-image: url('https://files.catbox.moe/gvbq6k.png');
   background-size: 200px 260px;
   height: 260px;
   width: 190px;
}

#guest:hover {
   background-image: url('https://files.catbox.moe/yh8ib2.png');
}

/* Dropdown Button */
.dropbtn {
  background-color: transparent;
  
  padding: 0px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  
  display: none;
  position: absolute;
  background-color: #e6e5e1;
  min-width: 30px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 5px 5px;
  border: 1px solid black;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: gray;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #e6e5e1;

}








.dropbtn2 {
  background-color: transparent;
  
  padding: 0px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown2 {
  position: relative;
  display: inline-block;
  
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
  
  display: none;
  position: absolute;
  background-color: #e6e5e1;
  min-width: 80px;
  margin: 0px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content2 a {
  color: black;
  padding: 5px 5px;
  border: 1px solid black;
  text-decoration: none;
  margin: 0px;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content2 a:hover {background-color: gray;}

/* Show the dropdown menu on hover */
.dropdown2:hover .dropdown-content2 {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown2:hover .dropbtn2 {background-color: #e6e5e1;}