@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Charmonman&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}.hero-h1,.herotext-h3,.project-h1,div,h1,h2,h3,h4,h5,h6,p,span{font-family:Plus Jakarta Sans,sans-serif}p{letter-spacing:.2px;line-height:1.5}@media screen and (max-width:768px){p{letter-spacing:.3px;line-height:1.2}}.small-h{margin:0 10px}.small-h,.talk{font-family:Plus Jakarta Sans,sans-serif}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#141414}::-webkit-scrollbar-thumb{background-color:#d7ad9d;border:2px solid #fff;border-radius:15px}.svg-wave{height:100vh;position:fixed;top:0;width:100%;z-index:-10}.svg-paths .path1{animation:swell 3s ease infinite alternate;animation-delay:-2s}.svg-paths .path2{animation:swell 5s ease infinite alternate;animation-direction:reverse;animation-duration:5s}@keyframes swell{0%,to{transform:translate3d(-10px,-25px,0)}50%{transform:translate3d(15px,5px,0)}}.hero-section{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.hero-section .pageline-div{background-color:#151313;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}.hero-section .pageline-div:nth-child(2){background-color:#1a1414}.hero-section .pageline-div:nth-child(3){background-color:#1c1616}@media screen and (max-width:768px){.hero-section{height:100%;width:100%}}.hero-section .hero-dark{align-items:center;display:flex;height:100vh;justify-content:center;padding:0 15%;position:relative;width:100%}@media screen and (max-width:768px){.hero-section .hero-dark{flex-direction:column;height:100%;padding:15% 6%;width:100%}}.hero-section .hero-dark .hero-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}@media(max-width:768px){.hero-section .hero-dark .hero-text{width:100%}}.hero-section .hero-dark .hero-text .namegradient{-webkit-text-fill-color:#0000;animation:gradient 3s infinite alternate;-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(circle at 250%,#f10262 50%,#fff3 80%,#9c8f94 85%,#b44c75 0);background-size:200% auto;font-size:6rem;left:-10%;position:relative}@media(max-width:1024px){.hero-section .hero-dark .hero-text .namegradient{font-size:5rem}}@media(max-width:768px){.hero-section .hero-dark .hero-text .namegradient{font-size:2.25rem;left:0;width:100%}}.hero-section .hero-dark .hero-text .hero-h1{color:#fff;font-size:6rem;font-weight:700;letter-spacing:.0125rem;line-height:7rem}@media screen and (max-width:1024px){.hero-section .hero-dark .hero-text .hero-h1{font-size:3.4rem;line-height:5.4rem}}@media(max-width:768px){.hero-section .hero-dark .hero-text .hero-h1{font-size:1.9rem;line-height:2.4rem}}@media(max-width:360px){.hero-section .hero-dark .hero-text .hero-h1{font-size:1.8rem;line-height:2.4rem}}.hero-section .hero-dark .hero-text p{color:#fff;font-size:1.2rem;font-weight:700;margin:26px 0;width:60%}@media screen and (max-width:768px){.hero-section .hero-dark .hero-text p{font-size:.9rem;line-height:1.2rem;margin:16px 0;width:100%}}@media screen and (max-width:1024px){.hero-section .hero-dark .hero-text p{width:100%}}.hero-section .hero-dark .hero-text .techiconsdiv{padding-top:100px}.hero-section .hero-dark .hero-text .techiconsdiv h1{-webkit-text-fill-color:#0000;animation:gradient 3s infinite alternate;-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(circle at 250%,#62555a 50%,#fff3 80%,#9c8f94 85%);background-size:200% auto;color:#b8b8b8;font-size:2rem}@media screen and (max-width:768px){.hero-section .hero-dark .hero-text .techiconsdiv h1{font-size:1.4rem}.hero-section .hero-dark .hero-text .techiconsdiv img{width:100%}}.hero-section .hero-btn p{padding-left:20px}@media screen and (max-width:768px){.hero-section .hero-btn p{padding-left:0}}.root *{margin:8px 0}.root_enable{align-items:center;background-color:#f10263;border:none;border-radius:2px;box-shadow:"none";color:#fff;cursor:pointer;display:flex;font-size:16;font-weight:700;height:40px;justify-content:center;line-height:1.5;padding:0 18px;text-transform:capitalize}.root_enable:active,.root_enable:hover{border-color:#fff;box-shadow:none}.root_enable:active{background-color:#f10263}@media screen and (max-width:768px){.root_enable{font-size:11px}}@media screen and (max-width:1024px){.root_enable{font-size:12px}}.root_disabled{align-items:center;background-color:#b8b8b8;border:#b8b8b8;border-radius:2px;box-shadow:none;color:#b8b8b8;cursor:not-allowed;display:flex;font-size:16;height:40px;justify-content:center;line-height:1.5;padding:0 7px;pointer-events:none;text-transform:capitalize;width:100%}.root_disabled a{color:#fff}.outlineBtn{border:1px solid #fff;border-radius:4}.PrimaryColor,.outlineBtn{background-color:#0000;color:#fff;cursor:pointer;font-weight:700;text-transform:capitalize;transition:all .5s ease-in-out}.PrimaryColor{border:1px solid #f10263;border-radius:4}.secondaryColor{background-color:#0000;border:2px solid #363636;border-radius:4;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700;text-transform:capitalize;transition:all .5s ease-in-out}.skillset{height:100%;width:100%}.skillset .pageline-div{background-color:#151313;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}.skillset .pageline-div:nth-child(2){background-color:#1a1414}.skillset .pageline-div:nth-child(3){background-color:#1c1616}.skillset .skills-div{display:flex;flex-direction:column;margin-top:8%}@media screen and (max-width:768px){.skillset .skills-div{margin-top:25%}}.skillset .skills-div .skill-h1{padding:0 120px}@media screen and (max-width:768px){.skillset .skills-div .skill-h1{align-items:center;display:flex;justify-content:center;padding:0}}@media screen and (max-width:1024px){.skillset .skills-div .skill-h1{align-items:center;display:flex;justify-content:center;padding:0}}.skillset .skills-div .skill-h1 h2{color:#fff;font-size:1.8rem;margin-bottom:60px;text-align:left}@media screen and (max-width:768px){.skillset .skills-div .skill-h1 h2{font-size:1.5rem;font-size:24px}}.skillset .skills-div .skill-h1 .underline{background-color:#b8b8b8;height:4px;position:relative;top:-75px;width:70px}.skillset .skills-div .skills{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.skillset .skills-div .skills .skills-heading .skills-heading-frontend{align-items:center;background:linear-gradient(rgba(0,0,0,.914),hsla(0,2%,8%,.919)),url(/static/media/coding.7d535815e88e29dd7060.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-image:radial-gradient(circle at 100%,#de8aad,#d7c3c6,#fff) 1;border-radius:5px;border-style:solid;border-width:3px;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:13rem;justify-content:center;width:23rem}@media screen and (max-width:768px){.skillset .skills-div .skills .skills-heading .skills-heading-frontend{height:13rem;width:19rem}}.skillset .skills-div .skills .skills-heading .skills-heading-uiux{align-items:center;background:linear-gradient(rgba(0,0,0,.914),hsla(0,2%,8%,.919)),url(/static/media/Paybox-mockup.80b8d0183598330d1cc5.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-image:linear-gradient(90deg,#d7c3c6,#de8aad,#fff) 1;border-radius:5px;border-style:solid;border-width:3px;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:13rem;justify-content:center;width:23rem}@media screen and (max-width:768px){.skillset .skills-div .skills .skills-heading .skills-heading-uiux{height:13rem;width:19rem}}.skillset .skills-div .skills .skills-heading{text-decoration:none}.skillset .skills-div .skills .skills-heading .skills-heading-techwriting{align-items:center;background:linear-gradient(rgba(0,0,0,.914),hsla(0,2%,8%,.919)),url(/static/media/techwriting.9e51793e203af5f499fc.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-image:linear-gradient(270deg,#d7c3c6,#de8aad,#fff) 1;border-radius:5px;border-style:solid;border-width:3px;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:13rem;justify-content:center;width:23rem}@media screen and (max-width:768px){.skillset .skills-div .skills .skills-heading .skills-heading-techwriting{height:13rem;width:19rem}}.skillset .skills-div .skills .frontend,.skillset .skills-div .skills .uiux,.skillset .skills-div .skills .wordpress{margin-right:30px;text-align:left}@media screen and (max-width:768px){.skillset .skills-div .skills .frontend,.skillset .skills-div .skills .uiux,.skillset .skills-div .skills .wordpress{margin-bottom:5px;margin-right:0}}.skillset .skills-div .skills .frontend h2,.skillset .skills-div .skills .uiux h2,.skillset .skills-div .skills .wordpress h2{color:#fff;font-size:21px}@media screen and (max-width:768px){.skillset .skills-div .skills .frontend h2,.skillset .skills-div .skills .uiux h2,.skillset .skills-div .skills .wordpress h2{font-size:18px}}.skillset .skills-div .skills .frontend .skill-link,.skillset .skills-div .skills .uiux .skill-link,.skillset .skills-div .skills .wordpress .skill-link{color:#f10263;font-weight:700;text-align:center;text-decoration:none}.skillset .skills-div .skills .frontend .skill-link p,.skillset .skills-div .skills .uiux .skill-link p,.skillset .skills-div .skills .wordpress .skill-link p{font-size:24px}.header{height:100%;width:100%}.header .header-wrapper{align-items:center;display:flex;justify-content:space-between;padding:22px 26px;top:25px}.header .header-wrapper .logo-link{text-decoration:none;z-index:10}.header .header-wrapper .logo-link .logo-img{border-bottom:20px;border-bottom-width:20px;border-left:0 solid #f10263;border-radius:50%;border-right:4px solid #f10263;border-top:4px solid #f10263;height:3rem;object-fit:cover;transform:rotate(-15deg);width:3rem}.header .header-wrapper .opens{margin-right:0}.header .header-wrapper .menu-btn,.header .header-wrapper .social-icons{cursor:pointer}.header .header-wrapper .menu-btn .line1,.header .header-wrapper .menu-btn .line2,.header .header-wrapper .menu-btn .line3,.header .header-wrapper .social-icons .line1,.header .header-wrapper .social-icons .line2,.header .header-wrapper .social-icons .line3{background-color:#fff;height:3px;margin:3px 0;position:relative;top:0;transition:.25s ease-in-out;width:25px;z-index:9999}.header .header-wrapper .navsecondary,.header .header-wrapper .navsecondary .locationdiv{align-items:center;display:flex;justify-content:center}.header .header-wrapper .navsecondary .locationdiv{margin:0 20px;position:relative;z-index:999}.header .header-wrapper .navsecondary .locationdiv p{color:#fff;font-size:.7rem;font-weight:700}.header .header-wrapper .navsecondary .locationdiv .colordiv{background-color:#e6647a;border:2px solid red;border-radius:50%;height:12px;margin:0 7px;width:12px}.skew-div{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}.skew-div:nth-child(2){background-color:#f10263}.skew-div:nth-child(3){background-color:hsla(0,3%,7%,.884)}.navigation{height:100vh;position:fixed;top:0;width:100%;z-index:9999}.navigation .header-wrapper2{bottom:0;color:#fff;position:absolute;width:100%;z-index:2}.navigation .header-wrapper2 .gmail-text{bottom:2%;position:absolute;right:4%}.navigation .header-wrapper2 .gmail-text a{color:#b8b8b8;font-size:.7rem;letter-spacing:.1em;margin:10px auto;opacity:.6;text-decoration:none;writing-mode:vertical-lr}@media screen and (max-width:768px){.navigation .header-wrapper2 .gmail-text a{display:none}}.navigation .header-wrapper2 .gmail-text a:hover{color:#b8b8b8}.navigation .header-wrapper2 .social-icons{bottom:0;left:2%;list-style:none;position:absolute;z-index:2}@media screen and (max-width:768px){.navigation .header-wrapper2 .social-icons{display:none}}.navigation .header-wrapper2 .social-icons li{padding:2px}.navigation .header-wrapper2 .social-icons li a{display:inline-block}.navigation .header-wrapper2 .social-icons li a img{max-width:80%}.navigation .nav-items{align-items:center;display:flex;height:100vh;justify-content:center;position:absolute;width:100%}.navigation .nav-items ul{list-style:none}.navigation .nav-items ul .navlinks{color:#fff;font-size:1.3rem;font-weight:700;text-align:center;text-decoration:none}@media screen and (max-width:768px){.navigation .nav-items ul .navlinks{font-size:1rem}}.navigation .nav-items ul .navlinks li{margin:20px 0;transition:all .3s ease-in-out}.navigation .nav-items ul .navlinks li:hover{color:#fff;transform:scale(1.2)}.open .line1{top:18px;transform:rotate(45deg) translate(-9px,6px)}.open .line2{opacity:0}.open .line3{top:-18px;transform:rotate(-45deg) translate(2px,-18px)}.togglediv{align-items:center;color:green;display:flex;font-weight:700}.main-section{height:50vh;width:100%}@media screen and (max-width:1024px){.main-section{height:37vh;width:100%}}@media screen and (max-width:768px){.main-section{height:42vh;width:100%}}@media screen and (device-width:280px){.main-section{height:57vh;width:100%}}.main-section .pageline-div{background-color:#151313;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}.main-section .pageline-div:nth-child(2){background-color:#1a1414}.main-section .pageline-div:nth-child(3){background-color:#1c1616}.main-section .hero .hero-text{color:#fff;left:10%;position:absolute;top:30%;width:45%}@media screen and (max-width:1024px){.main-section .hero .hero-text{top:22%;width:80%}}@media screen and (max-width:768px){.main-section .hero .hero-text{font-size:.8rem;height:100%;left:0;margin:0 28px;top:22%;width:90%}}.main-section .hero .hero-text .underline{background-color:#b8b8b8;height:4px;position:relative;top:-15px;width:70px}.main-section .hero .hero-text h1{color:#fff;font-size:1.8rem;margin-bottom:15px;text-align:left}@media screen and (max-width:768px){.main-section .hero .hero-text h1{font-size:1.5rem;width:90%}}.main-section .hero .hero-text p{line-height:1.5;margin-top:23px}.project-section{height:100%}.project-section .loadBtn{cursor:pointer;float:right;margin:0 10% 2% 0}.project-section .title{align-items:center;display:flex;justify-content:flex-start;margin-top:30px;padding:0 140px}@media screen and (max-width:1024px){.project-section .title{margin-top:0;padding:0 80px}}@media screen and (max-width:768px){.project-section .title{margin-top:0;padding:0 30px}}.project-section .title .line{background-color:#f10263;height:4px;width:80px}@media screen and (max-width:768px){.project-section .title .line{width:60px}}.project-section .title .text{color:#fff;font-size:1.4rem;font-weight:700}.project-section .projects{padding:35px 140px}@media screen and (max-width:1024px){.project-section .projects{padding:25px 80px}}@media screen and (max-width:768px){.project-section .projects{padding:25px}}.project-section .projects .project-1{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:1024px){.project-section .projects .project-1{flex-direction:column}}@media screen and (max-width:768px){.project-section .projects .project-1{flex-direction:column}}.project-section .projects .project-1 .project-img{border:2px solid hsla(43,37%,93%,.705);border-radius:5px;cursor:pointer;flex:1 1;margin-right:40px}@media screen and (max-width:1024px){.project-section .projects .project-1 .project-img{margin-bottom:40px}}@media screen and (max-width:768px){.project-section .projects .project-1 .project-img{border:2px solid hsla(43,37%,93%,.705);margin-bottom:30px;margin-right:5px}}.project-section .projects .project-1 .project-img img{max-width:100%}.project-section .projects .project-1 #img-2{border:30px solid #a4dbd9}@media screen and (max-width:768px){.project-section .projects .project-1 #img-2{border:20px solid #b8b8b8}}.project-section .projects .project-1 .project-text{flex:1 1;margin-left:30px}@media screen and (max-width:1024px){.project-section .projects .project-1 .project-text{margin-left:0}}.project-section .projects .project-1 .project-text p{color:#c1c1c1;font-size:.9rem}@media screen and (max-width:768px){.project-section .projects .project-1 .project-text p{font-size:.8rem;line-height:1.2rem}}.project-section .projects .project-1 .project-text .project-h1{color:#fff;font-size:1.5rem;font-weight:700}@media screen and (max-width:768px){.project-section .projects .project-1 .project-text .project-h1{font-size:1.3rem;margin:5px 0}.project-section .projects .project-1 .project-text{margin-left:0}}.project-section .projects .project-1 .project-text ul{display:flex;flex-wrap:wrap;padding:16px 0}@media screen and (max-width:768px){.project-section .projects .project-1 .project-text ul{flex-wrap:wrap}}.project-section .projects .project-1 .project-text ul .btngrey{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;margin-right:10px}.project-section .projects .project-1 .project-text .links .livelink{display:flex;padding:20px 0}.project-section .projects .project-1 .project-text .links .livelink .link{margin-right:8px}.project-section .projects .project-1 .project-text .links .livelink .link a{font-weight:700;text-decoration:none}#uiux-section{background-position:50%;background-repeat:no-repeat;background-size:cover;height:50vh;width:100%}@media screen and (max-width:768px){#uiux-section{height:30vh;width:100%}}@media screen and (max-width:1024px){#uiux-section{height:30vh;width:100%}}#uiux-section .pageline-div{background-color:#151313;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}#uiux-section .pageline-div:nth-child(2){background-color:#1a1414}#uiux-section .pageline-div:nth-child(3){background-color:#1c1616}.card-section{min-height:100vh;padding:50px 90px}@media screen and (max-width:1024px){.card-section{padding:50px 25px}}@media screen and (max-width:768px){.card-section{padding:50px 0}}.card-section .loadBtn{cursor:pointer;float:right;margin:0 10% 2% 0}.card-section .title{align-items:center;display:flex;justify-content:flex-start;padding:0 55px}@media screen and (max-width:768px){.card-section .title{padding:0 30px}}.card-section .title .line{background-color:#f10263;height:4px;width:80px}@media screen and (max-width:768px){.card-section .title .line{width:60px}}.card-section .title .text{color:#fff;font-size:1.4rem;font-weight:700}@media screen and (max-width:768px){.card-section .title .text{font-size:1.1rem}}.card-section .card-container{grid-gap:55px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto;max-width:100%;padding:40px 50px}@media screen and (max-width:768px){.card-section .card-container{grid-gap:30px;padding:30px}}.card-section .card-container .card{align-items:center;background-color:#222;border-radius:15px;bottom:0;box-shadow:0 15px 60px #00000080;display:flex;height:400px;justify-content:center;left:0;position:relative;width:100%}.card-section .card-container .card .card-front{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:2}.card-section .card-container .card .card-front.front1 h2{margin:0;padding:0}.card-section .card-container .card .card-front .content{color:#fff;left:0;padding:0 30px;width:100%}.card-section .card-container .card .card-front .content .card-h{margin:20px 0}@media screen and (max-width:768px){.card-section .card-container .card .card-front .content .card-h .card-p{font-size:.8rem}}.card-section .card-container .card .card-front .content .view-text .view-link{color:#f10263;text-decoration:none}.card-section .card-container .card .card-front .content .view-text .view-link h5{margin:14px 0}.card-section .card-container .card .card-front .content .view-text .view-link h5 span{font-size:16px;margin-left:6px}@media screen and (max-width:768px){.card-section .card-container .card .card-front .content .view-text .view-link h5{font-size:12px;padding:20px 0}}.card-section .card-container .card .front2,.card-section .card-container .card .front3,.card-section .card-container .card .front4,.card-section .card-container .card .front5,.card-section .card-container .card .front6,.card-section .card-container .card .front7{transition:.5s}.card-section .card-container .card .front2 h2,.card-section .card-container .card .front3 h2,.card-section .card-container .card .front4 h2,.card-section .card-container .card .front5 h2,.card-section .card-container .card .front6 h2,.card-section .card-container .card .front7 h2{color:#fff;font-size:2rem;margin:0;padding:0;text-align:center;transition:.5s;z-index:10}@media screen and (max-width:768px){.card-section .card-container .card .front2 h2,.card-section .card-container .card .front3 h2,.card-section .card-container .card .front4 h2,.card-section .card-container .card .front5 h2,.card-section .card-container .card .front6 h2,.card-section .card-container .card .front7 h2{font-size:1.5rem}}@media screen and (max-width:1024px){.card-section .card-container .card .front2 h2,.card-section .card-container .card .front3 h2,.card-section .card-container .card .front4 h2,.card-section .card-container .card .front5 h2,.card-section .card-container .card .front6 h2,.card-section .card-container .card .front7 h2{font-size:1.5rem}}.card-section .card-container .card:hover .card-front.front2,.card-section .card-container .card:hover .card-front.front3,.card-section .card-container .card:hover .card-front.front4,.card-section .card-container .card:hover .card-front.front5,.card-section .card-container .card:hover .card-front.front6,.card-section .card-container .card:hover .card-front.front7{cursor:pointer;height:60px}.card-section .card-container .card:hover .card-front.front2 h2,.card-section .card-container .card:hover .card-front.front3 h2,.card-section .card-container .card:hover .card-front.front4 h2,.card-section .card-container .card:hover .card-front.front5 h2,.card-section .card-container .card:hover .card-front.front6 h2,.card-section .card-container .card:hover .card-front.front7 h2{font-size:2rem}@media screen and (max-width:768px){.card-section .card-container .card:hover .card-front.front2 h2,.card-section .card-container .card:hover .card-front.front3 h2,.card-section .card-container .card:hover .card-front.front4 h2,.card-section .card-container .card:hover .card-front.front5 h2,.card-section .card-container .card:hover .card-front.front6 h2,.card-section .card-container .card:hover .card-front.front7 h2{font-size:1.2rem}}.card-section .card-container .card .card-front.front2{background:linear-gradient(hsla(0,5%,8%,.761),rgba(20,16,15,.724)),url(/static/media/Paybox-mockup.80b8d0183598330d1cc5.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px}.card-section .card-container .card .card-front.front3{background:linear-gradient(hsla(0,5%,8%,.715),rgba(23,20,19,.761)),url(/static/media/kunng_pow_design.ced1d54aa2bd51425772.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px}.card-section .card-container .card .card-front.front4{background:linear-gradient(hsla(0,5%,8%,.733),rgba(17,14,14,.728)),url(/static/media/clipstyles_design.8008ceb674563cd5a4f3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px}.card-section .card-container .card .card-front.front5{background:linear-gradient(hsla(0,5%,9%,.731),#100d0dbf),url(/static/media/Unica-mockup.474e3962c8ff0a0feda1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px}.card-section .card-container .card .card-front.front6{background:linear-gradient(hsla(0,5%,9%,.731),#100d0dbf),url(/static/media/Akinlawon.b298d32d978e4306ee21.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px}.card-section .card-container .card .card-front.front7{background:linear-gradient(hsla(0,5%,9%,.731),#100d0dbf),url(/static/media/PresentationInstamovie.7c978857907dfb04ca2e.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px}.main-footer{background-color:#151313;margin-top:105px}.main-footer .footer-t{padding:20px 0}.main-footer .footer-t p{color:#828282;font-size:.9rem;text-align:center;width:100%}@media screen and (max-width:768px){.main-footer .footer-t p{font-size:.6rem;margin-right:75px}}.main-main{display:flex}@media screen and (max-width:768px){.main-main{flex-direction:column}}@media screen and (max-width:1024px){.main-main{flex-direction:column}}.main-main .pageline-div{background-color:#151313;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}.main-main .pageline-div:nth-child(2){background-color:#1a1414}.main-main .pageline-div:nth-child(3){background-color:#1c1616}.hide{overflow:hidden}.main{background:linear-gradient(rgba(26,20,20,.635),rgba(26,20,20,.725)),url(/static/media/professionalSmile.e52f43d2259549f8c0f3.png);background-position-x:63%;background-repeat:no-repeat;background-size:cover;height:100vh;position:fixed;right:-12%;top:0;width:60%;z-index:9}@media screen and (max-width:1024px){.main{height:80vh;position:relative;right:0;width:100%}}@media screen and (max-width:768px){.main{height:100vh;position:relative;right:0;width:100%}}.about-content{color:#fff;height:100vh;padding:8% 0 8% 8%;position:relative;top:0;width:56%;z-index:99}@media screen and (max-width:1024px){.about-content{padding:8% 2% 8% 6%;right:0;width:100%}}@media screen and (max-width:768px){.about-content{padding:8% 2% 8% 6%;right:0;width:100%}}.about-content .small-heading{color:#fff;font-size:1.4rem}@media screen and (max-width:768px){.about-content .small-heading{font-size:1.1rem}}.about-content .text-content{color:#c1c1c1;font-family:Plus Jakarta Sans;font-size:1.15rem;letter-spacing:.0125rem;line-height:2.5rem}@media screen and (max-width:768px){.about-content .text-content{font-size:1rem}}.about-content .text-content .text{padding:10px 0}.about-content .text-content .text a{color:#f10263}.about-content .text-content .text .marginDiv{padding:10px 0}.about-content .download{cursor:pointer;display:inline-flex;margin:20px 0}.about-content .download .link{color:#fff;font-size:14px;font-weight:700;margin-left:10px;text-decoration:none}.about-content .download img{max-width:10%}.about-content h2{color:#fff;margin:30px 0}.about-content .right-arrow{align-items:center;display:flex;justify-content:flex-start;margin:8px 0}.about-content .right-arrow p{font-size:11px;font-weight:700;margin-left:5px;text-transform:uppercase}.about-content .right-arrow img{height:10px;width:6px}.about-content .techs{display:flex;flex-direction:column;padding:30px 0}.about-content .techs .tech-ul{display:flex}.about-content .techs .tech-ul ul{color:#b8b8b8;margin-right:100px}.about-content .techs .tech-ul ul .tech-h{color:#b8b8b8;margin-bottom:20px}@keyframes gradient{0%{background-position:0 50%}to{background-position:100% 50%}}.contact-page{width:100%}.contact-page .pageline-div{background-color:#151313;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}.contact-page .pageline-div:nth-child(2){background-color:#1a1414}.contact-page .pageline-div:nth-child(3){background-color:#1c1616}.contact-page .contact-div{align-items:center;display:flex;gap:100px;height:auto;justify-content:center;margin-top:5%;padding:0 14%;width:100%}@media screen and (max-width:1024px){.contact-page .contact-div{flex-direction:column;gap:0;height:100vh;margin-top:15%;padding:0 10%;width:100%}}@media screen and (max-width:768px){.contact-page .contact-div{flex-direction:column;gap:0;height:100vh;margin-top:-8%;padding:0 10%;width:100%}}.contact-page .contact-div .contact-text{flex:1 1}@media screen and (max-width:768px){.contact-page .contact-div .contact-text{margin-top:40%}}.contact-page .contact-div .contact-text h1{color:#fff;font-size:2rem}@media screen and (max-width:768px){.contact-page .contact-div .contact-text h1{font-size:22px}}.contact-page .contact-div .contact-text p{color:#c1c1c1;font-size:.9rem;margin:20px 0}.contact-page .contact-div .contact-form{flex:1 1}@media screen and (max-width:1024px){.contact-page .contact-div .contact-form{margin-top:-100%}}@media only screen and (max-width:375px)and (min-height:667px){.contact-page .contact-div .contact-form{margin-top:20%}}@media only screen and (min-device-width:414px)and (max-device-width:736px){.contact-page .contact-div .contact-form{margin-top:-120%}}@media screen and (device-width:280px){.contact-page .contact-div .contact-form{margin-top:0}}.contact-page .contact-div .contact-form form .form-div{font-size:.9rem}.contact-page .contact-div .contact-form form .form-div label{display:flex;flex-direction:column;margin:15px 0}.contact-page .contact-div .contact-form form .form-div label span{color:#c1c1c1;margin:5px 0}.contact-page .contact-div .contact-form form .form-div label .text-input,.contact-page .contact-div .contact-form form .form-div label textarea{background-color:#151313;border:none;border-radius:4px;color:#c1c1c1;padding:25px}@media screen and (max-width:1024px){.contact-page .contact-div .contact-form form .form-div label .text-input,.contact-page .contact-div .contact-form form .form-div label textarea{padding:25px 125px}}@media screen and (max-width:768px){.contact-page .contact-div .contact-form form .form-div label .text-input,.contact-page .contact-div .contact-form form .form-div label textarea{padding:25px;width:100%}}.contact-page .contact-div .contact-form form .form-div .contact-btn{background-color:#f10263;border:none;cursor:pointer;font-weight:700;margin:25px 0;padding:22px 18px;transition:all .5s ease-in-out}.contact-page .contact-div .contact-form form .form-div .contact-btn:hover{background-color:#fff}:root{--effect:scale 3s linear infinite}.loader{align-items:center;background-color:#1c1616;display:flex;height:100vh;justify-content:center;position:fixed;width:100%;z-index:10}.loader .name-anim .load{color:#b8b8b8;display:inline-block;font-family:Plus Jakarta Sans,sans-serif;font-size:3em;font-weight:400;text-align:center;text-transform:uppercase;transform:scale(.8)}@media screen and (max-width:768px){.loader .name-anim .load{font-size:2rem}}.load:first-child{animation:scale 3s linear infinite;animation:var(--effect)}.load:nth-child(2){animation:scale 3s linear .125s infinite;animation:var(--effect) .125s}.load:nth-child(3){animation:scale 3s linear .25s infinite;animation:var(--effect) .25s}.load:nth-child(4){animation:scale 3s linear .375s infinite;animation:var(--effect) .375s}.load:nth-child(5){animation:scale 3s linear .5s infinite;animation:var(--effect) .5s}.load:nth-child(6){animation:scale 3s linear .675s infinite;animation:var(--effect) .675s}.load:nth-child(7),.load:nth-child(8){animation:scale 3s linear .75s infinite;animation:var(--effect) .75s}.load:nth-child(9){animation:scale 3s linear .175s infinite;animation:var(--effect) .175s}.load:nth-child(10){animation:scale 3s linear .275s infinite;animation:var(--effect) .275s}@keyframes scale{0%{-webkit-text-stroke:1px #fff;color:#fff;transform:scale(.8)}20%{color:#d7ad9d;filter:drop-shadow(0 0 1px #d7ad9d) drop-shadow(0 0 1px white) drop-shadow(0 0 3px rgba(171,171,255,.795)) drop-shadow(0 0 5px #d7ad9d) hue-rotate(10turn);transform:scale(1.2)}50%{-webkit-text-stroke:2px wheat;color:#f10263;transform:scale(.8)}}
/*# sourceMappingURL=main.6c8b468f.css.map*/