@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);.container{background:linear-gradient(90deg,#dfbd69,#926f34);cursor:pointer;height:100vh;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:scale(1);visibility:hidden;width:100vw;z-index:33}.container.active{opacity:0;visibility:visible}.close-trigger,.menu-trigger{color:#dfbd69;cursor:pointer;display:block;height:18px;position:absolute;right:16px;top:38px;width:36px;z-index:333}.close-trigger:hover .close-trigger-bar:before,.close-trigger:hover .menu-trigger-bar:before,.menu-trigger:hover .close-trigger-bar:before,.menu-trigger:hover .menu-trigger-bar:before{width:100%}.close-trigger-fixed,.menu-trigger-fixed{color:#dfbd69;cursor:pointer;display:block;height:18px;width:36px;z-index:333}.close-trigger-fixed:hover .close-trigger-bar:before,.close-trigger-fixed:hover .menu-trigger-bar:before,.menu-trigger-fixed:hover .close-trigger-bar:before,.menu-trigger-fixed:hover .menu-trigger-bar:before{width:100%}.close-trigger-fixed{z-index:5}.close-trigger{top:42px;z-index:5}.menu-trigger-bar{background:linear-gradient(90deg,#dfbd69,#926f34);display:block;height:3px;margin-bottom:2px;position:relative;transform:rotate(-45deg);width:100%}.menu-trigger-bar:before{background-color:rgba(0,0,0,.2);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:all .3s cubic-bezier(.55,0,.1,1);width:0}.menu-trigger-bar.top{width:50%}.menu-trigger-bar.middle:before{left:auto;right:0}.menu-trigger-bar.bottom{margin-left:50%;width:50%}.close-trigger-bar{background:linear-gradient(90deg,#dfbd69,#926f34);display:block;height:4px;position:relative;width:100%}.close-trigger-bar:before{background-color:hsla(0,0%,100%,.2);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:all .3s cubic-bezier(.55,0,.1,1);width:0}.close-trigger-bar.left{transform:translateX(100px) translateY(-100px) rotate(-45deg)}.close-trigger-bar.right{top:-3px;transform:translateX(-100px) translateY(-100px) rotate(45deg)}.inner-container,.menu-container{height:100vh;left:0;position:absolute;top:0;width:100vw}.inner-container{z-index:20}.menu-container{align-items:center;display:flex}.menu{display:block;padding:20%;width:100%}.menu li{display:block;padding:5px 0;text-align:left}.menu .link{background:linear-gradient(90deg,#dfbd69,#926f34);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-size:1.2rem;padding:10px 0;position:relative;text-decoration:none}.menu li .link:hover:before{opacity:1;transform:translateX(0)}.menu li .link:before{background:linear-gradient(90deg,#dfbd69,#926f34);bottom:0;content:"";height:4px;left:0;opacity:0;transform:translateX(100px);transition:all .3s cubic-bezier(.55,0,.1,1);width:18px}.menu li .link:before,.menu-bg{display:block;position:absolute}.menu-bg{background-color:#fff;height:50%;left:-53%;top:-25%;width:200%}.menu-bg.middle{left:-53%;top:22%;transform:rotate(-45deg) scaleY(0)}.menu-bg.top{left:30%;top:-20%;transform:rotate(-45deg) translateY(-152%)}.menu-bg.bottom{left:-40%;top:120%;transform:rotate(-45deg) translateY(25%)}#links{bottom:0;color:#fff;font-family:tahoma;font-size:13px;height:50px;left:0;position:absolute;width:100%}#links a{color:#fff;font-size:2.3em;text-decoration:none}#twitter{right:20px}#pens,#twitter{bottom:15px;position:absolute}#pens{left:20px}