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