aside{background:var(--color-lightDark);border-right:2px solid var(--color-grey);height:100vh;left:0;position:fixed;top:0;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;width:25rem;z-index:999}.progress{background-color:var(--color-green);height:.5rem;left:0;min-width:1%;position:relative;top:0;transition:all .1s linear}aside .menu-trigger{background:var(--color-green);display:none;padding:1.5rem;position:absolute;right:-6.7rem;top:1rem;width:2.4rem}aside .logo{background:var(--color-grey);padding:5rem 3rem}aside .nav-list{padding:30px}aside .nav-list a{align-items:center;border:1px solid var(--color-grey);border-radius:5px;color:var(--color-darkWhite);display:flex;font-size:1.4rem;font-weight:500;letter-spacing:1px;line-height:12px;margin-top:3rem;padding:0;text-decoration:none;text-transform:uppercase;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}aside .nav-list a svg{fill:var(--color-white);width:3rem}aside .nav-list a span{align-items:center;display:flex;justify-content:center}aside .nav-list a>span{background:var(--color-grey);border-radius:5px;font-size:2.4rem;height:3rem;line-height:25px;margin-right:1.7rem;padding:15px;text-align:center;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;width:3rem}aside .nav-list a.active,aside .nav-list a:hover{color:var(--color-green)}aside .nav-list a.active svg,aside .nav-list a:hover svg{fill:var(--color-dark)}aside .nav-list a.active>span,aside .nav-list a:hover>span{background:var(--color-green)}@media only screen and (max-width:1200px){#main-content{padding-left:0}aside{left:-25rem}aside.nav-open{left:0}aside .menu-trigger{display:block}#nav-icon3{cursor:pointer;height:24px;margin:0 auto;position:relative;top:2px;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;width:24px}#nav-icon3 span:first-child{top:0}#nav-icon3 span{background:var(--color-dark);border-radius:9px;display:block;height:3px;left:0;opacity:1;position:absolute;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;width:100%}#nav-icon3,#nav-icon3 span{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:8px}#nav-icon3 span:nth-child(4){top:16px}.nav-open #nav-icon3 span:first-child,.nav-open #nav-icon3 span:nth-child(4){left:50%;top:18px;width:0}.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}}