main{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-khtml-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;margin:0;overflow:hidden;visibility:visible}.navigation-bar{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-khtml-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}#mobile-menu-btn{padding:22px;position:absolute;z-index:30;right:0;top:0;cursor:pointer;text-transform:lowercase;white-space:nowrap;border:0;background-color:transparent;color:#fff;text-align:center}@media screen and (min-width:768px){#mobile-menu-btn{padding:34px 22px}}#burger-btn{border-top:4px solid var(--text-color);height:26px;width:30px;box-sizing:border-box;position:relative;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-khtml-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}#burger-btn:before{content:"";display:block;position:absolute;height:4px;width:30px;left:0;background-color:var(--text-color);top:7px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-khtml-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}#burger-btn:after{content:"";display:block;position:absolute;height:4px;width:30px;left:0;background-color:var(--text-color);bottom:0;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-khtml-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.navigation main{margin-left:-300px;-webkit-opacity:.4;-moz-opacity:.4;-khtml-opacity:.4;-o-opacity:.4;opacity:.4}.navigation .navigation-bar{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navigation #burger-btn{border-color:transparent!important}.navigation #burger-btn:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-khtml-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:33px;left:-2px}.navigation #burger-btn:after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-khtml-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);bottom:11px;width:33px;left:-2px}#notification{left:1em;position:absolute}