@import url('https://fonts.googleapis.com/css2?family=Redressed&display=swap');

*{
  margin: 0;
  padding:0;
}

header{
  min-height: 78px;
  background-color: #62a5a1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

html{
  height: 100%;
}

main{
  min-height: 100vh;
  background-color: aqua;
}

footer{
  min-height: 78px;
  background-color: #62a5a1;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}


h1.logo{
  font-family:'lobster'cursive;
  color:#ffff;
  display: block;
}

nav{
  display: inline-block;
  width: calc(100% - 384px);
}

nav ul{
  display:flex;
  justify-content: space-evenly;
}

nav ul li{
  list-style: none;
  border: 1px black solid;
  padding:10px
}

nav ul li a{
  text-decoration: none;
  font-family: sans-sans-serif;
}