@media only screen and (min-width: 600px){#titlebar{display:none}nav{position:fixed;top:0;left:0;display:grid;grid:min-content/auto-flow;justify-content:start;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 16px #000;width:100%;height:64px;gap:16px;padding:0 0 8px 24px}nav #home{color:#fff;transition:letter-spacing .2s}nav #home:hover,nav #home:active{letter-spacing:1px}nav a:hover{text-decoration:none}nav i{display:none !important}nav p{color:#fff;padding-top:7px;transition:transform .2s}nav p:hover,nav p:active{transform:translateY(-4px)}}@media only screen and (max-width: 600px){#titlebar{position:fixed;top:0;left:0;width:100%;height:48px;background-color:#33062d;box-shadow:0 4px 8px #000}#titlebar a:hover{text-decoration:none}#titlebar a h3{color:#fff;margin:12px;text-align:center}nav{position:fixed;bottom:0;left:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(64px, auto));grid-template-rows:1;background-color:#480740;box-shadow:0 -4px 8px #000;width:100%;height:52px}nav #home{display:none}nav a{padding:12px 0;transition:background-color .2s;text-align:center}nav a:hover,nav a:active{background-color:#33062d}nav a i{font-size:28px;color:#fff}nav a p{display:none}}html{overflow:hidden;height:100%}body{height:100%;width:100%;margin:0;padding:0;background:linear-gradient(45deg, #480740, #07032d);color:#fff;font-size:20px;font-family:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;overflow:auto}main{text-align:center;padding-top:6rem;padding-bottom:2rem;padding-left:calc(2rem + env(safe-area-inset-left));padding-right:calc(2rem + env(safe-area-inset-right))}footer{width:100%;background-color:#232323;padding:20px}footer a{color:#888;padding:12px;text-decoration:none}a{color:#4fcde6;text-decoration:none}a:visited{color:#c573f6}a:hover{text-decoration:underline}