@import"https://fonts.googleapis.com/css?family=Montserrat&display=swap";@import"https://fonts.googleapis.com/css?family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono&display=swap";html,body{overflow-x:hidden;scroll-behavior:smooth}::-webkit-scrollbar{width:7px;transition:.6s}::-webkit-scrollbar-thumb{background:linear-gradient(#2d2e32,#64f4ac);border-radius:6px;transition:.6s}.float{animation:float 3s infinite linear}.zoom{animation:zoom 2s infinite alternate-reverse}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-15px)}to{transform:translatey(0)}}@keyframes zoom{0%{width:18%}50%{width:15%}to{width:18%}}.rotate{animation:rotation 2s infinite linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}a{text-decoration:none;color:inherit}#topbtn{display:none;position:fixed;bottom:20px;right:5%;z-index:99;transition-duration:2s;border:none;width:50px;border-radius:50%;height:50px;border:solid 1px rgba(255,255,255,.11);outline:none;background-color:#25262a;color:#64f4ac;cursor:pointer}.fa-react{color:#5ed3f3}.fa-html5{color:#dd4b25}.fa-code,.fa-code-branch{color:#64f4ac}.fa-node-js{color:#6aa05c}.fa-js{color:#f1d454}body{position:relative;background-color:#2d2e32;color:#fff;margin:0;padding:0;font-family:monospace}header{display:flex;justify-content:space-between;font-size:1rem;align-items:center;padding:20px}header li{list-style:none;cursor:pointer}header li a{text-decoration:none;color:#64f4ac}header .brand{font-size:1.5rem;font-family:Montserrat,sans-serif}header .nav{font-family:monospace;display:flex;justify-content:space-evenly;width:50%}header .social{display:flex;justify-content:space-evenly;align-items:center;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:lighter;width:30%}header .social .social-item{display:flex;align-items:center}header .social .hamburger{position:fixed;cursor:pointer;background-color:#25262a;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;height:15px;width:fit-content;border-radius:8px;right:5%;top:2%;z-index:1500}header .social .change-bg{background-color:#2d2e32}header .social .line{display:flex;height:.1rem;background-color:#64f4ac;transition:ease-in-out .5s}header .social .line1{width:20px}header .social .line2{width:15px}header .social .line3{width:20px}header .social .transform-line1{transform:translate(35%) rotate(45deg) translateY(10px)}header .social .transform-line2{transform:translate(1000%)}header .social .transform-line3{transform:translate(35%) rotate(-45deg) translateY(-10px)}header .social a{text-decoration:none;color:#fff!important}header .social .circle{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#25262a}header .social .fa-whatsapp{color:#64f4ac}header .social .fa-twitter{color:#fff}header .social .fa-github{color:#fff}header .social .fa-envelope{color:#64f4ac}header .social .fa-bars{color:#64f4ac}.menu{display:flex;flex-direction:column;padding:.5rem 1.5rem 1.5rem;position:fixed;top:0px;left:0px;width:100vw;height:100vh;background-color:#25262a;z-index:1000;transform:translate(-100%);transition:ease-in-out .5s}.menu .menu-items{display:flex;flex-direction:column;width:75%;height:100%}.menu .menu-items h2{margin-right:auto;font-family:Poppins;letter-spacing:.5px;margin-top:10px}.menu .menu-items span{display:flex;width:45%;flex-wrap:wrap}.menu .menu-items a{text-decoration:none;padding:0;margin:0}.menu .menu-items a h3{margin-right:auto;font-size:1.2rem;width:fit-content;padding:.8rem;background-color:#64f4ac;color:#25262a}.menu .menu_list{display:flex;flex-direction:column}.menu .menu_list .menu-link{text-decoration:none;font-size:2rem;margin-bottom:1rem;color:#64f4ac}.expand-menu{transform:translate(0)}.preloader{background:#25262a;width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center;transition:ease-in-out .5s;z-index:2000}.preloader h1{color:#64f4ac;font-size:2.35rem;font-family:Space Mono}.hero{display:flex;padding:10px;margin-top:3rem}.hero .hero-text{width:50%;font-family:monospace}.hero .hero-text .main-text{margin-left:18%}.hero .hero-text .main-text a{text-decoration:none}.hero .hero-text .main-text .badge{font-size:.9rem;font-family:monospace;background-color:#64f4ac;color:#25262a;padding:10px;width:fit-content;margin-bottom:2rem}.hero .hero-text .main-text h2{font-size:3rem;margin:0}.hero .hero-text .main-text p{color:#ffffff67;margin-bottom:2.5rem;line-height:1.5rem;font-size:1.2rem}.hero .hero-text .main-text a{color:#64f4ac;font-size:1.5rem;font-family:monospace;cursor:pointer;position:relative}.hero .hero-text .main-text a:after{content:"";width:100%;height:2px;background-color:#64f4ac;position:absolute;bottom:-2px;left:0px}.hero .hero-text .stats{display:flex;margin-top:4rem}.hero .hero-text .stats .stat{display:flex;padding:20px}.hero .hero-text .stats .stat b{font-size:2.4rem}.hero .hero-text .stats .stat span{display:flex;flex-direction:column;padding-left:20px}.hero .hero-text .stats .stat p{margin:0;font-size:.8rem;padding-top:5px;color:#ffffff67}.hero .hero-img{width:50%;position:relative}.hero .hero-img img{margin-left:25%;width:50%}.hero .hero-img .tech{width:18%;position:absolute}.hero .hero-img .react{top:60%;left:-8%}.hero .hero-img .redux{top:0px;right:6%}.hero .hero-img .js{top:55%;right:10%}.about{display:flex;padding-top:5em;font-family:monospace;background-color:#25262a;height:fit-content;padding-bottom:50px}.about .about-tabs{display:flex;flex-direction:column;justify-content:space-evenly;width:50%;padding-left:30px}.about .about-tabs .tab{display:flex;padding:25px;justify-content:space-evenly;background-color:#2d2e32;height:20%;border-radius:5px;cursor:pointer}.about .about-tabs .tab:hover{color:#64f4ac}.about .about-tabs .tab p{color:#ffffff67}.about .about-tabs .tab .text{display:flex;width:80%;flex-direction:column}.about .about-tabs .tab .text .project{color:inherit;transition-duration:.5s}.about .about-tabs .tab .text h2{margin:0;font-size:1.5rem;transition-duration:.5s;font-weight:lighter}.about .about-tabs .tab .icon{display:flex;justify-content:center;align-items:center;margin-left:20px}.about .about-tabs .tab .fa,.about .about-tabs .tab .fas{font-size:1.5rem;color:#64f4ac}.about .about-text{display:flex;flex-direction:column;width:50%;padding:50px}.about .about-text p{color:#ffffff67;line-height:1.5rem;font-size:1rem}.about .about-text button{width:fit-content;height:fit-content;border:none;background-color:#64f4ac;color:#2d2e32;font-family:monospace;margin-top:10px;font-size:1.2rem;padding:10px;border-radius:4px}.about .about-text .fa-arrow-right{color:#2d2e32}.about .about-text h2{font-size:2.2rem;font-family:Montserrat,sans-serif}.about .about-text .quote{font-size:1.2rem;color:#fff;font-family:Montserrat,sans-serif;font-style:normal}.tools{margin-bottom:20em}.tools h2{text-align:center;font-size:1.5rem;padding:20px;margin-bottom:8rem}.tools .tools-text{display:flex;padding-top:5em;font-family:monospace;height:fit-content;width:fit-content;margin:0 auto}.tools .tools-text .tab{display:flex;padding:25px;justify-content:space-evenly;background-color:#2d2e32;height:20%;border-radius:5px;cursor:pointer}.tools .tools-text .tab:hover{color:#64f4ac}.tools .tools-text .tab p{color:#ffffff67;font-size:1.2rem}.tools .tools-text .tab .text{display:flex;width:80%;flex-direction:column}.tools .tools-text .tab .text .project{color:inherit;transition-duration:.5s}.tools .tools-text .tab .text h2{margin:0;font-size:2rem;transition-duration:.5s;font-weight:lighter;text-align:center}.tools .tools-text .tab .icon{display:flex;justify-content:center;align-items:center}.tools .tools-text .tab .fa{font-size:1.5rem;color:#64f4ac}@media only screen and (min-width: 992px){.tools .universe{display:flex;width:800px;height:800px;margin:0 auto;position:relative;border-radius:50%}.tools .universe .planet{margin:0;position:absolute;left:50%;top:50%;width:10%;height:10%}.tools .universe .planet img{width:80%!important}.tools .universe div:nth-child(1){transform:rotate(40deg) translate(400px)}.tools .universe div:nth-child(1) img{transform:rotate(-40deg)}.tools .universe div:nth-child(2){transform:rotate(80deg) translate(400px)}.tools .universe div:nth-child(2) img{transform:rotate(-80deg)}.tools .universe div:nth-child(3){transform:rotate(120deg) translate(400px)}.tools .universe div:nth-child(3) img{transform:rotate(-120deg)}.tools .universe div:nth-child(4){transform:rotate(160deg) translate(400px)}.tools .universe div:nth-child(4) img{transform:rotate(-160deg)}.tools .universe div:nth-child(5){transform:rotate(200deg) translate(400px)}.tools .universe div:nth-child(5) img{transform:rotate(-200deg)}.tools .universe div:nth-child(6){transform:rotate(240deg) translate(400px)}.tools .universe div:nth-child(6) img{transform:rotate(-240deg)}.tools .universe div:nth-child(7){transform:rotate(280deg) translate(400px)}.tools .universe div:nth-child(7) img{transform:rotate(-280deg)}.tools .universe div:nth-child(8){transform:rotate(320deg) translate(400px)}.tools .universe div:nth-child(8) img{transform:rotate(-320deg)}.tools .universe div:nth-child(9){transform:rotate(360deg) translate(400px)}.tools .universe div:nth-child(9) img{transform:rotate(-360deg)}.tools .universe div:nth-child(10){transform:rotate(20deg) translate(250px)}.tools .universe div:nth-child(10) img{transform:rotate(-20deg)}.tools .universe div:nth-child(11){transform:rotate(60deg) translate(250px)}.tools .universe div:nth-child(11) img{transform:rotate(-60deg)}.tools .universe div:nth-child(12){transform:rotate(100deg) translate(250px)}.tools .universe div:nth-child(12) img{transform:rotate(-100deg)}.tools .universe div:nth-child(13){transform:rotate(140deg) translate(250px)}.tools .universe div:nth-child(13) img{transform:rotate(-140deg)}.tools .universe div:nth-child(14){transform:rotate(180deg) translate(250px)}.tools .universe div:nth-child(14) img{transform:rotate(-180deg)}.tools .universe div:nth-child(15){transform:rotate(220deg) translate(250px)}.tools .universe div:nth-child(15) img{transform:rotate(-220deg)}.tools .universe div:nth-child(16){transform:rotate(260deg) translate(250px)}.tools .universe div:nth-child(16) img{transform:rotate(-260deg)}.tools .universe div:nth-child(17){transform:rotate(300deg) translate(250px)}.tools .universe div:nth-child(17) img{transform:rotate(-300deg)}.tools .universe div:nth-child(18){transform:rotate(340deg) translate(250px)}.tools .universe div:nth-child(18) img{transform:rotate(-340deg)}.tools .universe img:last-child{position:absolute;left:45%;top:50%;width:20%}}.testimonials .head{display:flex;padding:20px;justify-content:center;align-items:center;display:relative;min-width:800px}.testimonials .head h1{margin:0;position:absolute;left:5%}.testimonials .head p{font-size:1rem;color:#ffffff70}.testimonials .review-profiles{display:flex;padding:.5rem}.testimonials .review-profiles .review-profile{display:flex;flex-direction:column;width:20rem;min-width:20rem;height:fit-content;background-color:#25262a;border-radius:20px;padding:30px;margin-right:2rem}.testimonials .review-profiles .review-profile .profile-bar{display:flex;justify-content:space-between;align-items:center;height:20%}.testimonials .review-profiles .review-profile .profile-bar .fa-twitter{color:#64f4ac}.testimonials .review-profiles .review-profile .profile-bar h4,.testimonials .review-profiles .review-profile .profile-bar p{margin:0;padding:0;line-height:20px;font-family:Poppins}.testimonials .review-profiles .review-profile .profile-bar p{font-size:.8rem}.testimonials .review-profiles .review-profile .profile-bar span{display:flex;flex-direction:column}.testimonials .review-profiles .review-profile .profile-review{display:flex;height:80%;overflow:hidden}.testimonials .review-profiles .review-profile .profile-review p{font-size:1.4rem;font-family:Poppins}.footer{display:flex;flex-direction:column;background-color:#25262a;margin-top:5rem}.footer a{text-decoration:none;color:#64f4ac}.footer .contact{display:flex;margin-top:5rem}.footer .contact .sayhi{display:flex;padding:30px;flex-direction:column;width:50%}.footer .contact .sayhi h2{font-size:2rem;font-weight:lighter}.footer .contact .sayhi h2:first-child{font-family:Montserrat,sans-serif}.footer .contact .sayhi h2 a{color:#64f4ac;text-decoration:none;cursor:pointer;position:relative}.footer .contact .sayhi h2 a:after{content:"";width:100%;height:3px;background-color:#64f4ac;position:absolute;bottom:-5px;left:0px}.footer .contact .info{display:flex;flex-direction:column;width:50%;justify-content:space-evenly;padding:20px}.footer .contact .info a{text-decoration:none;color:inherit}.footer .contact .info h6{color:#ffffff71;font-size:.9rem;margin:0}.footer .contact .info p{color:#fff8;font-size:1.4rem}.footer .contact .info h2{font-size:1.8rem;font-weight:lighter;font-family:Montserrat,sans-serif;margin:0}.footer .contact .info li{list-style:none;cursor:pointer;font-size:1.2rem;margin-bottom:15px;color:#64f4ac}.footer .contact .info li:first-child{margin-top:35px}.footer .stamp{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.footer .stamp h2{font-family:Montserrat,sans-serif;font-weight:lighter;padding:1rem}.footer .stamp h2 b{font-weight:700}.footer .stamp .credits{display:flex;width:inherit;align-items:center;font-size:1rem}.footer .stamp .credits b{color:#64f4ac;font-weight:lighter}.footer .stamp p{color:#ffffff8e;margin-right:1rem;padding:5px}.footer .stamp span{display:flex}.footer .stamp span i{margin-left:20px}@media only screen and (min-width: 992px){.hide-lg{display:none!important}.works{height:1100px;padding:50px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-gap:50px}.works .intro{grid-column:1;grid-row:1;display:flex;justify-content:center;align-items:center;font-family:Montserrat,sans-serif;padding:0;margin:0}.works .intro span{text-align:left}.works .intro h1{margin:0;font-size:2.5rem}.works .outro{grid-column:1;grid-row:4;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Montserrat,sans-serif;padding:0;margin:0}.works .outro a{color:#64f4ac;text-decoration:none;font-style:bold;font-weight:lighter}.works .outro span{text-align:left}.works .outro h1{margin:0;color:#64f4ac;font-size:2rem;font-family:monospace;cursor:pointer;position:relative}.works .outro h1:after{content:"";width:100%;height:2px;background-color:#64f4ac;position:absolute;bottom:-2px;left:0px}.works .card{background-color:#25262a;display:flex;flex-direction:column;min-height:inherit;border-radius:5px}.works .card1{grid-column:2;grid-row:1/span 2}.works .card2{grid-column:1;grid-row:2/span 2}.works .card3{grid-column:2;grid-row:3/span2}.works .card-head{display:flex;justify-content:space-around;align-items:center;padding:10px;height:20%}.works .card-head .fab,.works .card-head .fas{font-size:1rem}.works .card-head h2{width:40%;justify-content:center;display:flex;font-size:1.2rem}.works .card-head span{display:flex;width:60%;justify-content:space-evenly}.works .card-head h3{background-color:#2d2e32;font-size:.9rem;width:fit-content;font-weight:lighter;height:fit-content;padding:15px}.works .card-head h3:last-child{margin-left:15px}.works .card-img{display:flex;height:80%;max-height:80%;background-size:cover;cursor:pointer;overflow:hidden}.works div[title=portfolio]{background-image:url(/assets/portfolio-5d6c1ea3.png)!important}.works div[title=cinematic]{background-image:url(/assets/screenshot-a9432104.png)!important}.works div[title=gitsearch]{background-image:url(/assets/unik-43c7d373.png)!important}}@media only screen and (max-width: 992px){.txt-xs{font-size:.8rem!important}.text-xs{font-size:1.1rem!important}.text-sm{font-size:1.2rem!important}.text-md{font-size:1.4rem!important}.txt-dmn{font-size:1.9rem!important}.hide-sm{display:none!important}.show-sm{display:flex!important}.col-sm-r{flex-direction:column-reverse!important;width:100%}.col-sm{flex-direction:column!important;width:100%}.center{text-align:center}.col-center{justify-content:center}.col-adjust{align-items:flex-start!important;margin-bottom:2rem}.col-adjust p{text-align:center}.col-item{width:90%!important}.p-adjust{margin:0!important;padding:20px!important}.neg-marg{margin-top:-2rem}.m-0{margin:0!important;padding:0!important}.m-1{margin-left:10%!important}.p-sm{padding:15px!important}.m-md{margin-bottom:4rem!important}.m-sm{margin-bottom:2rem!important}.text-center{text-align:center}.row-adjust{display:flex;flex-direction:row;height:fit-content;justify-content:space-evenly;flex-wrap:wrap}.row-adjust .planet{width:20%;height:20%;padding:15px}.row-adjust .planet img{width:85%!important}.row-item{position:relative!important;width:20%;left:0px;top:0px;right:0px;bottom:0px}.work-adjust{height:2000px;padding:20px;display:flex;flex-direction:column;justify-content:space-evenly}.work-adjust .intro{display:flex;justify-content:center;align-items:center;font-family:Montserrat,sans-serif;padding:0;margin:0}.work-adjust .intro span{text-align:left}.work-adjust .intro h1{margin:0;font-size:2.5rem}.work-adjust .outro{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Montserrat,sans-serif;padding:0;margin:0}.work-adjust .outro p{line-height:20px}.work-adjust .outro a{color:#64f4ac;text-decoration:none;font-style:bold;font-weight:lighter}.work-adjust .outro span{text-align:left}.work-adjust .outro h1{margin:0;color:#64f4ac;font-size:2rem;font-family:monospace;cursor:pointer;position:relative}.work-adjust .outro h1:after{content:"";width:100%;height:2px;background-color:#64f4ac;position:absolute;bottom:-2px;left:0px}.work-adjust .card{background-color:#25262a;display:flex;flex-direction:column;height:450px;min-height:inherit;border-radius:5px}.work-adjust .card-head{display:flex;flex-direction:column;align-items:center;justify-content:center;height:25%}.work-adjust .card-head h2{justify-content:center;display:flex;font-size:1.2rem;margin:0;padding-top:10px}.work-adjust .card-head span{display:flex;justify-content:space-evenly}.work-adjust .card-head h3{background-color:#2d2e32;font-size:.9rem;width:fit-content;font-weight:lighter;height:fit-content;padding:10px}.work-adjust .card-head h3:last-child{margin-left:10px}.work-adjust .card-img{display:flex;height:75%;max-height:80%;background-size:cover}.work-adjust div[title=portfolio]{background-image:url(/assets/portfolio-5d6c1ea3.png)!important}.work-adjust div[title=cinematic]{background-image:url(/assets/screenshot-a9432104.png)!important}.work-adjust div[title=gitsearch]{background-image:url(/assets/unik-43c7d373.png)!important}.review-adjust{display:flex;height:300px;margin:0 10px 10px;flex-direction:column}.review-adjust .review-text{display:flex;height:70%;padding:10px;background-color:#25262a}.review-adjust .review-text .text{display:flex;flex-direction:column;position:relative;width:90%;padding:20px;justify-content:center;align-items:center}.review-adjust .review-text .text .rating{position:absolute;top:10%;left:2%;display:flex;align-items:center;width:fit-content}.review-adjust .review-text .text .rating .fa-star{font-size:.8rem;color:#64f4ac}.review-adjust .review-text .text .rating i{margin:0 0 0 5px}.review-adjust .review-text .text .rating b{margin-left:10px;font-size:.8rem;font-weight:lighter;color:#fff8}.review-adjust .review-text .text p{font-size:.8rem;font-family:Montserrat,sans-serif;padding:30px 5px 5px}.review-adjust .review-text .colon{width:10%;display:flex;justify-content:center}.review-adjust .review-text .colon .fa{color:#2d2e32;font-size:3rem;margin-top:20%;margin-right:10%}.review-adjust .review-profiles{display:flex;height:30%;background-color:#2d2e32;font-family:Montserrat,sans-serif}.review-adjust .review-profiles .review-profile{display:flex;padding:20px;justify-content:center;align-items:center}.review-adjust .review-profiles .review-profile:first-child{border-bottom:solid 3px #64f4ac;width:100%}.review-adjust .review-profiles .review-profile:nth-child(2){display:none}.review-adjust .review-profiles .review-profile:nth-child(3){display:none}.review-adjust .review-profiles .review-profile .circle{width:60px;height:60px;border-radius:50%;margin-right:15px}.review-adjust .review-profiles .review-profile .circle img{width:100%;height:auto}.review-adjust .review-profiles .review-profile .profile-info h3{margin:0;padding-bottom:10px;font-weight:lighter;font-size:1rem}.review-adjust .review-profiles .review-profile .profile-info p{margin:0;font-size:1rem;color:#ffffff8e}.review-adjust .review-profiles .review-profile .profile-info p b{font-size:1rem;color:#64f4ac;font-weight:lighter}}