@font-face {
   font-family: ebola;
   src: url(/shrines/jthm/EBOLA-KI.TTF);
}
body {

background-color: rgb(0, 0, 0);
  
  color: #ffffff;
  font-family: monospace;
  a {color: #a52a2a; font-family: monospace;}
  
 text-align: left;
  
 
  background-attachment: fixed;
  
  ::selection {
  background: red;
}
  font-size: 13px;
}
footer {
    background-color: black;
    padding: 10px;
    width: fit-content;
    margin-top: -200px;
    margin-left: 70%;
  font-family: ebola;
  a {font-family: ebola;}
    
}
a:hover {color: #ff0000;}
a:visited {color:grey;}

 
  h1 {font-family: ebola; text-align: left;
text-shadow: 0 0 3px #FF0000, 2px 3px  #000000};
  p {color: white;
    font-family: monospace;}
ul {color: white; font-family: monospace;}

iframe {overflow: hidden;
}
.button {
 
  position: fixed;
  
  z-index: 1;

}
.cornerguy {
    position: fixed;
    z-index: 2;
    float: right;
    bottom: 10px;
    right: 0px;
}
.arrangeSite {
   flex-flow: wrap;
  width: fit-content;
  
}
.content {
    display: flex;
    padding: 1px;
    width: fit-content;
    
}
.mainDiv {
    background-color: black;
    height: fit-content;
    width: fit-content;
    
    padding: 15px;
    
}
.container {
overflow: hidden;
height: 700px;
  display: grid; 
  grid-auto-flow: column; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 2.5fr 1fr; 
  grid-template-rows: 0.7fr 5fr 1fr; 
  gap: 0px px; 
  grid-template-areas: 
    "topbar topbar topbar"
    "leftbar main main"
    "leftbar main main"; 
}
.topbar { grid-area: topbar; 
    overflow: hidden;
    
}
.leftbar { grid-area: leftbar;
overflow:hidden; margin-top:80px;}
.main { grid-area: main; 
  overflow: scroll; 
  overflow-x: hidden;

  background-color:black;
  
  height:600px;
 scrollbar-color: red;
 scrollbar-width: thin;
}
.main::-webkit-scrollbar-track{
  
  background-color: black;
}
.main::-webkit-scrollbar{
  width: 5px;
  background-color: black
}
.main::-webkit-scrollbar-thumb{
  background-color: red;
  border-radius: 6px;
}



/*nav shiiit/*/


nav {
 
  background-color: black;
text-align: left;
  padding: 1px;
  height: 639px;
  width: 90px;
  
 
  a {font-family: ebola;
color:#ffffff}


  }

.navlink{
  text-align: left;
  display: block;
  
  padding-top: 30px;
  padding-right: 1px;
  padding-left: 10px;
  margin: -10px 5px 2px;
  a {font-size: 18px; font-family: ebola; color:#ffffff}
  a:hover {color: #ff0000;}
a:visited {color:grey;}

}
/*top bar/*/

nav2{
  z-index: 99;
  width: 900px;
  padding: 1px;
  display: flex;
  justify-content: right;
  a {font-family: ebola;
color:#ffffff}
}

.navlink2{
  background-color: rgb(0, 0, 0);
  display: block;
  width: 100px;
  height:20px;
  padding: 10px;
  margin: 8px 5px 8px;
  a {font-size: 18px;}
}
	
/*scrollll/*
/* width */

.scroll{
  background-color:black;
  
  height:600px;
  overflow:scroll;
}
.scroll::-webkit-scrollbar-track{
  
  background-color: black;
}
.scroll::-webkit-scrollbar{
  width: 5px;
  background-color: black
}
.scroll::-webkit-scrollbar-thumb{
  background-color: red;
  border-radius: 6px;
}