@media (max-width: 600px) {
  body{
    max-width:400px;
  }
  li{
    margin:10px 0
  }
}
@media (min-width: 601px) {
  body{
    max-width:640px;
  }
  li{
    margin:18px 0
  }
}

body{
  margin:10px auto;
  padding:0 10px;
  font:18px/1.5 Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color:#ffe;
  background:#000
}
img{
  max-width:100%
}
a,a:visited{
  font-size:270%;
  font-weight:bold;
  color:#ffe
}
h1{
  margin:0;
  text-align: center
}
ul{
  list-style-type:circle
}
div.content{
  width:95%;
  margin:0 auto
}