body{margin:0;padding:7rem 0 2rem;background-color:#000;color:#fff;font-family:Arial,sans-serif}.container{width:min(100% - 2rem,1600px);margin-inline:auto;box-sizing:border-box}.layout{display:block}.navbar{position:fixed;z-index:10;top:0;right:0;left:0;display:flex;align-items:center;gap:.375rem;overflow:hidden;padding:1rem;border-bottom:1px solid rgba(255,255,255,.25);background:#000}.navbar p{flex:0 0 auto;margin:0;white-space:nowrap}.navbar p:last-child{margin-left:auto}.navbar img{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:50%;object-fit:cover}.navbar h1{margin:0;font-size:1.25rem}#content{flex:1 1 auto;opacity:0;transition:opacity .3s ease}#content.loaded{opacity:1}#content ul,#content ol{padding-left:1.5rem}#content li{margin-bottom:.75rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.35);border-radius:.5rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}#content li:hover{transform:translateY(-2px);border-color:#fffc;box-shadow:0 4px 12px #ffffff26}@media(prefers-reduced-motion:reduce){#content li{transition:none}#content li:hover{transform:none}}