/* eggramen made the code for this as well */

body {
  background: url("https://c-latrans.neocities.org/Dit/narcisse_diaz_de_la_pena_the_frog_pond_1876.jpg");
	background-size: cover;
	background-attachment: fixed;
  background-position:center;
	font-family:  "Consolas", "Arial", sans-serif;
	font-size:14px;
  }
  
a {
  color: #05225e;
  }
  
/*Everything goes inside this.*/
.container {
  margin: 0 auto;
  width:900px;
  margin-top:5px;
  margin-bottom:5px;
  }
  
/*Main boxes.*/
.main {
  background: rgba(245,245,245,0.5);
  border:3px double #fff;
  margin-left:200px;
  padding: 12px 17px;
  margin-bottom:35px;
  margin-top:35px;
    }

/*Sidebar*/
.side {
  background: rgba(245,245,245,0.5);
  padding:12px 12px;
  border: 3px double #fff;
  margin-top:200px;
  max-height:300px;
  overflow:auto;
  width:135px;
  position:fixed;
  text-align:center;
  }
  
/*Prevent image overflow*/  
.main img {
  max-width: 100%;
  height: auto;
  }
  
  
/*For narrower screens.*/
@media(max-width:850px) {
  .container {
    width:700px;
  }
  .main {
    margin-left:175px;
    }
  .side {
    width:100px;}
  }