*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Nunito",Arial, sans-serif;overflow-x:hidden}textarea{font-family:"Nunito", sans-serif}ul{list-style:none}a{text-decoration:none}section{margin-top:2rem}.animated,.d-block,header .hero-headings h1 span.hand,.work .container .project:hover,.work .container .project:hover .info,footer span .lni:hover{animation-duration:1s;animation-fill-mode:both}.animated.infinite,.infinite.d-block,header .hero-headings h1 span.infinite.hand,.work .container .infinite.project:hover,.work .container .project:hover .infinite.info,footer span .lni:hover{animation-iteration-count:infinite}.animated.hinge,.hinge.d-block,header .hero-headings h1 span.hinge.hand,.work .container .hinge.project:hover,.work .container .project:hover .hinge.info,footer span .lni:hover{animation-duration:2s}.animated.flipOutX,.flipOutX.d-block,header .hero-headings h1 span.flipOutX.hand,.work .container .flipOutX.project:hover,.work .container .project:hover .flipOutX.info,footer span .flipOutX.lni:hover,.animated.flipOutY,.flipOutY.d-block,header .hero-headings h1 span.flipOutY.hand,.work .container .flipOutY.project:hover,.work .container .project:hover .flipOutY.info,footer span .flipOutY.lni:hover,.animated.bounceIn,.bounceIn.d-block,header .hero-headings h1 span.bounceIn.hand,.work .container .bounceIn.project:hover,.work .container .project:hover .bounceIn.info,footer span .bounceIn.lni:hover,.animated.bounceOut,.bounceOut.d-block,header .hero-headings h1 span.bounceOut.hand,.work .container .bounceOut.project:hover,.work .container .project:hover .bounceOut.info,footer span .bounceOut.lni:hover{animation-duration:.75s}@keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}.bounce,footer span .lni-heart-filled:hover{animation-name:bounce;transform-origin:center bottom}@keyframes shake{from,to{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}.shake,.work .container .project:hover .info{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake,footer span .lni-coffee-cup:hover{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes tada{from{transform:scale3d(0.9, 0.9, 0.9)}10%,20%{transform:scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg)}to{transform:scale3d(1, 1, 1)}}.tada,header .hero-headings h1 span.hand,.work .container .project:hover{animation-name:tada}@keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}.about .container .context .contact-links,.services .container,.work .container,header .hero,header nav,.service-features .container,.about .container .photo .container,.testimonial .container .boxes-container .box .client{display:flex;flex-direction:row}.about .container .context .contact-links,.services .container,.work .container,header .hero,header nav,.service-features .container,.about .container .photo .container,.testimonial .container .boxes-container .box .client{flex-wrap:nowrap;justify-content:space-between;align-items:center}.about .container .context .contact-links,.services .container,.work .container,header .hero{flex-wrap:wrap}.about .container .context .contact-links,.services .container,.work .container{justify-content:center}header .hero-headings .call-to-action-buttons a,.about .container .context .call-to-action-buttons a{display:inline-block;padding:0.5rem 0.6rem;border-radius:4px;font-weight:600;transition:all 250ms ease-in-out}header .hero-headings .call-to-action-buttons .or,.about .container .context .call-to-action-buttons .or{margin:0 0.4rem;display:inline-block;color:#52616b}.d-block{display:block !important}.section-title{text-align:center}.highlight.bg-blue{background-color:#3069ff}.highlight.color-blue{color:#3069ff}header{width:100%;height:auto;position:relative}header nav{position:fixed;top:0;left:0;width:100vw;height:2.5rem;padding:0 1rem;box-shadow:0 4px 8px rgba(161,161,161,0.1);background-color:#fff;z-index:9}@media (max-width: 48em){header nav{height:3rem}}header nav .nav-logo{display:block}header nav .nav-logo a{font-size:1.3em;font-weight:800;color:#01020B}header nav .nav-logo a .nav-logo-dot{color:#4169e0}header nav .nav-links ul{padding-bottom:4px}header nav .nav-links ul li{margin-right:0.8rem;display:inline-block;position:relative;padding:0.5rem;border-radius:4px}@media (min-width: 48em){header nav .nav-links ul li:not(:last-of-type):hover::before{content:"";position:absolute;left:0;bottom:0.6rem;height:24%;width:100%;background-color:rgba(255,196,48,0.9);z-index:-1}}@media (max-width: 48em){header nav .nav-links ul li:not(:last-of-type):hover{background-color:#f4f4f4}}header nav .nav-links ul li a{color:#01020B;font-weight:600}header nav .nav-links ul li .nav-theme-switcher{cursor:pointer}header nav .nav-links ul li .nav-theme-switcher .lni-sun{color:#ffc430}header nav .nav-links ul li .nav-theme-switcher .lni-night{color:#3069ff}@media (max-width: 48em){header nav .nav-links{position:absolute;top:2.5rem;left:0;width:100%;text-align:center;display:none;background-color:#fff;box-shadow:0 4px 8px rgba(161,161,161,0.1);padding:1rem;z-index:9}}@media (max-width: 30em){header nav .nav-links{height:calc(100vh - 2.5rem)}header nav .nav-links ul li{display:block}header nav .nav-links ul li:not(:last-of-type){margin-bottom:1rem}header nav .nav-links ul li a{display:block}}header nav .nav-menu-toggler{will-change:transform;display:none;position:absolute;right:1.6rem;top:50%;transform:translateY(-40%);cursor:pointer}@media (max-width: 48em){header nav .nav-menu-toggler{display:block}}header .hero{position:relative;justify-content:space-around;gap:4rem;padding:16vh;background-color:#01020B}@media (max-width: 48em){header .hero{padding:8vh}}header .hero-headings h1{font-weight:900;font-size:1.8em;color:#fff}header .hero-headings h1 span.hand{display:inline-block}header .hero-headings .call-to-action-buttons .about-btn{border:1px solid #3069ff;background-color:#3069ff;color:#f4f4f4}header .hero-headings .call-to-action-buttons .about-btn:hover{background-color:transparent;color:#3069ff;box-shadow:0 4px 8px rgba(48,105,255,0.1)}header .hero-headings .call-to-action-buttons .hire-btn{border:1px solid #ffc430;color:#ffc430}header .hero-headings .call-to-action-buttons .hire-btn:hover{color:#01020B;background-color:#ffc430;box-shadow:0 4px 8px rgba(255,196,48,0.1)}header .hero-image{position:relative}header .hero-image img{width:100%;max-width:30rem;height:auto}.service-features{padding:0 2rem;position:relative}.service-features .container{background-color:#fff;border-radius:6px;gap:1rem;width:84%;margin:-4rem auto 2rem;box-shadow:0 4px 8px rgba(60,60,60,0.1);text-align:center}@media (max-width: 48em){.service-features .container{flex-direction:column;background-color:transparent;box-shadow:none}}.service-features .container .service{position:relative;padding:2rem}@media (max-width: 48em){.service-features .container .service{width:80%;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(145,145,145,0.1)}.service-features .container .service:hover{box-shadow:0 4px 8px rgba(98,98,98,0.1);transform:scale(1.01);transition:250ms ease-in-out}}@media (max-width: 30em){.service-features .container .service{width:100%}}.service-features .container .service_icon{width:3rem;height:auto;margin:0.2rem}.service-features .container .service_description{color:#1d1f20}.service-features .container .service:nth-of-type(2)::after,.service-features .container .service:nth-of-type(2)::before{content:"";position:absolute;left:0;top:3rem;width:2px;height:50%;background-color:#f0f5f9}@media (max-width: 48em){.service-features .container .service:nth-of-type(2)::after,.service-features .container .service:nth-of-type(2)::before{display:none}}.service-features .container .service:nth-of-type(2)::after{left:auto;right:0}.about .container{width:94%;margin:2rem auto;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 48em){.about .container{grid-template-columns:1fr}}.about .container .photo .container{width:200px;position:relative}.about .container .photo .container::after,.about .container .photo .container::before{content:"";position:absolute;left:-8px;top:-10px;background:#ffc430;width:4rem;height:4rem;z-index:-1}.about .container .photo .container::after{left:auto;top:auto;bottom:-8px;right:-6px;width:1rem;height:1rem}.about .container .photo .container img{max-width:100%;height:auto;border-radius:4px}.about .container .photo .container img:hover{transform:scale(1.05);transition:all 250ms ease-in-out}.about .container .context{height:max-content;padding:2rem;position:relative;box-shadow:0 4px 8px rgba(66,66,66,0.1);border-radius:4px}.about .container .context p{color:#1d1f20}.about .container .context .contact-links{margin:1rem auto;gap:1rem}.about .container .context .contact-links li a .lni-facebook-original{color:#1877f2}.about .container .context .contact-links li a .lni-twitter-original{color:#1da1f2}.about .container .context .contact-links li a .lni-instagram-original{color:#c32aa3}.about .container .context .contact-links li a .lni-github-original{color:#01020B}.about .container .context .contact-links li a .lni-youtube{color:red}.about .container .context .call-to-action-buttons{text-align:center}.about .container .context .call-to-action-buttons .hire-btn{border:1px solid #3069ff;background-color:#3069ff;color:#f4f4f4}.about .container .context .call-to-action-buttons .hire-btn:hover{background-color:transparent;color:#3069ff;box-shadow:0 4px 8px rgba(48,105,255,0.1)}.about .container .context .call-to-action-buttons .resume-btn{border:1px solid #ffc430;color:#ffc430}.about .container .context .call-to-action-buttons .resume-btn:hover{color:#fff;background-color:#ffc430;box-shadow:0 4px 8px rgba(255,196,48,0.1)}.services{max-width:98%}.services .container{margin:auto;padding:1rem}.services .container .service{margin:1rem;position:relative;min-width:240px;max-width:22%;text-align:center;padding:0.6rem;border-radius:4px}.services .container .service:hover{box-shadow:0 4px 8px rgba(161,161,161,0.1)}.services .container .service img{width:3.5rem}.services .container .service p{color:#424242}.work .container{width:90%;margin:auto;gap:2rem;padding:1rem}.work .container .project{flex-grow:1;min-width:200px;width:38%;height:48vh;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px rgba(161,161,161,0.1);position:relative}.work .container .project .info{display:none}.work .container .project:hover::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:#01020B;opacity:0.6;z-index:1}.work .container .project:hover .info{position:absolute;left:0;top:0;top:0;bottom:0;width:100%;padding:0.6rem;z-index:2;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.work .container .project:hover .info a{color:#e2e2e2}.work .container .project:hover .info a:hover{color:#879fe6}.work .container .project:hover .info .links a{display:inline-block;margin-right:1rem;font-size:1.2em;font-weight:bolder}.work .container .project img{width:100%;height:auto}.testimonial{padding:1rem 2rem}.testimonial .container{margin:2rem auto;position:relative;max-width:600px}.testimonial .container .boxes-container .box{margin:auto;max-width:500px;padding:2rem;transform:rotate(1deg);border-radius:4px;border:1px solid #f4f4f4;display:none;color:#fff}.testimonial .container .boxes-container .box:hover{transform:rotate(0deg);transition:259ms ease-in-out}.testimonial .container .boxes-container .box .quotation-icon{background-color:#fff;display:block;width:24px;height:24px;padding:0.2rem;text-align:center;margin:0 auto 1rem;border-radius:50%;color:#01020B}.testimonial .container .boxes-container .box .client{margin:1rem auto;text-align:center}.testimonial .container .boxes-container .box .client .rate .lni{color:#ffc430}.testimonial .container .next,.testimonial .container .prev{position:absolute;top:50%;left:0.2rem;width:24px;height:24px;text-align:center;line-height:1.85rem;border-radius:50%;background-color:#fff;box-shadow:0 4px 8px rgba(29,31,32,0.1);transform:translateY(-50%);cursor:pointer;color:#01020B}.testimonial .container .next:hover,.testimonial .container .prev:hover{box-shadow:none;background-color:#f4f4f4}.testimonial .container .next{left:auto;right:0.2rem}.contact{background-color:#01020B;padding-top:1rem}.contact .section-title{color:#fff}.contact .container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:2rem;width:98%;margin:auto}@media (max-width: 30em){.contact .container{width:96%}}.contact .container .context{color:#f4f4f4}.contact .container .context h4{color:#f4f4f4}.contact .container form{background-color:#1d1f20;padding:0.4rem;border-radius:4px;box-shadow:0 4px 8px rgba(66,66,66,0.2);margin-bottom:-0.4rem}.contact .container form div{margin:0.6rem;position:relative}.contact .container form div input,.contact .container form div textarea{border:1px solid #e2e2e2;padding:0.5rem;border-radius:4px;width:100%;min-width:100%}.contact .container form div textarea{max-width:400px}.contact .container form button[type="submit"]{padding:.4rem .6rem;display:block;margin:.2rem auto;background-color:#4169e0;color:#fff;border:1px solid #3069ff;border-radius:4px;cursor:pointer}.contact .container form button[type="submit"]:hover{box-shadow:0 4px 8px rgba(48,105,255,0.1);opacity:.9}footer{color:#fff;text-align:center;padding:0.5rem}footer span .lni-heart-filled{color:red}footer span .lni-coffee-cup{color:brown}body.dark-theme{background-color:#1d1f20;color:#c5c5c5}body.dark-theme header nav{background-color:#1d1f20;box-shadow:0 4px 8px rgba(1,2,11,0.2)}body.dark-theme header nav .nav-logo a{color:#f4f4f4}@media (max-width: 48em){body.dark-theme header nav .nav-links{background-color:#1d1f20}}body.dark-theme header nav .nav-links ul li:not(:last-of-type):hover{background-color:#424242}body.dark-theme header nav .nav-links ul li a{color:#f4f4f4}body.dark-theme header .hero{background-color:rgba(1,2,11,0.8)}body.dark-theme .section-title{color:#f4f4f4}body.dark-theme .about .context{border:1px solid #424242}body.dark-theme .about .context p{color:#f4f4f4}body.dark-theme .service-features .container{background-color:#01020B}@media (max-width: 48em){body.dark-theme .service-features .container{background-color:transparent}}@media (max-width: 48em){body.dark-theme .service-features .container .service{background-color:#01020B}}body.dark-theme .service-features .container .service_description{color:#f4f4f4}body.dark-theme .service-features .container .service:nth-of-type(2)::after,body.dark-theme .service-features .container .service:nth-of-type(2)::before{background-color:#1d1f20;opacity:0.4}body.dark-theme .services .container .service:hover{box-shadow:0 4px 8px rgba(1,2,11,0.2)}body.dark-theme .services .container .service p{color:#f4f4f4}