body {
  background-color: black;
  color: white;
  font-family: Courier;
  text-align: center;
  background: url(background.png) no-repeat top 0px center, url(/noiseround.gif); background-size: 100vw 170vh;
  image-rendering: optimizeSpeed;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 0%;  
  display: flex;
  justify-content: center;
  }
  
  .top {
    position: relative;
    top: 20px;
    
    width: 900px;
    text-align: center;
  }
  
  .topbar {
    background-color: #353130;
    position: relative;
    top: 30px;
    height: 60px;
    border-style: solid;
    border-width: 5px;
    border-color: #C18274;
  }
  .maincontent {
    top: 50px;
    position: relative;
  }
  
  .sidebar {
    width: 300px;
    height: 500px;
    float: left;
    background-color: #353130;
    border-style: solid;
    border-width: 5px;
    border-color: #C18274;
    
    text-align: left;

  }
  
  .contentbox {
    position: absolute;
    width: 550px;
    right: 0px;
    background-color: #353130;
    border-style: solid;
    border-width: 5px;
    border-color: #C18274;
    
    text-align: left;
  }
  
  .textcontainer {text-align: left; margin-inline: 10px}