/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
body {
  background: #285275 url("/background.png"); /*Replace with your own background image! :)*/
	background-size: cover;
	background-attachment: fixed;
  background-position:center;
	background-size: cover; 
	font-family: sans-serif;
	font-size:14px;
  }
  
a {
  color: #05225e;
  }
  
/*Everything goes inside this.*/
.container {
  margin: 0 auto;
  width:800px;
  margin-top:5px;
  margin-bottom:5px;
  }
  
/*Main boxes.*/
.main {
  background: #ffffff;
  border:3px double black;
  margin-left:200px;
  padding: 12px 17px;
  margin-bottom:35px;
  margin-top:35px;
  }

/*Sidebar*/
.side {
  background: #ffffff;
  padding:10px 12px;
  border: 3px double black;
  margin-top:225px;
  max-height:300px;
  overflow:auto;
  width:135px;
  position:fixed;
  text-align:center;
  }
  
.side img {
  border: 3px double black;
  margin: 0 auto;
  margin-left: -3px; /*border pushes it to the right otherwise*/
  }

/*Prevent image overflow*/  
.main img, .side img {
  max-width: 100%;
  height: auto;
  }
  
  
/*For narrower screens.*/
@media(max-width:850px) {
  .container {
    width:700px;
  }
  .main {
    margin-left:175px;
    }
  .side {
    width:100px;}
  }