.nav-bar,.nav-list ul{display:-webkit-box;display:-ms-flexbox}.menu,.underline{position:relative}#header{position:fixed;font-family:'Source Sans Pro',sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;left:0;top:0;width:100vw;height:auto}.header{min-height:8vh;-webkit-transition:background .5s;transition:background .5s}.nav-bar{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;max-width:1300px;padding:0 10px}.nav-bar-animation{animation:2.5s cubic-bezier(.175,.885,.32,1) moveInfo2}.nav-list ul{list-style:none;position:absolute;background-color:rgba(0,0,0,.85);width:100vw;height:100vh;left:100%;top:0;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;overflow-x:hidden;-webkit-transition:left .5s;transition:left .5s}.nav-list ul.active{left:0}.nav-list ul a{font-size:2.5rem;font-weight:500;letter-spacing:.2rem;text-decoration:none;color:#a3a3a3;text-transform:uppercase;padding:20px;display:block}.nav-list ul a::after{content:attr(data-after);position:absolute;left:50%;margin-top:10px;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);color:var(--portfolio-hover);font-size:5rem;letter-spacing:50px;z-index:-1;-webkit-transition:letter-spacing .3s;transition:letter-spacing .3s}.nav-list ul li:hover a::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);letter-spacing:10px;-webkit-transition:letter-spacing 1s;transition:letter-spacing 1s}.nav-list ul li:hover a{color:var(--primary-color);-webkit-transition:.4s;transition:.4s}.underline::before{content:'';position:absolute;bottom:0;right:0;width:0;height:2px;background-color:rgba(71,11,169,.4);-webkit-transition:width .6s cubic-bezier(.25, 1, .5, 1);transition:width .6s cubic-bezier(.25, 1, .5, 1)}@media (hover:hover) and (pointer:fine){.underline:hover::before{left:0;right:auto;width:100%}}.menu{border-radius:50%;z-index:10;cursor:pointer;-webkit-transform:scale(.8);transform:scale(.8);margin-right:20px}.menu:hover:after{-webkit-animation:none;animation:none}.menu .bar{background-color:var(--menu-line-bg);height:.2rem;width:32px;border-radius:20px;-webkit-transition:.5s;transition:.5s}.menu .bar3{position:absolute;top:11px}.menu .bar1{position:absolute;top:-11px}#hamburger{display:none}#hamburger:checked~label .menu .bar2{background-color:transparent;transform:translateX(15rem)}#hamburger:checked~label .menu .bar3{-webkit-transform:rotate(45deg) translate(3px,4px);transform:rotate(45deg) translate(3px,4px);top:0;left:0}#hamburger:checked~label .menu .bar1{-webkit-transform:rotate(-45deg) translate(-4px,3px);transform:rotate(-45deg) translate(-4px,3px);top:0;left:0}@media only screen and (min-width:1200px){.nav-list ul li a{color:var(--nav-links2);font-size:1.8rem}.menu,.nav-list ul a:after{display:none}.nav-list ul{position:initial;display:block;height:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:transparent}.nav-list ul li{display:inline-block}}