body {  
  margin: 0;
  color: black;
  font-family: Verdana;
  background-image: url("Assets/HUD Background.png");
  background-size: cover;
  /*background-repeat: no-repeat;*/
  
}

#container {
  max-width:990px;
  margin: 0 auto;
  margin-top: 25px;

}


#flex {
  display:flex;
}


main {
  
  margin: auto;
  /*margin-right: 20px;*/
  background: white;
  
  border-style: solid;
  border-width: 5px;
  border-color: black;
  
  flex:1;
  padding:20px;
  order:2;
  
  margin-right: 15px;

}


#RightSideBar{
  width:200px;
  padding:20px;
  font-size:small; /* this makes the sidebar text slightly smaller */
  
  background: white;
  
  border-style: solid;
  border-width: 5px;
  border-color: black;
  float: right;

  order:2;
}

#topbar{
  text-align: center;
  font-size: small;
  border-style: solid;
  border-color: black;
  border-bottom-width: 5px;
  /*border-bottom-width: 5px;*/
  
  background: white;
  
  margin-bottom: 20px;
}

#footer{
  text-align: center;
  font-size: smaller;
  border-style: solid;
  border-color: black;
  border-top-width: 5px;
  border-bottom-width: 5px;
  
  background: white;
  
  margin-top: 20px
}