@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,700);
body {
  background:url(concrete_wall.png); /* Background pattern from subtlepatterns.com */
  text-align:center;
  font-family: 'Maven Pro', sans-serif;
}
#container {
  width:90%;
  box-sizing:border-box;
  margin: 2em auto 1em auto;
  border-radius:20px;
  padding: 1em;
  box-shadow: 1em 1em 1em #000;
  background:url(groovepaper.png); /* Background pattern from subtlepatterns.com */
  text-align:left;
}
#container a {
  color:inherit;
  text-decoration:none;
  border-bottom:1px dashed grey;
}
#container a:hover {
  border-bottom:1px solid black;
}
#container img {
  max-width:100%;
}

/* Scrollbar (Webkit only) */
::-webkit-scrollbar {  
    width: .5em;  
    height: .5em;
}  
::-webkit-scrollbar-track {  
    background:url(concrete_wall.png);
}  
::-webkit-scrollbar-thumb {  
    background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {  
    background: url(groovepaper.png);
}

@media (min-width: 500px) {
  #container {
    width: 60%;
    min-width: 400px;
    max-width: 800px;
  }
}