body {
  font-family: 'Open Sans', 'Roboto' sans-serif;
}
#mainNav{
  background: #0009;
  position: fixed;
  z-index: 1000;
  width: 100%;
  display: flex;
  align-items: center;
  color: #eee;
  height: 45px;
  justify-content: space-between;
  letter-spacing: 0.02em;
  font-size: 1.05em;
  padding: 0 8px;
 }
#mainNav a{
  text-decoration: none;
  color: #eee;
  transition: all ease 0.25s;
  display: inline-block;
  line-height: 35px;
  padding: 5px;
 }
#mainNav a:hover{
  color: #06c4ff;
  font-size: 1.05em
 }
footer{
  background: #0c121e;
  color: #ddd;
 }