@font-face {
   font-family: charfont;
   src: url(/shrines/404/joystix\ monospace.otf);
}
body {

background-color: rgb(78, 0, 0);
  
  color: #ff0000;
  font-family: monospace;
  a {color: #a52a2a; font-family: monospace;}
  


footer {
    background-color: black;
    padding: 10px;
    width: fit-content;
    margin: auto;
}
a:hover {color: #ff0000;}

  text-align: left;
  background-image: url(/shrines/404/bg\ room\ red.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  
  font-size: 13px;
  h1 {font-family: charfont; text-align: center;};
  p {color: white;
    font-family: monospace;}
ul {color: white; font-family: monospace;}
}


* {
   font-family: charfont;
}

.arrangeSite {
    flex-flow: wrap;
  width: fit-content;
  margin: auto;
}
.content {
    display: flex;
    padding: 20px;
    width: fit-content;
    
}
.mainDiv {
    background-color: black;
    max-height: 600px;
    width: 900px;
   
    padding: 20px;
    
}

/*nav shiiit/*/


nav {
 
  background-color: black;
text-align: center;
  padding: 1px;
  height: 639px;
  width: 200px;
  margin-right: 10px;
}

.navlink{
  text-align: left;
  display: block;
  padding: 5px;
  margin: 8px 5px 8px;
  a {font-size: 18px;}
}

/*scrollll/*
/* width */

.scroll{
  background-color:black;
  width:900px;
  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;
}