.flex {
 display: flex;
}

* {
 cursor: url('/sitecursor.png'), auto;
}

@font-face {
 font-family: bit3;
 src: url('/fonts/Bit3.ttf');
}

@media only screen and (max-width: 920px) {
 .flex {
  flex-wrap: wrap;
 }
 aside {
  width: 50%;
 }
 main {
  order: 1;
 }
 #sidebarR {
  order: 2;
 }
}

body {
 font-family: 'bit3', sans-serif;
 margin: 0;
 background-image:url('/tiles/stars.gif');
}

#constructionbar {
color: #FFFFFF;
background-image: url('/tiles/comp020.gif');
height: 30px;
}
  marquee {
  padding: 5px;
  }

#header {
margin: 0 auto;
}

  /* side container stuffs here*/
.sidecontainer {
max-width: 500px;
width: 500px;
height: 850px;
margin-top: 180px;
margin-bottom: 180px;
}
 #moujumpscare {
 float: left;
 margin: 10px;
 }
  /* end of side container stuffs */

  /*  main container stuffs here */
.maincontainer {
max-width: 1020px;
margin: auto; 
width: 50%;
margin-top: 180px;
margin-bottom: 180px;
}
 main {
 height: 850px;
 width: 700px;
 flex: 1;
 order: 1;
 background-image: url('/tiles/comp016.gif');
 }
   #mainbox {
   margin: 20px;
   height: 350px;
   background-color: #A155FF;
   padding: 20px;
   color: #FFAFF7;
   border-style: solid;
   border-width: 5px;
   border-color: #FFAFF7;
   } 
   h1{
   margin-top: 0;
   margin-bottom: 10px;
   }
   #mainpfp {
   float: right;
   border: 3px solid #E088FF;
   margin-left: 5px;
   }
   p {
   font-size: 18px;
   }
   #funibutton {
   margin: 20px;
   }
 aside {
 margin-left: 10px;
 }
  #sidebarR {
  order: 2;
  }
   ul {
   margin: 0;
   font-size: 20px;
   list-style-type: square;
   }
   #sidebarR li a {
   color: #000000;
   text-decoration: none;
   }
   #sidebarR li a:hover {
   color: #A155FF;
   text-decoration: underline;
   }
   #box1 {
   background-color: #A6FF00;
   padding: 10px;
   height: 140px;
   width: 280px;
   }
   #funiscroll{
   color: #FFFFFF;
   padding: 10px;
   }
   #box2 {
   background-color: #A6FF00;
   padding: 10px;
   height: 120px;
   width: 280px;
   }
   #dancinggoober {
   padding: 40px;
   }
  /* end of main container */
  
footer {
color: #A6FF00;
background-image: url('/tiles/raindrops.webp');
text-align: center;
padding: 10px;
width: 860px;
margin: 0 auto;
}