@font-face {
  font-family: 'IBM VGA 8x16';
  src: url(https://dawgbytes.neocities.org/css/Web437_IBM_VGA_8x16.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IBM PS55 13x29';
  src: url(https://dawgbytes.neocities.org/css/Web437_IBM_PS-55_re.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #8f54a0 #484848;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #484848;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #8f54a0;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }


body {
  font-family: 'IBM VGA 8x16';
overflow: hidden;

padding-bottom: 5%; 

  background: url("https://dawgbytes.neocities.org/warm.png") no-repeat right bottom #181818;
  image-rendering: crisp-edges;
  
  
  background-size: 80%;
  background-origin: padding-box;
  }
 
  
  /* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
 padding: .5em .5em;
  display: flex;
    justify-content: center;
 
}

/* Style the links inside the navigation bar */
.topnav a {
  display: inline-block;
 margin: 10px;

  color: #f2f2f2;
  text-align: center;
  padding: 5px 20px;
  outline: .07em solid #CCC;
  text-decoration: none;
  font-size: 32px;
  
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: #663366;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #663366;
  color: white;
}
  



.text
{  font-family: 'IBM PS55 13x29';
  font-size: 21.75px;
  color: #66ffff;

  text-align: left;
   
  
  max-width: 800px;
   height: 100%;
  overflow-y: scroll;
  padding-right: 65%;
  padding-left: 3%;
 
  
  
  
    
}


.footer {
  position: fixed;
  right: 15px;
  bottom: 0;
  width: 100%;
  
  color: #66ffff;
  text-align: right;
  font-size: 12px;
}