html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}


::selection {
background: #990000;
color: #FFFFFF;
}

a {text-decoration: none; color: #8A0000; }

    

body {
  background-image: url("https://sewerwolfx.neocities.org/graphics/backgrounds/1red/37.GIF");
  color:#fcf3f5;
   background-repeat: repeat;
  background-attachment: fixed;
  font-family: "Belanidi";
}


.page {
  max-width: 1000px;
  margin: 50px auto;
  display: grid;
  grid-template-columns: 170px  650px  170px ;
  border: 1px solid black;
  }
  
  .box {
    padding:5px;
    font-size: initial;
    text-align: left;
  }

#header,#left,#middle,#right,#footer {
  border: 1px solid black;
}

#header {
  grid-row: 1/2;
  grid-column: 1/4 ;
  
}

#left {
  grid-row: 2/3 ;
  grid-column:1/2 ;
  max-width:170px ;
  word-wrap: break-word
}


#middle {
   grid-row:2/3;
  grid-column:2/3 ;
  max-width: 650px;
}

#right {
   grid-row:2/3 ;
  grid-column:3/4 ;
  max-width:170px ;
}

#footer {
   grid-row: 3/4 ;
  grid-column:1/4 ;
}

button {
    font-family: IBM;
    width: 100%;
    height: 22px;
    text-align: right;
  color:white;
    border: 1px solid #000000;
    background: #120101;
    border-bottom: 1px solid #000000;
    line-height: 100%;
 margin: 0 % 5px 10%;  
}

button:hover{
 background: #120101;
background: linear-gradient(90deg,rgba(18, 1, 1, 1) 20%, rgba(156, 14, 14, 1) 100%);
}







/*FONTS*/

@font-face {
  font-family: "aardvark";
  src: url("Fonts/Aardvark Cwm Type.ttf");
}


@font-face {
  font-family: "allagard";
  src: url("Fonts/alagard.ttf");
}

@font-face {
  font-family: "arpegius";
  src: url("Fonts/Arpegius.ttf");
}


@font-face {
  font-family: "tinyfont";
  src: url("Fonts/BD_Tinyfont.otf");
}

@font-face {
  font-family: "Belanidi";
  src: url("Fonts/BelanidiSerif-Regular.otf");
}


@font-face {
  font-family: "GothicPixels";
  src: url("Fonts/GothicPixels.ttf");
}