body{text-align:center;margin:0;}.top{position:fixed;display:grid;top:0;height:50px;left:0;width:100%;margin:0px;align-content:center}div.top{background-color:lightgreen;}nav.top{background-color:grey;top:50px;left:0px;width:100%;display:flex;}nav a{padding-left:1px;padding-right:1px;position:relative;display:inline-block;background-image:linear-gradient(to right,red,lightgreen);border-radius:5px;color:white;text-decoration:none;margin-left:1px;margin-right:1px;border:10px;border-color:green;}nav a+div{display:none;position:absolute;top:100%;left:0px;background-color:lightgrey;z-index:1;text-align:center;border-radius:10px;}nav a:hover+div{display:block;}#page{padding-top:105px;left:0px;width:100%;}h1{color:white;background-color:black;padding:10px;}.btn{background-color:blue;color:white;text-decoration:none;border-radius:15px;padding:5px;margin:3px;}strong{display:block;}ul{display:inline-block;margin-bottom:20px;}li{text-align:left;}