h1{
    font-size: 3em;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bolder;
    color: rgb(56, 56, 56);
}
ul{
    list-style-type: none;
    text-align: center;
    margin: 5% auto;
    background-color: aqua;
    padding: 20px;
    border-radius: 15px;
    width: 70%;    
    transition: transform 0.1s ease;
}
ul:hover{
    background-color: rgb(0,220,220);
    cursor: pointer;
    box-shadow: inset 0 0 10px gray;
    
}
ul li:active {
    transform: translateY(2px);
}
ul li a{
    text-decoration: none;
    font-size: 1.2em;
    color: black;
    font-weight: bold;
}
ul li a:hover{
    color: darkblue;
}
ul li a:active{
    color: navy;
}
body{
    text-align: center;
    font-family: Arial, sans-serif;
    background-color: hsl(204, 100%, 70%)
}