.overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;background:#000;z-index:-1}#main-menu{display:block;height:100px;width:100%;background:#3d0e61;margin:0;z-index:9}#main-menu ul{max-width:800px;width:100%;height:100%;margin:0 auto;padding:0;display:flex;justify-content:space-evenly;align-items:center;z-index:10}#main-menu li{list-style-type:none;font-size:2rem}#main-menu a{color:#b9faf8;font-size:1.5rem;text-decoration:none}#main-menu a:hover{text-decoration:underline}#hamburger-input{display:none}#hamburger-menu{position:fixed;top:10px;right:15px;width:25px;height:25px;display:none;border:none;padding:0;margin:0;font-family:"Noto Sans",sans-serif;background:linear-gradient(to bottom,#630031,#630031 20%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 40%,#630031 40%,#630031 60%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 80%,#630031 80%,#630031 100%)}#hamburger-menu #sidebar-menu{visibility:hidden;position:fixed;top:0;left:-300px;width:290px;height:100%;background-color:rgba(99,0,49,.897);transition:.3s;padding:20px 10px;box-sizing:border-box}#hamburger-menu h4{font-family:Noto sans;color:#f7f7ff;font-size:1.4rem;font-weight:700;padding-top:0}#hamburger-menu ul{padding-left:0}#hamburger-menu li{list-style-type:none;line-height:2.2rem}#hamburger-menu ul .subsub{padding-left:18px}#hamburger-menu a{color:#e9e9e9;font-family:Noto sans;font-size:.9rem;text-decoration:none}#hamburger-menu a:hover{text-decoration:underline}#hamburger-input:checked+#hamburger-menu #sidebar-menu{visibility:visible;left:0}#hamburger-input:checked~.overlay{visibility:visible;opacity:.4}@media screen and (max-width:3840px){#main-menu{display:none}#hamburger-menu{display:inline;z-index:9}.overlay{z-index:8}}