.atkinson-hyperlegible-mono- {
    font-family: "Atkinson Hyperlegible Mono", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
  }
  
  
  .vt323-regular {
    font-family: "VT323", serif;
    font-weight: 300;
    font-style: normal;
  }
  
  
  html, body {
    font-family: "Atkinson Hyperlegible Mono", serif;
    font-size: 10px;
    text-shadow: 0px 0px 0px gray;
    color:#FD8FA5;
    color: black;
    letter-spacing: 1px;
    line-height:11px;}
             
   
  #layout {
      margin: 80px auto;
      width: 720px; }
  
  #header1 {
      width: 720px;
      float: left;
      margin: 0 auto;}
  
  #header2 {
      height: 40px;
      background: transparent;
      border-bottom:1px solid black;
      margin: 0px;}
        
  
  #navigation1 {
      width: 720px;
      float: left;
      margin: 0 auto;}
  
  #navigation2 {
      height: 20px;
      line-height:20px;
      background: transparent;
      margin: 0px;
      margin-bottom:10px;
      text-align: left;
      padding:1px;padding-top:0px;
      border-top:2px solid black;}
  
        
  #navigation2 a { 
  width:80px;
  display:inline-block;
  background: black; 
  font: 15px "VT323", serif;
  text-transform:uppercase;
  padding:4px;
  letter-spacing:3px;
  color:#fff;}
        
  #navigation2 a:hover {
  width:80px;
  display:inline-block;
  background:black; 
  ;}
        
        
  
  #content1 {
      width: 360px;
      float: left;
      margin: 0 auto;}
  
  #content2 {
      margin: 0px;
      padding:6px
  }
  
  #left1 {
      width:180px;
      float: left;
      margin: 0 auto;}
  
  #left2 {
      margin: 0px;
      padding:6px
  }
  
 #right1 {
      width: 180px;
      float: left;
      margin: 0 auto;}
  
  #right2 {
      margin: 0px;
      padding:6px
  }
  
  #footer1 {
      width: 720px;
      float: left;
      margin: 0 auto;
      clear: both;}
  
  #footer2 {
      height: 100px;
      line-height:40px;
      text-align:center;
      margin: 0px;}
  
  
    .box {
    background:yellow;
    border:1px solid black;
    border-top:0px;
    padding:8px;
    margin-bottom:2px;}
  
    .box-1 {
    background:yellow;
    border:1px solid black;
    border-top:0px;
    margin-bottom:2px;
  height: 100px;
  padding:8px;
  overflow: scroll}
        
   .box-without-title {
    background:#fff;
    border:1px black;
    margin-bottom:2px;
    }
  
  #sitename a {font:35px "VT323", serif; color: black}
  
  /*; font-weight: bold*/
  /*color:#FEEFF2*/
        
  .title {font:15px "VT323", serif;text-transform:uppercase;color: white; background:black;
  letter-spacing:3px;text-align:left;margin-bottom:0px;}
        
            
  a:link, a:visited, a:active { 
  color:rgb(255, 0, 170);text-decoration:none;}
  a:hover {
  color:rgb(255, 0, 170);}
        
  #menu a {
      display:inline-block;
      background:black;
      margin-bottom:4px;
      width:150px;
      line-height:12px;
      font:12px "VT323", serif;
      text-transform:uppercase;
      letter-spacing:3px;
      text-align: left center;
      color: #fdfd96;}
        
  #menu a:hover {
      display:inline-block;
      background:#fff;
      color: black
  }

  ::-webkit-scrollbar-thumb {
  background-color: #EDE22B;  
  border:1px solid #000000;
  }
  ::-webkit-scrollbar {
  width: 8px; height: 0px; 
  background: transparent;
  }
        
  textarea {font:10px calibri;letter-spacing:1px;}