@font-face {
  font-family: "VT323";
  src: url(assets/VT323-Regular.ttf) format("truetype");
}
#header {
  float:left;
  height:50px;
  background-color:#16161d;
  width:98%;
  padding:2px;
  margin:10px;
  vertical-align:top;
  font-family: 'VT323', Fallback, 'Courier';
  }
  
  #navbar {
  float:left;
  height:50px;
  text-align:center;
  background-color:#16161d;
  width:98%;
  padding:2px;
  margin:10px;
  vertical-align:top;
  font-family: 'VT323', Fallback, 'Courier';
   border-color:orange;
  border-width:10px 0 0 3px;
  border-style:solid;
  }
  
  #navbar h1 {
  color:orange;
  float:left;
  margin:20px;
  
  }
  #navbar img {
    float:left;
    margin:20px;
      
    }
  
#header h1 {
  color:orange;
  text-align:left;
  float:left;
  vertical-align:top;
  margin:1px;
  }
#body {
  float:left;
  width:63%;
  margin:5px;
  padding:5px;
  background-color:#2b2110;
  font-family: 'VT323', Fallback, 'Courier';
  border-width:10px 10px 40px 20px;
  border-color:orange;
  border-style:solid;
  }
#rightsidebar {
  float:left;
  width:14%;
  margin:5px;
  padding:5px;
  background-color:#2b2110;
  font-family: 'VT323', Fallback, 'Courier';
  border-width:5px 5px 20px 10px;
  border-color:orange;
  border-style:solid;
  }
  #rightsidebar h1 {
      color:orange;
  }
   #rightsidebar p {
      color:orange;
  }
  #rightsidebar li{
      margin:5px;
      padding:5px;
      width:150px;
  }
   #leftsidebar h1 {
      color:orange;
  }
   #leftsidebar p {
      color:orange;
  }
   #body h1 {
      color:orange;
  }
  #body h3 {
      color:orange;
  }
   #body p {
      color:orange;
  }
#leftsidebar {
  float:left;
  margin:5px;
  padding:5px;
  width:14%;
  background-color:#2b2110;
  font-family: 'VT323', Fallback, 'Courier';
  border-width:5px 5px 20px 10px;
  border-color:orange;
  border-style:solid;
}
html {
  background-color:black;
}

body{
  background-color: #000000;
  margin: 0px;
}

li {
    color:orange;
}
a {
    color:orange;
    
}
h4 {
    color:orange;
}