li{
    display: flex;
    padding: 4px;
}

a{
    text-decoration: none;
    color: cadetblue;
    text-decoration-color: lightgray;
    padding: 10px;
}

a:hover{
    background-color:antiquewhite;
    color:darkgoldenrod;
    border-radius: 20px;
}


@media all and (min-width: 200px) and (max-width: 500px){
    body{
        font-size: 20px;
    }
}

#index {
    background: linear-gradient(to left, blue, rgba(0, 0, 255, 0));
}