/* this bad boy can do so much box */

body{
  color:#C5C2D0;
  background-color:#232227;
}

.mainbox{
  display:inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 85%;
  background-color: #403D4B;
  outline-style: solid;
  outline-color: #101013;
  width:400px;
  text-align:center;
}


.Sidebox{
  display: inline-block;
  margin-left: 0%;
  vertical-align: top;
  margin-top: 0px;
  background-color: #403D4B;
  outline-style: solid;
  outline-color: #101013;
  width:300px;
  text-align:center;
  overflow-y:scroll;
  height:1000px;
  
}


.onside{
  line-height: 40px;
  font-size: 15px;
  
}


hr{
  color: #101013;
  border-top: 2px solid #101013;
  height: 2px;
}

img{
  background-color: #232227;
  outline-style: solid;
  outline-color: #101013;
  display:inline-block;
  margin:auto;
  margin-bottom: 10px;
  margin-top: 10px;
  width:300px;
}

br{
  margin-top: 5px;
}

a{
  color:#8BAFFF;
}


@media (max-width: 600p× ) {

.Sidebox{
  position: fixed;
  display: inline-block;
  margin-left: 0%;
  vertical-align: top;
  margin-top: 0px;
  background-color: #403D4B;
  outline-style: solid;
  outline-color: #101013;
  width:100px;
  text-align:center;
  
}

}