body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#291f1f;color:#fff}img,video{width:90%;max-width:1000px;display:block;margin:auto;object-fit:contain}nav ul,nav li{list-style:none;padding:0 1%}nav ul{display:flex;flex-direction:row;justify-content:center}nav a,nav a:visited{text-decoration:none;color:#ff0}.top-nav,.bottom-nav{position:fixed;width:80%;background-color:#000;color:#ff0;z-index:1000;pointer-events:auto;overflow:visible;transition:transform .3s cubic-bezier(.4,0,.2,1);border:2px solid yellow;border-radius:1.5rem;left:0;right:0;margin:0 auto;box-sizing:border-box}.top-nav{top:0;transform:translateY(-100%);border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;border-top-left-radius:0;border-top-right-radius:0;border-top:none}.bottom-nav{bottom:0;transform:translateY(100%);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.top-nav.show,.bottom-nav.show{transform:translateY(0)}.top-nav ul,.bottom-nav ul{width:100%;background-color:#000;padding:.5rem 0;display:flex;justify-content:center;gap:1rem;pointer-events:auto;position:static;transform:none;transition:none}iconify-icon{display:inline-block;font-size:2rem;vertical-align:middle;color:#ff0;--iconify-icon-color: yellow}button.logo{background:none;border:none;cursor:pointer;padding:0;color:#ff0}