.devbar{opacity:.25;box-sizing:border-box;z-index:1000;background:#5f000099;justify-content:space-between;align-items:center;width:100vw;height:24px;padding:0 16px;display:flex;position:fixed}.devbar:hover{opacity:1!important}.devbar .right{align-items:center;gap:8px;display:flex}.devbar h3,.devbar p{margin-top:0;margin-block-start:0;margin-bottom:0;margin-block-end:0}
@media (max-width:767px){.footer{padding:32px 16px!important}}.footer{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#033b4a25,#0000),linear-gradient(#0000,#6e00c236),radial-gradient(closest-side at 50% 100%,#d209ff2a,#0000),linear-gradient(90deg,#4e008a38,#0000 30%),#000;width:100%;margin:80px 0 0;padding:32px;position:relative}.footer>div{margin-bottom:16px}.footer .social a{margin-right:20px}.footer .social a:hover .icon *{fill:url(#social-gradient)}.footer .slogan{font-size:1.5em;font-weight:700}.footer .copyright{color:#555;font-size:.9em}.footer .mascot{width:auto;height:105%;position:absolute;bottom:0;right:12px}