/*menu.css*/
html,body{height:100%;margin:0}
body{text-align:center;font-weight:bold}
a{position:relative;text-decoration:none;font-weight:bolder;color:rgb(0,238,255)}
img{display:inline-block;margin:0;max-width:100%;height:auto;width:auto}
.hide{display:none!important}
#menu fieldset legend{color:aqua}
#menu fieldset{border-radius:1em;margin:1rem 1rem}
#menu fieldset a{white-space:nowrap}
#menu{display:block;position:fixed;top:3em;left:-100%;width:fit-content;height:fit-content;margin:0;padding:1em;list-style:none;background:rgba(0,0,0);transition-duration:0.5s;border-radius:0 0 1em 0;z-index:101}
.menuItem{display:block;text-align:left;margin-bottom:1em;font-size:1em;text-shadow:3px 3px 12px rgba(0,0,0,0.8)}
#menuTggl{opacity:0}
#menuTggl:checked+#menuBtn>span{transform:rotate(45deg)}
#menuTggl:checked+#menuBtn>span::before{top:0;transform:rotate(0deg)}
#menuTggl:checked+#menuBtn>span::after{top:0;transform:rotate(90deg)}
#menuTggl:checked~#menu{left:0!important}
#menuBtn{position:fixed;top:2rem;left:1rem;width:2em;height:3em;cursor:pointer;z-index:102;background-color:rgba(255,255,255,0.2)}
#menuBtn>span,#menuBtn>span::before,#menuBtn>span::after{display:block;position:absolute;width:100%;height:0.2em;background-color:black;transition-duration:0.5s}
#menuBtn>span::before{content:'';top:-0.38em;background-color:black}
#menuBtn>span::after{content:'';top:0.38em;background-color:black}
#logo{width:auto;display:inline-block}