ul.topnav{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333;text-align:center;display:flex;justify-content:center}ul.topnav li{float:left;margin:0rem;!important}ul.topnav li a{display:flex;color:white;text-align:center;padding:8px 22px;text-decoration:none}ul.topnav li a:hover:not(.active){background-color:#f9304e;color:#fff}ul.topnav li a.active{background-color:#f9304e}ul.topnav li.right{float:right}ul.topnav li a.button1{border-color:#f9304e;border-style:solid;border-width:2px;border-radius:7px;margin:3px;padding:2px 22px;background-color:#fff;color:#000;text-align:center;font-size:18px;opacity:1;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);transition:.3s;text-decoration:none;cursor:pointer}@media screen and (max-width:600px){ul.topnav li.right,ul.topnav li{float:none;display:inline-flex}ul.topnav{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center}}.content{padding:16px}.sticky{position:fixed;top:0;width:100%;z-index:1}.sticky+.content{padding-top:60px}{# #navbar{overflow:hidden;background-color:#333}#navbar a{float:left;display:block;margin-left:36px;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}#navbar a:hover{background-color:#ddd;color:black}#navbar a.active{background-color:#4caf50;color:white}.content{padding:16px}.sticky{position:fixed;top:0;width:100%}.sticky+.content{padding-top:60px}@media only screen and (max-width:500px){#navbar{display:none}}#}