body {
  background-color: rgb(190, 190, 190);;
  color: rgb(0, 0, 0);
  font-family: monospace;
}



a, a:visited, a:hover, a:active {
  color: #262626;
}

.container {
 position:absolute;
 top: 50px;
 left: 30px;
} 

.navbox {
  position: relative;
  top: -8px;   /* Moves 10px down from natural position */
  right:-110px;   /* Moves 20px right from natural position */
  bottom: 500px;
  
 background:white; 
 color:rgb(0, 0, 0); 
 width:100px;
 height:100px; 
 font-size:20px; 
 border:2px solid black; 
 
}
 
 .navboxlinks {
  text-align: center;
   position: absolute;
  top: 3px;   /* Moves 10px down from natural position */
  left:10px;  /* Moves 20px right from natural position */
  bottom: 10px;
  
 background:white; 
 color:black; 
 width:30px;
 height:20px; 
 font-size:20px; 
 



 
}

.banner{
  position: absolute;
  top: -10px;
  right: 50px;
  left: 500px;

  background-image: url('https://files.catbox.moe/w2lysx.png');
 

  
      display: flex;              /* establish flex container */
        flex-direction: column;     /* stack flex items vertically */
        justify-content: center;    /* center items vertically, in this case */
        align-items: center;        /* center items horizontally, in this case */
    
        width:900px;
        height:100px;
      
        padding: 2px;
        border:2px solid black; 
}      
  
  


.leftbox {
  position: absolute;
  top: 130px;
  right: 50px;
  left: 240px;
 

  
      display: flex;              /* establish flex container */
        flex-direction: column;     /* stack flex items vertically */
        justify-content: center;    /* center items vertically, in this case */
        align-items: center;        /* center items horizontally, in this case */
        overflow-y: scroll;
        width:230px;
        height:630px;
        background: rgb(255, 255, 255);
        padding: 2px;
        border:2px solid black; 

}

.leftboxcontent {
 
}
        
.topleft {
  position: absolute;
  top: 42px;
  right: 50px;
  left: 270px;
 

  
      display: flex;              /* establish flex container */
        flex-direction: column;     /* stack flex items vertically */
        justify-content: center;    /* center items vertically, in this case */
        align-items: center;        /* center items horizontally, in this case */
    
        width:230px;
        height:97px;
        background: rgb(255, 255, 255);
        padding: 2px;
        border:2px solid black; 
}


.middlebox {
  position: absolute;
  top: 130px;
  right: 400px;
  left: 500px;
 

  
      display: flex;              /* establish flex container */
        flex-direction: column;     /* stack flex items vertically */
        justify-content: center;    /* center items vertically, in this case */
        align-items: center;        /* center items horizontally, in this case */
    
        width: 900px;
        height:630px;
        background: rgb(255, 255, 255);
        padding: 2px;
        border:1px solid black; 
}


iframe {
	border: 3px double #000;
}

.maincontent {
	height:630px;
	width: 904px;
	position: absolute;
	bottom: -1px;
	left: -1px;
	z-index: 1; 

}


.soga {
  background-image: url('https://remingskulls.neocities.org/Soga_reunites_with_Magatsumi-removebg-preview.png'); 
  position:absolute; 
  right:-275px; 
  top:150px; 
  z-index:-5; 
  transform:rotate(0deg)
}
  .soga {
  pointer-events: none;
}
  
    
    
.box {
border:2px black solid;

  }