body{text-align:center;color:#fff;background-color:#333;width:100vw;height:100vh;margin:0;font-family:sans-serif}main{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.menubar{background-color:#000;justify-content:center;width:100%;height:5%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.menubar nav{justify-content:center;width:100%;display:flex}.menubar nav ul{justify-content:space-between;align-items:center;margin:0;padding:0;list-style-type:none;display:flex}.menubar nav ul li>a{color:#fff;width:fit-content;margin:6px 32px;padding:8px 16px;font-size:1.2em;font-weight:700;text-decoration:none;display:block}.menubar nav ul li>a:hover{background-color:#575757;border-radius:4px}