body{font-family:Menlo,monospace}h1{font-size:4rem;text-align:center}p{margin-bottom:4rem}.navbar{position:-webkit-sticky;position:sticky;top:0}.navbaritems{list-style-type:none;padding:0;overflow:hidden;background-color:#87cefa;height:3rem;font-size:none;display:flex;flex:1 150rem 150rem;justify-content:space-evenly;align-content:center;border-radius:20px}.navbaritem{float:left;color:#000;text-align:center;padding:1em;text-decoration:none}.navbaritem:hover{color:#fff}div{margin-left:auto;margin-right:auto;max-width:50rem}main{margin-left:1rem;margin-right:1rem}a{color:#87cefa}footer{bottom:0;width:100%;height:2rem;font-size:.7rem;text-align:center;background-color:#000}@media only screen and (max-device-width:600px){h1{font-size:7rem}h2{margin-top:4rem;font-size:3.5rem}main{margin-left:2rem;margin-right:2rem}div{max-width:none}p{font-size:2rem}footer{height:3rem;font-size:1rem}.navbaritems{height:7rem;font-size:2rem}}@media(prefers-color-scheme:light){body,footer{background-color:#fff;color:#000}}@media(prefers-color-scheme:dark){body,footer{background-color:#000;color:#fff}}