@import url("https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");@import url("https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&family=Permanent+Marker&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");body{font-family:sans-serif;color:rgb(255,255,255);background:rgb(29,29,29);overflow-x:hidden}header{width:95%;height:10vh;margin:auto;justify-content:space-between;position:fixed;z-index:2}#sound,header{display:flex;align-items:center}#sound{padding:7px;background-color:#1b1b1b;border-radius:5px;color:#fff}.sound-cloud{font-size:1.2rem;margin:7px;color:#f50057}.on-off{cursor:pointer;margin-left:5px}#off{color:#f50057}#on{display:none;color:#08fdd8}.btns-container .fas{font-size:2rem;padding:10px;background-color:#181818;color:#fff;cursor:pointer}.btns-container .fas:nth-child(2){display:none}.aside{width:100%;height:0;position:fixed;top:0;left:0;overflow:hidden;background-color:#191919;z-index:1}.show-nav{height:100%;overflow:visible}.aside-wrapper{height:100vh;justify-content:space-between}.aside-wrapper,.logo-section{display:flex;align-items:center;flex-direction:column}.logo-section{min-height:32vh;width:100%;justify-content:center;background-color:#000;color:#fff}.logo{display:grid;place-items:center;text-decoration:none}.logo img{width:45px;height:auto}.logo span{font-size:1.7rem;color:#fff}.logo-section>span{margin-top:25px;font-size:12px;font-size:"Times New Roman",Times,serif}.nav-links a{display:block;text-align:center;line-height:3rem;text-decoration:none;color:#908096}.nav-links a:hover{color:#08fdd8}.nav-links a:before{content:"";width:100%;height:1px;position:absolute;left:0;background-color:#2d2d2e}.social-icons{list-style:none;display:flex;margin-bottom:30px}.social-icons li{width:30px;font-size:1rem}.social-icons li a{text-decoration:none;color:#909096}.social-icons li a:hover{color:#08fdd8}#section-home{min-height:100vh;display:flex;align-items:center;padding-left:1.5rem}.text-zone h1{font-size:3rem;line-height:1.2;position:relative;font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.text-zone h1 span{text-shadow:-10px 10px 0 #07bccc,-15px 15px 0 #e601c0,-20px 20px 0 #e9019a,-35px 35px 10px #482896}.text-zone img{width:35px;height:50px}.text-zone .gray-text{margin-top:30px;color:#a2a2a3;letter-spacing:3px;font-size:14px;position:relative}.contact-button{text-decoration:none;width:100%;max-width:200px;height:40px;display:block;line-height:40px;letter-spacing:3px;position:relative;text-align:center;color:#08fdd8;margin-top:50px}.contact-button div{position:relative;width:100%;height:100%;overflow:hidden;transition:all .3s ease-in-out}.contact-button span.bg{position:absolute;width:0;height:100%;left:-5px;top:0;transition:all .3s ease-in-out;background-color:#08fdd8;transform:skewX(-19deg)}.contact-button:hover span.bg{width:110%}.contact-button span.base{width:100%;height:100%;position:absolute;left:0;border:1px solid #08fdd8;box-sizing:border-box}.contact-button span.text{position:absolute;width:100%;height:100%;top:0;left:0}.contact-button:hover span.text{color:#1d1d1d}.scroll-down{position:absolute;right:-20px;bottom:3.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg);display:block;font-size:14px}.scroll-down--left{left:-30px;right:auto}.scroll-down span{display:inline-block;animation:scroll .5s linear infinite alternate-reverse}@keyframes scroll{0%{transform:translateX(-7px)}to{transform:translateX(7px)}}.scroll-down .fas{transform:rotate(270deg);margin-left:10px}#section-work{padding:5rem 0 5rem 1.5rem;position:relative}#header{font-size:2rem;color:#08fdd8;margin-bottom:30px}.text-zone-2 p{line-height:1.5}.fake-big-2{font-size:12rem;font-weight:700;position:absolute;color:#2d2d2e;left:10px;bottom:-70px;letter-spacing:-10px;z-index:-999}.fake-magicwall{background-color:rgba(255,255,255,.1)}.fake-magicwall ul{list-style:none;display:flex;display:-ms-flexbox;display:-webkit-box;flex-wrap:wrap}.fake-magicwall ul li{width:161px;height:160px;position:relative;overflow:hidden;display:list-item}.fake-magicwall .magic-wall_item{position:absolute;top:0;left:0;bottom:0;right:0;transition:transform .5s,opacity .5s}.fake-magicwall img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fake-magicwall ul li:hover .magic-wall_item{transform:scale(1.14);-ms-transform:scale(1.4);-webkit-transform:scale(1.14)}.fake-magicwall ul li a.colorbox{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(webpack:///mini-css-extract-plugin//_next/static/media/circle.b5bb85ae.png) no-repeat 50%;opacity:0;transition:all .15s ease-out;-o-transition:all .15s ease-out;-webkit-transition:all .15s ease-out;transform:scale(.2)}.fake-magicwall ul li:hover a.colorbox{transform:scale(.6);opacity:1}#section-about{padding-left:1.5rem;margin-top:100px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.text-zone3 p{margin-bottom:15px;line-height:1.5rem}.tech{text-decoration:none;color:#08fdd8}.section-blog{width:85%;margin:100px auto 0;position:relative}.section-blog .fake-big-2{font-size:12rem;font-weight:bolder;position:absolute;top:-180px;left:0}.blog-articles{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.post-articles{width:100%;height:220px;background-color:#1d1d1d;padding:25px;color:#909096;box-shadow:0 0 5px 5px #191919;margin-bottom:30px}.post-date{font-size:14px;letter-spacing:3px;text-transform:uppercase}.blog-post-title h5 a{font-size:1.5rem;text-decoration:none;color:#fff;display:block;margin:15px 0}.blog-post-title h5 a:hover{color:#06b99e}@media screen and (min-width:1200px){header{justify-content:flex-end;align-items:flex-end}.btns-container{display:none}.aside{width:10%;height:100%}.aside-wrapper{height:80%}.logo-section{min-height:25vh}.logo img{width:50px;height:auto}.social-icons{margin-bottom:0;text-align:center}.social-icons li{font-size:1rem}#section-home{padding-left:13rem}.text-zone h1{font-size:6.3rem}.text-zone img{width:50px;height:72px}.text-zone .gray-text{font-size:1rem}.scroll-down{right:-30px;bottom:3.3rem}.scroll-down--left{left:110px;right:auto}#section-work{width:85%;margin:0 30px 0 auto;display:flex;flex-direction:column}.text-zone-2{display:flex;justify-content:space-between;align-items:center}#header{font-size:2.5rem}.text-zone-2 p{width:700px;font-size:14px;line-height:1.5rem}.fake-big-2{font-size:25rem;font-weight:700;left:560px;top:0}.fake-magicwall{padding-left:8.5rem}.fake-magicwall ul li{width:242px;height:236px}#section-about{flex-direction:row;padding-left:13rem}.text-zone3 #header{width:500px;font-size:3rem}.text-zone3 p{width:400px}.skills-charts{margin-right:20%}.section-blog{width:90%;margin:100px auto 0}.section-blog .fake-big-2{font-size:27rem;top:-270px}.blog-articles{width:90%;margin:0 0 0 auto;flex-flow:row wrap}.post-articles{width:340px;height:270px}.blog-post-title h5 a{font-size:1.7rem;line-height:2rem}}#particles-js{position:fixed;width:100%;height:100%;background-color:#000000;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}