@font-face{font-family:Coolkids;src:url(/fonts/Coolkids.ttf) format("truetype");font-weight:400;font-style:normal}.header-container{position:relative;width:100%;height:8vh;background-color:#ee166b;box-shadow:0 4px 10px rgba(0,0,0,.1)}.header-button{position:absolute;top:50%;transform:translateY(-50%);padding:10px;font-size:14px;cursor:pointer}.hamburger-menu-container{position:absolute;top:1.5vh;left:1.5vw;font-family:Arial,sans-serif}.hamburger-button{color:#fff;font-size:3vh;padding:10px 15px;border:none;background:none;cursor:pointer;z-index:1001}.menu{position:fixed;top:0;left:-300px;width:300px;height:100%;background-color:#fff;color:#000;box-shadow:2px 0 5px rgba(0,0,0,.5);overflow:hidden;transition:left .3s ease;z-index:1000}.menu-open{left:0}.menu-closed{left:-500px}.menu-list{list-style:none;padding:0;margin:20px 0}.menu-item{padding:15px 20px;border-bottom:1px solid #444;cursor:pointer;transition:background .3s ease}.menu-item:hover{background:#444}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}