body {
    background: #757575;
    color: Gainsboro;
    font-size: x-large;
    font-family: 'Play', sans-serif;
    padding-top: 60px;
    padding-bottom: 40px;
}

#show-news li.news1
{
  background-color: #616161;
}

#show-news li.news2
{
  background-color: #404040;
}

#show-news ul li.news1:hover {
  background: #555;
}

#show-news ul li.news2:hover {
  background: #555;
}

ul {
  list-style-type: none;
}

a:link {
  color: red;
}

a:visited {
  color: green;
}

a:hover {
  color: hotpink;
}

a:active {
  color: blue;
}

div.metadata {
  color: #a5a5ff;
  font-size: x-large;
  font-family: 'Play', sans-serif;
  text-align: center;

  /* make div sticky  */
  background-color: #000000;
  position:fixed;
  top:0;
  width:100%;
  z-index:100;
}

div.footer {
  color: #a5a5ff;
  font-size: x-large;
  font-family: 'Play', sans-serif;
  text-align: center;

  /* make div sticky  */
  background-color: #000000;
  position:fixed;
  bottom: 0;
  width:100%;
  z-index:100;
}

a.footer {
  color: white;
}

a.footer:hover {
  color: hotpink;
}