html {
    font-family: 'Lato', sans-serif;
}

nav li a {
    text-decoration: none;
    display: block;
    padding: 5px;
    background: linear-gradient(90deg, #FFA300, #ffbd63);
    margin: 1px 115px 2px;
    cursor:  pointer;
    color: #fff
}

nav li:hover a{
    background: #9cd3d4;
    color: #e07800;
}

body {
    background: #52C6C3;
    text-align: center;
    color:#7D7E81
}

h1,h2,h3 {
    color:#FFA300;
}

p, ul, a {
    color: #fff;
    list-style: none;
    padding: 1px;
}

h1 {
    font-weight: bolder; 
    font-size: 200%}

h3 {
    text-decoration-line: underline
}

footer {
    border-top: 1px solid #FFA300;
    padding: 15px;
    font-size: 12px;
}