html{margin:auto;background:#181a1b}body{color:beige;font-family:sans-serif;line-height:1.5;margin-left:7rem;margin-right:7rem;max-width:auto}.top{width:auto;height:30px;padding:1%}.topbar{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;border-radius:20px}.topbarlinks{color:#fff;text-decoration:none;a:hover{text-decoration:underline;}}.tb1,.tb2,.tb3,.tb4,.tb5{margin-top:5px;width:auto;height:20px;padding:0;font-size:auto;border:2px;border-radius:20px;text-align:center}h1{color:#90ee90}h2{color:#fff}a{color:inherit;text-decoration:none;cursor:pointer}@media screen and (max-width:767px) and (min-width:320px){body{margin:2rem}}header{border-bottom:1px solid #222;margin-bottom:1rem;text-align:center}footer{border-top:1px solid #222;margin-top:1rem;text-align:center}