* {
font-family: helvetica, arial, sans-serif;
}

body {
background-color: floralwhite;
margin: 0;
}


nav {
padding: 0;
list-style-type: none;
}

ul {
list-style-type: none;
padding: 0;
margin-bottom: 0;
}

ul li a {
display: block;
background-color: blanchedalmond;
text-align: center;
padding: 0.5em;
border: 1px solid #AEB0AA;
text-decoration: none;
color: black;
font-weight: bold;
}

ul li a:hover {
background-color: #F58C76;
transition: 0.4s;
border: 1px solid #F9B6AC;
}

@media screen and (min-width: 850px) {
ul li a {
display: inline-table;
padding-right: 2em;
padding-left: 2em;
border: 20px;
width:auto;
}

li {
float:left;
}

ul {
margin: 0;
padding: 0;
overflow: hidden;
background-color: blanchedalmond;
}

ul li a:hover {
border:0;
}

}


#section {
    width:350px;
    float:none;
    padding:2em;
    text-align: center;
    background-color: darkseagreen;
    clear: both;
    align-content: center;
    margin: auto;
    width: 60%;
    }
    

#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
}

#portfolio {
background-color: blanchedalmond;
padding: 0.5em;
text-decoration: none;
color: black;
font-weight: bold;
}

#portfolio:hover {
background-color: #F58C76;
transition: 0.4s;
}