@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.btn{border:2px solid #0000;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:.8rem 3rem;text-transform:uppercase;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.btn-primary{background:var(--primary);color:var(--secondary)}.btn-primary:hover,.btn-secondary{background:#0000;border-color:var(--primary);color:var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--secondary)}.flex-1{flex:1 1}.justify-center{justify-content:center}:root{--primary:#3dcfd3;--dark:#161616;--pure:#fff;--ternary:#545050;--light:#f2f2f2;--secondary:#070606}body{font-family:Poppins,sans-serif}html{scroll-behavior:smooth}*{-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0;padding:0}header{background:#161616;background:var(--dark);clip-path:polygon(0 0,100% 0,100% 100%,70% 87%,0 100%);min-height:100vh;padding-bottom:8rem}.container{margin:0 auto;max-width:1152px;padding:0 15px}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1152px}}header nav .left a{color:#fff;color:var(--pure);margin-right:2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}header nav .left a:hover{color:#3dcfd3;color:var(--primary)}header nav{padding:2rem 0}header nav .branding{margin-right:3rem}.hero{margin-top:150px;padding:3rem 0;position:relative}.hero-title{width:400px}.hero .left img{left:-45px;position:absolute;top:-100px;width:400px}.hero .right{color:#fff;color:var(--pure)}.hero .right h6{font-size:1.8rem;margin-bottom:.5rem;margin-top:-1.5rem}.hero .right h1,.hero .right span{color:#3dcfd3;color:var(--primary)}.hero .right h1{font-size:4rem;font-weight:100;line-height:1.2;margin-bottom:2rem;margin-top:-9.5rem}.hero .right p{line-height:1.9;margin-bottom:2rem;text-align:justify}section{padding:6rem 0}section.about .about-me-img{height:450px}section.about h1{font-size:1.6rem;font-weight:400;margin-bottom:1rem}section.about h1 span{color:#3dcfd3;color:var(--primary)}section.about h3{font-size:1rem;font-weight:400;margin-bottom:1rem}section.about p{color:#070606;color:var(--secondary);line-height:1.8;margin-bottom:2rem;text-align:justify}section.about .social{display:flex}.about-text-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5b3;border-radius:15px;max-width:600px;padding:30px;transition:all .4s ease}.about-text-card:hover{box-shadow:0 20px 40px #fff9,0 0 20px #00d9ff4d;transform:translateY(-10px) scale(1.02)}.about-text-card h2{color:#fff;margin-bottom:15px}.about-text-card span{color:#00d9ff}.about-text-card p{color:#ddd;line-height:1.7;margin-bottom:10px}section.about .social a{align-items:center;background:#161616;background:var(--dark);border-radius:50%;display:flex;height:35px;justify-content:center;margin-right:.6rem;margin-top:30px;transition:all .3s ease;width:35px}section.about .social a:hover{background:#3dcfd3;background:var(--primary)}section.about .social a img{height:100%;padding:.5rem;width:100%}.section-heading{color:#070606;color:var(--secondary);line-height:.5;margin-bottom:1rem;text-align:center}.section-heading span{color:#3dcfd3;color:var(--primary)}.section-heading+p{color:#545050;color:var(--ternary);margin-bottom:8rem;text-align:center}section.services{background:#f2f2f2;background:var(--light)}section.services .card-wrapper{grid-column-gap:2rem;grid-row-gap:6rem;display:grid;grid-template-columns:repeat(3,1fr)}section.services .card-wrapper .card{background:#fff;background:var(--pure);padding:5rem 2rem 3rem;position:relative;text-align:center;transition:all .3s ease}section.services .card-wrapper .card img{left:50%;position:absolute;top:-3.5rem;transform:translateX(-50%)}section.services .card-wrapper .card h2{font-size:1.2rem;font-weight:400;margin-bottom:.5rem}section.services .card-wrapper .card p{color:#545050;color:var(--ternary);font-family:Poppins,sans-serif;line-height:1.6}section.services .card-wrapper .card:hover{background:#161616;background:var(--dark)}section.freelancer,section.services .card-wrapper .card:hover h2,section.services .card-wrapper .card:hover p{color:#fff;color:var(--pure)}section.freelancer{background-attachment:fixed;clip-path:polygon(0 0,100% 0,100% 100%,67% 80%,0 100%);min-height:400px;padding:6rem 0 14rem;text-align:center}section.freelancer h1{color:#fff;color:var(--pure);font-size:2.5rem;margin-bottom:.5rem}section.freelancer p{color:#fff;color:var(--pure);font-family:Lato,sans-serif;font-size:1rem;margin-bottom:2rem}section.work{background:#fff;background:var(--pure);padding:6rem 1rem}section.work .section-heading{color:#070606;color:var(--secondary);line-height:1.2;margin-bottom:2rem;text-align:center}section.work .section-heading span{color:#3dcfd3;color:var(--primary)}section.work .card-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);justify-items:center}section.work .card{background:#f2f2f2;background:var(--light);border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:2rem;transition:transform .3s ease;width:100%}section.work .card:hover{transform:translateY(-5px)}section.work .card h2{font-size:1.3rem;font-weight:500;letter-spacing:1.02px}section.work .card h2,section.work .card p{color:#070606;color:var(--secondary);margin-bottom:1rem;text-align:center}section.work .card p{font-size:.9rem;font-weight:600}section.work .card ul.des{list-style-type:square;padding-left:1.2rem}section.work .card ul.des li{color:#545050;color:var(--ternary);font-family:Lato,sans-serif;font-size:1rem;margin-bottom:.5rem;text-align:justify}section.projects{background:#f2f2f2;background:var(--light)}section.projects .section-heading{color:#070606;color:var(--secondary);line-height:.5;margin-bottom:1rem;text-align:center}.projects-container{margin:50px auto;max-width:1000px;padding:20px}.card{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin-bottom:30px;padding:20px}.project-title{color:#333;font-size:22px;font-weight:700;margin-bottom:10px}.project-description{color:#555;font-size:16px;text-align:justify}.view-images-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:8px 16px}.view-images-btn:hover{background-color:#0056b3}.project-images{margin-top:20px}.project-images img{border-radius:8px;box-shadow:0 0 5px #0003;height:300px;margin:10px;width:500px}section.projects .section-heading span{color:#3dcfd3;color:var(--primary)}section.contact{background:#fff;background:var(--pure)}section.contact .card-wrapper{grid-gap:3rem;display:grid;grid-template-columns:repeat(3,1fr)}section.contact .card-wrapper .card{text-align:center}section.contact .card-wrapper .card img{margin-bottom:3rem}section.contact .card-wrapper .card h1{font-weight:400;margin-bottom:1rem}section.contact .card-wrapper .card h6{color:#545050;color:var(--ternary);font-size:1rem;font-weight:400;margin-bottom:4rem}section.contact .card-wrapper .card:hover{background:#070606;background:var(--secondary);box-shadow:0 10px 25px #0003;color:#fff;transform:translateY(-10px)}section.contact .card-wrapper .card:hover h1,section.contact .card-wrapper .card:hover h6{color:#fff}section.contact .card-wrapper .card:hover img{transform:scale(1.1);transition:.3s}section.contact .input-wrap{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}section.contact .input-wrap-2{display:flex;flex-direction:column}section.contact .input-wrap-2 input{margin-bottom:2rem}section.contact .input-wrap-2 textarea,section.contact input{border:1px solid #f2f2f2;border:1px solid var(--light);font-size:.9rem;padding:.5rem}section.contact .input-wrap-2 textarea:focus,section.contact input:focus{outline:none}section.contact .btn-wrapper{margin-top:2rem;text-align:center}footer{background:#161616;background:var(--dark);padding:5rem 0;text-align:center}footer .footer-logo{margin-bottom:3rem;width:150px}footer .footer-socials a{margin-right:1rem}footer .footer-socials{margin-bottom:3rem;margin-right:-1rem}footer .copyright{color:#545050;color:var(--ternary)}.social-icons{margin:20px 0}.social-icons a{display:inline-block;margin:0 10px}.social-icons img{height:30px;transition:.3s;width:30px}.social-icons img:hover{transform:scale(1.2)}.site-main-wrapper{position:relative}.hamberger{background:none;border:none;cursor:pointer;display:none;outline:none;position:absolute;right:40px;top:40px;z-index:11}.hamberger img{width:30px}.mobile-nav{background:#f2f2f2;background:var(--light);height:100%;left:0;padding:5rem 2rem 2rem;position:fixed;top:0;transform:translateX(-100%);transition:all .5s ease-in-out;width:100%;z-index:1001}.open{transform:translateX(0)}.times{background:none;border:none;cursor:pointer;outline:none;position:fixed;right:30px;top:30px}.times img{width:30px}.mobile-nav ul{list-style-type:none}.mobile-nav ul li a{color:#070606;color:var(--secondary);font-size:2rem;text-decoration:none}@media (max-width:1024px){header #main-nav{display:none}.hamberger{display:block}header{clip-path:polygon(0 0,100% 0,100% 100%,27% 89%,0 100%);min-height:auto;padding-bottom:6rem}.hero{margin-top:80px;padding-top:10rem}.hero .left img{left:-20px;margin-top:250px;top:-60px;width:260px}.hero .right h1{font-size:3rem;margin-top:-6rem}section.about .about-me-img{height:360px}section.services .card-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){header{clip-path:polygon(0 0,100% 0,100% 100%,69% 95%,0 100%);min-height:auto;padding-bottom:5rem}.hero{align-items:center!important;flex-direction:column!important;margin-top:0;padding:2rem 1rem 4rem;text-align:center}.hero .left{display:flex;justify-content:center;margin-bottom:1.5rem;width:100%}.hero .left img{border-radius:50%;height:200px;margin:0 auto;object-fit:cover;position:static!important;width:200px!important}.hero .right{background:none!important;padding:0 1rem;position:static!important;text-align:center;width:100%}.hero .right h1{font-size:2.2rem!important;margin-bottom:1rem;margin-top:0!important}.hero .right h6{font-size:1.2rem;margin-top:0}.hero .right p{font-size:.9rem;text-align:left;text-align:justify}.hero-title{width:100%!important}.about-inner-wrap{flex-direction:column!important}.about-inner-wrap .left,.about-inner-wrap .right{width:100%!important}section.about .about-me-img{height:280px;object-fit:cover;width:100%}.about .right{margin-top:2rem;text-align:center}.about .right .social{justify-content:center}.about-text-card{max-width:100%}section.services .card-wrapper{grid-template-columns:1fr;margin-top:6rem}section.contact .card-wrapper,section.contact .input-wrap,section.work .card-wrapper{grid-template-columns:1fr}section.freelancer h1{font-size:1.8rem;line-height:1.3}section.freelancer{clip-path:polygon(0 0,100% 0,100% 100%,67% 90%,0 100%);padding-bottom:8rem}section{padding:4rem 0}.section-heading+p{margin-bottom:3rem}.project-images img{height:auto!important;width:100%!important}}@media (max-width:480px){.hero .right h1{font-size:1.8rem!important}.hero .right h6{font-size:1rem}.hero .left img{height:160px;width:160px!important}section.work .card h2{font-size:1.1rem}section.work .card p{font-size:.8rem}section.work .card ul.des li{font-size:.9rem}section.work{padding:4rem 1rem}section.freelancer h1{font-size:1.4rem}section.freelancer p{font-size:.85rem}.about-text-card{padding:20px}}.text-type{display:inline-block;font-weight:450;white-space:nowrap}.text-type__cursor{color:#00e0ff;display:inline-block;margin-left:4px}.text-type__cursor--hidden{display:none}
/*# sourceMappingURL=main.d941eb8d.css.map*/