@font-face{src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format("truetype");font-weight:300;font-style:normal;font-family:Open Sans}@font-face{src:local("Pacifico Regular"),local("Pacifico-Regular"),url(https://fonts.gstatic.com/s/pacifico/v13/FwZY7-Qmy14u9lezJ-6H6Mw.ttf) format("truetype");font-weight:400;font-style:normal;font-family:Pacifico}.flex-center{justify-content:center;align-items:center;display:flex}*{font-weight:300;box-sizing:border-box;font-family:Open Sans,sans-serif}a,a:active,a:hover,a:visited{text-decoration:none;color:inherit}h1{font-size:3em;font-weight:400;text-align:center;font-family:Pacifico,cursive}.outer-menu{position:fixed;top:3vh;left:calc(100% - 60px);z-index:100}.outer-menu .checkbox-toggle{height:60px;position:absolute;opacity:0;top:0;cursor:pointer;left:0;width:60px;z-index:2}.outer-menu .checkbox-toggle:checked+.hamburger>div{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.outer-menu .checkbox-toggle:checked+.hamburger>div:after,.outer-menu .checkbox-toggle:checked+.hamburger>div:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0}.outer-menu .checkbox-toggle:checked+.hamburger>div:after{opacity:0}.outer-menu .checkbox-toggle:checked~.menu{pointer-events:auto;visibility:visible}.outer-menu .checkbox-toggle:checked~.menu>div{-webkit-transform:scale(1);transform:scale(1);transition-duration:.75s}.outer-menu .checkbox-toggle:checked~.menu>div>div{transition:opacity .4s ease .4s;opacity:1}.outer-menu .checkbox-toggle:checked:hover+.hamburger>div{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.outer-menu .hamburger{height:60px;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:.5em 1em;transition:box-shadow .4s ease;position:absolute;top:0;border-radius:50%;cursor:pointer;left:0;width:60px;z-index:1}.outer-menu .hamburger,.outer-menu .hamburger>div{justify-content:center;align-items:center;display:flex}.outer-menu .hamburger>div{flex:none;height:2px;transition:all .4s ease;position:relative;background:#282828;width:100%}.outer-menu .hamburger>div:after,.outer-menu .hamburger>div:before{height:2px;transition:all .4s ease;content:"";position:absolute;top:-10px;background:inherit;left:0;width:100%;z-index:1}.outer-menu .hamburger>div:after{top:10px}.outer-menu .menu{height:100%;pointer-events:none;position:fixed;outline:1px solid transparent;visibility:hidden;top:0;left:0;width:100%}.outer-menu .menu,.outer-menu .menu>div{overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;justify-content:center;align-items:center;display:flex}.outer-menu .menu>div{flex:none;height:200vw;-webkit-transform:scale(0);transform:scale(0);color:#fefefe;transition:all .4s ease;border-radius:50%;background:rgba(88,88,88,.85);width:200vw}.outer-menu .menu>div>div{flex:none;overflow-y:auto;justify-content:center;transition:opacity .4s ease;max-width:90vw;max-height:100vh;opacity:0;text-align:center;align-items:center;display:flex}.outer-menu .menu>div>div>ul{list-style:none;padding:0 1em;max-height:100vh;margin:0;display:block}.outer-menu .menu>div>div>ul>li{padding:0;font-size:24px;margin:1em;display:block}.outer-menu .menu>div>div>ul>li>a{transition:color .4s ease;position:relative;cursor:pointer;display:inline}.outer-menu .menu>div>div>ul>li>a:hover{color:#e5e5e5}.outer-menu .menu>div>div>ul>li>a:hover:after{width:100%}.outer-menu .menu>div>div>ul>li>a:after{height:2px;transition:width .4s ease;content:"";position:absolute;bottom:-.15em;background:#e5e5e5;left:0;width:0;z-index:1}