@font-face {
  font-family: "3dumb";
  src: url(assets/3dumb/3Dumb.ttf) format("truetype");
}
@font-face {
  font-family: "2dumb";
  src: url(assets/3dumb/2Dumb.ttf) format("truetype");
}
#header {
  float:left;
  height:50px;
  background-color:#16161d;
  width:98%;
  padding:2px;
  margin:10px;
  vertical-align:top;
  font-family: '3dumb', Fallback, 'Serif';
  }
  
  #navbar {
  float:left;
  height:50px;
  background-color:#16161d;
  text-align:justify;
  width:98%;
  padding:2px;
  margin:10px;
  vertical-align:top;
  font-family: '3dumb', Fallback, 'Serif';
  }
  #navbar h1 {
  color:orange;
  text-align:justify;
  float:left;
  vertical-align:top;
  margin:20px;
  margin:1px;
  }
  
#header h1 {
  color:orange;
  text-align:left;
  float:left;
  vertical-align:top;
  margin:1px;
  }
#body {
  float:left;
  width:65%;
  margin:5px;
  padding:5px;
  background: linear-gradient(90deg, orange, white);
  font-family: '2dumb', Fallback, 'Serif';
  }
#rightsidebar {
  float:left;
  width:15%;
  margin:5px;
  padding:5px;
  background: linear-gradient(90deg, orange, white);
  font-family: '2dumb', Fallback, 'Serif';
  }
#leftsidebar {
  float:left;
  margin:5px;
  padding:5px;
  width:15%;
  background: linear-gradient(90deg, orange, white);
  font-family: '2dumb', Fallback, 'Serif';
}
html {
  background-color:#fff6a1;
}