body {
margin: 0;
padding: 0;
background; #f1f1f1;
font-family; sans-serif;
}

.top {
width: 100%;
background: #313131;
overflow: hidden;
}

.main {
max-width: 1200px;
margin: auto;
}

.main ul {
margin; 0;
padding: 0;
}

.main ul li {
list-style: none;
display: inline-block;
transition: 0.4s all;
}

.main ul li a {
text-decoration: none;
color: #fff;
padding: 10px;
display: block;
font-size: 18px;
transition: 0.4s all;
}

.top ul li a:hover {
opacity: 0.8;
color: red;
}

@media (max-width: 430px) {
.top ul li {
display: block;
}
}