.slide-enter-active,.slide-leave-active{transition:transform .2s ease}.slide-enter,.slide-leave-to{transform:translateX(-100%);transition:all .15s ease-in 0s}.sidebar-backdrop{background-color:rgba(0,0,0,.5);width:100vw;cursor:pointer}.sidebar-backdrop,.sidebar-panel{height:100vh;position:fixed;top:0;left:0}.sidebar-panel{overflow-y:auto;z-index:999;padding:3rem 2rem 2rem;width:15rem}.sidebar-panel,.top-nav{background-color:#7b459f}.top-nav{position:absolute;margin:0 auto;left:0;right:0;top:0;display:flex;height:3.2rem;box-shadow:.1rem .1rem .2rem .05rem}.top-nav .main-nav{display:none}@media screen and (min-width:768px){.top-nav .main-nav{display:flex;flex:1;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1.6rem}.top-nav .main-nav a{text-decoration:none;font-size:1.2rem;color:#fff}}.top-nav .mobile-nav{display:flex;flex:1;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1.6rem}@media screen and (min-width:768px){.top-nav .mobile-nav{display:none}}.top-nav .mobile-nav .hidden{visibility:hidden}.top-nav .mobile-nav button{cursor:pointer}.top-nav .mobile-nav button:focus{outline:0}.top-nav .mobile-nav .burger-button{position:relative;height:30px;width:32px;display:block;z-index:999;border:0;border-radius:0;background-color:transparent;pointer-events:all;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.top-nav .mobile-nav .burger-bar{background-color:#130f40;position:absolute;top:50%;right:6px;left:6px;height:2px;width:auto;margin-top:-1px;transition:transform .6s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .6s cubic-bezier(.165,.84,.44,1)}.top-nav .mobile-nav .burger-bar--1{transform:translateY(-6px)}.top-nav .mobile-nav .burger-bar--2{transform-origin:100% 50%;transform:scaleX(.8)}.top-nav .mobile-nav .burger-button:hover .burger-bar--2,.top-nav .mobile-nav .no-touchevents .burger-bar--2:hover{transform:scaleX(1)}.top-nav .mobile-nav .burger-bar--3{transform:translateY(6px)}.top-nav .mobile-nav #burger.active .burger-button{transform:rotate(-180deg)}.top-nav .mobile-nav #burger.active .burger-bar{background-color:#fff}.top-nav .mobile-nav #burger.active .burger-bar--1{transform:rotate(45deg)}.top-nav .mobile-nav #burger.active .burger-bar--2{opacity:0}.top-nav .mobile-nav #burger.active .burger-bar--3{transform:rotate(-45deg)}.top-nav .mobile-nav .mobile-home-link{color:#fff}.top-nav .mobile-nav a{text-decoration:none;font-size:1.2rem;color:#7b459f}.top-nav-layout{padding:0 2.4rem;margin-top:3.6rem}.top-nav-layout .side-menu{display:flex;flex-direction:column}.top-nav-layout .side-menu a{text-decoration:none;margin:.8rem 0;font-size:1.2rem;color:#fff}.skills{display:flex;flex-wrap:wrap;margin-top:4.2rem;justify-content:space-between}.skills .skill-section{display:flex;flex-direction:row;width:100%;margin-bottom:3.2rem}@media screen and (min-width:768px){.skills .skill-section{width:30%}}.skills .skill-section .skill-icon{margin-right:1.6rem;min-width:5rem;height:5rem}.skills .skill-section h5{margin-top:0}.projects-container{display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width:768px){.projects-container{flex-direction:row}}.projects-container .portfolio-project{display:flex;flex-direction:column;max-width:100%;width:100%;margin-bottom:1.6rem;flex-wrap:wrap}@media screen and (min-width:768px){.projects-container .portfolio-project{max-width:45%}}.projects-container .portfolio-project a{text-decoration:none;font-size:1.8rem;cursor:pointer;color:#382e2e;margin-bottom:.8rem;display:flex;flex-direction:column}.projects-container .portfolio-project .portfolio-img{width:100%;margin-top:.8rem}@media screen and (min-width:768px){.projects-container .portfolio-project .portfolio-img{width:30rem}}.about-content{font-size:1.4rem}.home-nav{width:100%}.home-nav nav{display:flex;justify-content:space-between;flex-wrap:wrap}.home-nav nav a{width:50%;text-decoration:none;font-size:1.6rem;color:#382e2e;margin-bottom:.8rem}@media screen and (min-width:768px){.home-nav nav a{width:25%}}body{color:#382e2e;background-color:#fbfbfb}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}html{min-height:100vh;min-width:100%}body{height:100vh;width:100%}.layout{height:100%;margin-left:.8rem;margin-right:.8rem;padding:1.6rem;margin-top:2rem}@media screen and (min-width:768px){.layout{margin-left:4rem;margin-right:4rem;padding:2.4rem 3.2rem}}*{font-family:Roboto,sans-serif}h1,h2{margin:1.6rem 0}h3,h4,h5,h6{margin:1.2rem 0}h1{font-size:4.8rem}@media screen and (max-width:360px){h1{font-size:4rem}}h2{font-size:4rem}h3{font-size:3.2rem}@media screen and (max-width:360px){h3{font-size:2.4rem}}h4{font-size:2.4rem}h5{font-size:1.6rem}h6{font-size:1.2rem;font-weight:400}p{margin:.8rem 0}.home-page{display:flex;flex-direction:column;padding:0 2.4rem}@media screen and (max-width:767px){.home-page{padding:0 .8rem}}.home-page h1,.home-page h3{margin:.8rem 0;font-weight:400;letter-spacing:.4rem;position:relative}.home-page h1:after,.home-page h3:after{content:"";position:absolute;bottom:0;top:100%;left:0;right:0;background:#7b459f;height:.4rem;border-radius:1rem}