@import url(https://fonts.googleapis.com/css2?family=Play&family=Poppins:ital,wght@0,300;0,400;0,500;1,400;1,500&display=swap);@import url(http://fonts.cdnfonts.com/css/halogen);@import url(https://fonts.googleapis.com/css2?family=Offside&display=swap);*{padding:0;margin:0;box-sizing:border-box}canvas{position:fixed}main{position:absolute;top:0;color:#fff;overflow:hidden}.welcome{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome h1{font-size:4rem;color:#aaadf9;letter-spacing:.8rem;font-family:Raleway,sans-serif}.welcome h2{font-size:1.5rem;padding-top:1rem;letter-spacing:.5rem;font-family:Play,sans-serif;font-weight:500;color:rgba(224,224,224,.842)}.welcome p{position:absolute;bottom:1.5rem;color:#8f8e8e;font-family:Play,sans-serif}nav{position:fixed;left:1rem;height:100vh}ul{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;list-style-type:none}li img{width:1.5rem;opacity:.6;filter:invert()}.home{width:100vw;height:100vh;display:none}.home.active{display:block;display:flex;flex-direction:column;justify-content:center;align-items:center}.home h1{font-family:Nikoleta,sans-serif;letter-spacing:1rem;font-size:4.5rem}.home>p{font-family:Raleway,sans-serif;font-size:1.3rem;letter-spacing:.3rem;color:#6a6666;opacity:.6}.home h3{font-family:Nikoleta,sans-serif;font-size:1.5rem;padding-top:1rem;letter-spacing:.5rem;font-weight:500;color:#a5a7e0}button{position:absolute;bottom:1.5rem;background:0 0;border:none;border:1px solid #f8f8ff;font-size:1.2rem;color:#e4e0e0;padding:.5rem 1rem;z-index:100}.toggle-btn{right:1rem;top:1rem;bottom:calc(100vh - 3.2rem);display:none}.skills-container{position:absolute;display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;padding:0 .5rem}.skills-container>div{display:flex;justify-content:space-around;width:100%}.skills-container .gradient-circle{position:absolute;top:-1rem;left:-1rem;width:100px;height:100px;z-index:-100;opacity:0;border-radius:100%;background:linear-gradient(233.57deg,#e118e6 19.6%,rgba(244,146,55,.85) 82.68%);box-shadow:0 0 25px #371313}.skills-container.active .gradient-circle{opacity:1}.skills-container article{position:relative}.skills-container article h2{font-size:2.5rem;font-family:Play,sans-serif;opacity:0;letter-spacing:.2rem;transform:translateY(20%);transition:all .8s ease}.skills-container.active h2{opacity:1;transform:translateY(0)}.skills-container article p{font-size:.8rem;font-family:Poppins,sans-serif;color:#bdc8da;padding-top:.5rem;opacity:0;transform:translateY(20%);transition:all .8s ease;transition-delay:0.8s}.skills-container.active article p{opacity:1;transform:translateY(0)}.skills-container figcaption{transition:opacity .8s ease}.skills-container.active figcaption{opacity:1}figure{text-align:center;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;color:#d0f0f6}figure:nth-of-type(1){transform:translateY(-5rem)}figure:nth-of-type(2){transform:translateY(5rem)}figure:nth-of-type(3){transform:translateY(-3rem)}figure:nth-of-type(4){transform:translateY(8rem)}figure:nth-of-type(5){transform:translateY(-2rem)}figure:nth-of-type(6){transform:translateY(3rem)}.next-btn,.prev-btn,.show-projects{z-index:100}.projects-section{display:none}.projects-section.active{height:100vh;position:absolute;top:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .5rem}.projects-section article{display:none}.projects-section article.active{width:100%;height:100vh;margin-top:auto;display:block;display:flex;flex-direction:column;justify-content:space-around;align-items:center}article .head{display:flex;justify-content:space-around;align-items:center}.head img{width:40%;border-radius:1.5rem}.projects-section article h2{font-family:Offside,sans-serif;color:#ebfbff;font-size:2.5rem;letter-spacing:.2rem}.projects-section article p{font-family:Poppins,sans-serif;color:#dfd3d3;font-size:.85rem}.projects-section .btn-container{position:absolute;bottom:.5rem;width:80vw;display:flex;justify-content:space-around;padding-bottom:.5rem;transform:translateY(200%);transition:transform .8s ease}.projects-section .btn-container.active{transform:translateY(0)}.projects-section .btn-container button{position:initial}.stacks{width:60%;margin-top:1.5rem}.head button{position:initial;margin-top:.8rem}a{text-decoration:none;color:#e4e0e0;font-size:.9rem;letter-spacing:.1rem}.stacks h5{color:#919192;opacity:.4;font-family:Offside,sans-serif;font-size:2rem}article .stacks p{font-family:Raleway,sans-serif;color:#a7adaf;font-size:.85rem;letter-spacing:.1rem;padding-top:.5rem;margin-left:auto}@media only screen and (max-width :850px){nav{background-color:rgba(34,34,34,.884);left:-30%;padding:0 .5rem;z-index:5;transition:left .5s ease}nav.active{left:0}.toggle-btn{display:block;z-index:1000}.welcome h1{font-size:2.5rem}.welcome h2{font-size:1.3rem}.skills-container article p{font-size:.75rem}.home h1{font-size:3rem}.home h3{font-size:.8rem;letter-spacing:.2rem}.projects-section article.active{height:80vh}.projects-section article h2{font-size:1.5rem}.projects-section article p{font-size:.75rem}.stacks{width:90%}.stacks h5{font-size:1rem}}