body{
  background-color: #CEF9F2;
  font-size: 25px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

ul{
  list-style: none;
}
nav{
  max-width: 900px;
  margin: auto;
  background-color: #333;
  font-size: 20px;
  margin-top: 50px;
}
.menu{
  list-style: none;
  display: flex;
  justify-content: space-around;
}
.menu > li > a{
display: block;
padding: 15px 42px;
color: #C1C1C1;
text-decoration: none;
}
.menu > li:hover{
  background-color: #2C4251;
}
.semi{
  position: absolute;
  display: none;
  list-style: none;
  width: 200px;
  background-color: rgba(0, 0, 0, .5);
}
.menu li:hover .semi{
  display: block;
}
.semi li:hover{
  background-color: #2C4251;
}
.semi li a{
  display: block;
  color: #C1C1C1;
  padding: 15px 15px 15px 20px;
  text-decoration: none;
}
.nav-main{
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 20px 0;
  margin: 50px;
}
.noc{
  font-size: 20px;
}