body {
  font-family : Roboto;
  background-color : #00002f;
}
header {
  background-color : black;
  color : white;
  text-align : center;
  padding : 30px;
  margin : 10px;
  border : double 8px;
  border-radius : 15px;
}
nav {
  text-align : center;
  margin-left : 25px;
  margin-right : 25px;
  padding : 7px;
  background-color : gray;
  border : solid 5px lightgray;
  border-radius : 15px;
}
nav > a {
  margin : 5px;
  background-color : black;
  color : white;
  padding : 10px;
  margin : 5px;
  border : solid 5px;
  border-radius : 3px;
}
nav > a:hover{
  color : orange;
}
main {
  background-color : #404040;
  color : white;
  padding : 15px;
  margin : 5px;
}
footer {
  text-align : center;
  color : white;
  background-color : black;
  border : solid 5px;
  margin : 10px;
  padding : 10px;
}
section {
  background-color : #545454;
  color : #ffffff;
  border-left : solid 4px;
  padding-left : 8px;
  padding-right : 6px;
  padding-top : 2px;
  padding-bottom : 4px;
  margin : 10px;
}
section:hover {
  color : orange;
}
article {
  border-top : solid 2px;
  border-bottom : solid 2px;
  border-radius : 10px;
  max-width : 70%;
  float : left;
  margin : 6px;
  padding : 2px;
  color : #eeeeee;
}
article > a {
  color : white;
}
article > a:hover {
  color : cyan;
}
figure {
  border : solid 5px white;
  border-radius : 5px;
  float : right;
  margin-right : 15px;
  text-align : center;
  background-color : black;
}
figcaption {
  text-align : center;
  color : #dddddd;
  padding : 5px;
  font-size : 10pt;
}
.clear-fix::after {
  content : "";
  clear : both;
  display : table;
}