/*when editing the background image urls, remove the * and / thats on the front and back. download the background images you want to use and drop them into the dashboard, so that your images are hosted on this site and wont dissapear (if this makes no sense then bug me.)*/


html, body {
  /*background for the entire page*/
  background-color: black;
  /*background-image:"IMAGEURL";*/
  
  /*reccomend not touching these*/
  color: white;
  font-family: serif;
  height:100%;
  width:100%;
}



/*navigation box to the left*/

.navigation {
  /*box might break or fuck up if you touch these*/
  position:fixed;
  width:25%;
  max-height:30%;
  margin-top:5%;
  float:left;
  padding:10px;
  
  /*font color and size settings*/
  text-align:center;
  font-family: "Century Gothic", serif;
  font-size:14px;
  
  /*navigation box background, border, and color settings*/
  /*background-image:"IMAGEURL";*/
  background-color:black;
  border:1px;
  border-color:red;
  border-style:inset;
}



/*main content box*/

.container {
  /*once again box might break if you touch these*/
  width:60%;
  height:50%;
  padding:1%;
  padding-right:2%;
  margin:5%;
  float:right;
  overflow:scroll;
  text-align:center;
  
  /*box and border color settings*/
  /*background-image:"IMAGEURL";*/
  background-color:pink;
  border:2px;
  border-color:red;
  border-style:inset;
  
  /*font settings*/
  font-family: "Century Gothic", serif;
  color:black;
  font-size:20px;
}



/*the big image in the corner. also might break if you touch*/

.big {
  position:fixed; 
  bottom:0%;
  right:0%;
}



/*scrollbar settings*/

/* scrollbar wideness */
::-webkit-scrollbar {
  width: 10px;
}

/* scrollbox color */
::-webkit-scrollbar-track {
  background: pink; 
}
 
/* the little scrollbar color */
::-webkit-scrollbar-thumb {
  background: red; 
}

/* the little scrollbar color on hover */
::-webkit-scrollbar-thumb:hover {
  background: black; 
}



/*link settings*/

/*link untouched*/
a:link {
  color:red;
}


/*visited link*/
a:visited {
  color:red;
}

/*link on hover*/
a:hover {
  color:white; 
}