body {background-color: #e6e6e6;; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1em;}
a {text-decoration: none; color:#4682b4; font-weight: bolder;}
a:hover {color: #4F785A;}
#container {width: 100%; background-color:#ffffff; border-radius: 15px; border: solid 2px;
    border-color: #c0c0c0; margin-top: 20px; padding:5px; overflow: auto;}
{width: 100%; padding: 25px; float: left; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1em;}


@media only screen and (min-width: 300px) {

    #container {width: 100%;}

}
nav {margin-top: 20px; margin-left: 20px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; font-weight: bolder;}

nav li {display:inline-block; background-color: #a6a8a8; border-radius: 5px; width:fit-content; margin-top: 20 px;
    padding: 5px; font-size: 100%; list-style: none;}

nav li a {text-decoration: none; color: #ffffff;}

nav li a:hover {color: #4F785A;}