@import url(https://fonts.googleapis.com/css2?family=Carter+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Carter+One&family=Handlee&display=swap);@import url(https://fonts.googleapis.com/css2?family=Carter+One&family=Handlee&family=Kosugi+Maru&family=Source+Code+Pro:wght@200&display=swap);:root{--primary-color:#5924ed;--secondary-black:#0d081a;--secondary-gray:#48464b;--body-bg:#efebfa}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#efebfa;background-color:var(--body-bg)}img{height:100%;width:100%}a{color:#000;text-decoration:none}section{align-items:center;display:flex;justify-content:center}.container{margin:0 auto;max-width:1000px;width:90%}p{color:#0d081a;color:var(--secondary-black);font-size:1.6rem}.section-heading{font-size:clamp(2rem,10vw,8rem);margin-bottom:10rem;position:relative}.section-heading,.section-heading:before{font-family:Montserrat;letter-spacing:.2rem;text-align:center;text-transform:uppercase}.section-heading:before{-webkit-text-stroke:1.5px #5a24ed2f;color:transparent;content:attr(data-outline);left:2%;position:absolute;top:-20%;width:100%;z-index:-1}.buttons{align-items:center;display:flex;gap:2rem;justify-content:flex-start;margin-top:3rem}.primary-btn{background-color:#5924ed;background-color:var(--primary-color);border-radius:50px;color:#fff;display:inline-block;font-size:1rem;padding:.4em 1em}.buttons .primary-btn.outline{background-color:initial;border:2px solid #5924ed;border:2px solid var(--primary-color);color:#5924ed;color:var(--primary-color)}.buttons svg{color:#5924ed;color:var(--primary-color);width:50px}#navigation{height:auto;position:fixed;right:50px;top:20px;z-index:100}#navigation .nav-icon{align-items:center;background-color:var(--primary-color);cursor:pointer;display:flex;height:50px;justify-content:center;margin:0 0 0 auto;width:50px;z-index:10}#navigation .nav-icon:hover{background-color:#8d6fe0}#nav-content{align-items:center;background-color:var(--secondary-black);color:#fff;display:flex;height:100%;justify-content:center;max-width:800px;overflow:hidden;position:fixed;right:0;transition:transform .3s ease;width:80%;z-index:2}#nav-content .section-heading{margin-top:110px;text-align:left}#nav-content .section-heading:before{-webkit-text-stroke:1.5px #afadad25;content:"Menu";text-align:left}#nav-content .wrapper{overflow:scroll;position:relative;width:70%}#nav-content ul{list-style:none;text-align:left}#nav-content ul li{margin-bottom:2rem}#nav-content ul li .link{color:#fff;display:inline-block;font-family:Montserrat;font-size:5rem;width:100%}#nav-content ul li .link:after{-webkit-text-stroke:1.5px #afadad25;bottom:30%;color:transparent;content:attr(data-text);opacity:0;pointer-events:none;position:absolute;right:-150px;text-align:center;-webkit-transform:rotate(90deg) scale(3);transform:rotate(90deg) scale(3);transition:.3s ease;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;width:100%;z-index:-1}#nav-content ul li .link:hover:after{opacity:1;-webkit-transform:scale(3) translateY(10px) rotate(90deg);transform:scale(3) translateY(10px) rotate(90deg)}#nav-content .close-btn{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:10px;position:absolute;top:10px;transition:background-color .3s ease;width:40px}#nav-content .close-btn:hover{background-color:crimson}@media only screen and (max-width:768px){#navigation{right:10px;top:10px}#nav-content nav ul li .link:after{display:none}#nav-content .section-heading{margin-bottom:5rem;text-align:right}#nav-content .section-heading:before,#nav-content nav ul{text-align:right}#nav-content nav ul li .link{font-size:2.5rem}#nav-content .wrapper{width:90%}}#hero{height:100vh;padding-top:10rem;width:100%}#hero .container{align-items:center;display:flex;justify-content:center}#hero .container .left{flex:6 1}#hero .container .right{flex:8 1}#hero .left .subheading{-webkit-animation:fade .3s ease-in forwards;animation:fade .3s ease-in forwards;-webkit-animation-delay:1.1s;animation-delay:1.1s;color:var(--primary-color);font-family:Carter One,cursive;font-size:1.8rem;font-weight:500;opacity:0;text-transform:uppercase}#hero .left .heading{font-family:Montserrat;font-size:2rem;font-weight:900;overflow:hidden}#hero .left .heading .wrapper{display:inline-block;overflow:hidden}#hero .left .heading .wrapper span{-webkit-animation:reveal 1s ease-in-out forwards;animation:reveal 1s ease-in-out forwards;bottom:-70px;font-family:Source Code Pro,monospace;position:relative}@-webkit-keyframes reveal{0%{bottom:-70px}to{bottom:0}}@keyframes reveal{0%{bottom:-70px}to{bottom:0}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}#hero .left .desc{font-family:Handlee,cursive;margin-top:2.5rem;max-width:400px}#hero .left .buttons,#hero .left .desc{-webkit-animation:fade .3s ease-in forwards;animation:fade .3s ease-in forwards;-webkit-animation-delay:1.1s;animation-delay:1.1s;opacity:0}#hero .right{text-align:right}#hero .right img{border-radius:12px;height:600px;max-width:450px;object-fit:cover;object-position:50% 30%;width:100%}@media only screen and (max-width:768px){html{font-size:9px}#hero .container{flex-direction:column-reverse}#hero .container .right{flex:1 1;margin-bottom:2rem;text-align:center}#hero .container .left{flex:1 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-right:0;text-align:center}#hero .left .buttons{justify-content:center}#hero .left .heading{font-size:4rem;margin:0 auto}#hero .container .left .desc{margin:2rem auto 0}#hero .right img{height:400px;width:100%}}@media only screen and (max-width:950px){#hero .container .right{flex:6 1}}#footer{background-color:#090113;color:#fff;margin-top:10rem;padding:10rem 0 5rem}#footer footer{align-items:flex-start;display:flex;gap:8rem;justify-content:flex-start}#footer footer .col-1{flex:3 1}#footer footer .col-2,#footer footer .col-3{flex:2 1}#footer footer .col-3{flex:1 1}#footer footer .col-1 .logo img{margin-bottom:2rem;max-width:100px}#footer footer .col-1 p{color:#fff}#footer footer .column-heading{font-family:Montserrat;font-size:2rem;line-height:1.5em;margin-bottom:2rem;text-transform:uppercase}#footer footer ul{list-style:none}#footer footer ul li{border-radius:4px}#footer footer ul li:hover{background-color:#fff}#footer footer ul li:hover .link{color:var(--primary-color)}#footer footer ul li .link{color:#fff;display:inline-block;font-size:1.7rem;padding:.5rem;width:100%}#footer footer .col-3 ul{display:flex;flex-wrap:wrap}#footer footer .col-3 ul li{padding:.5rem}#footer footer .col-3 ul li a{color:#fff;font-size:1.7rem;min-width:60px;padding:.5rem}#footer footer .col-3 ul li a:hover{color:var(--primary-color)}@media only screen and (max-width:768px){#footer{margin-top:20rem}#footer footer{flex-direction:column;justify-content:center;text-align:center}#footer footer .col-1,#footer footer .col-2,#footer footer .col-3{margin-bottom:3rem;width:100%}#footer footer .col-3 ul{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}#copyright{background-color:#100a24;padding:1rem 0}#copyright p{color:#fff;font-size:1.4rem;margin:1rem}@media only screen and (max-width:768px){#copyright p{text-align:center}}#about{padding:15rem 0}#about .wrapper{align-items:center;display:flex;gap:30px;justify-content:center}#about .left{padding:2rem;text-align:center}#about .left .card{border-radius:12px;box-shadow:0 0 20px #4705fc33;min-height:400px;padding:3rem}#about .left .card .img{border-radius:50%;height:70px;margin:0 auto 2rem;overflow:hidden;width:70px}#about .left .card .img img{object-fit:cover}#about .left .card .card-desc{color:var(--secondary-gray);font-family:Handlee,cursive;margin-bottom:2rem}#about .left .card .card-name{font-size:1.8rem;margin-bottom:.2rem}#about .left .card .card-sub-title{font-size:1.5rem}#about .subheading{color:var(--primary-color);font-family:Carter One,cursive;margin-bottom:1rem}#about .right .slogan{font-size:2.5rem;margin-bottom:2rem}#about .right .right-text{color:var(--secondary-gray);font-family:Handlee,cursive}@media only screen and (max-width:768px){#about .wrapper{flex-direction:column-reverse;text-align:center}#about .right .buttons{flex-direction:column}#about .right .buttons a{text-align:center;width:100%}.right ul{list-style:none}}#projects{padding:10rem 0}#projects .item{align-items:center;display:flex;gap:2rem;justify-content:center;margin:0 auto 15rem;max-width:800px}#projects .item:nth-of-type(2n){flex-direction:row-reverse}#projects .item .left{flex:1 1}#projects .item .right{background-color:var(--body-bg);border-radius:12px;box-shadow:0 0 20px #00000028;flex:1 1;margin-left:-150px;padding:5rem 3rem;z-index:1}#projects .item:nth-of-type(2n) .right{margin-left:0}#projects .item:nth-of-type(2n) .left{margin-left:-150px}#projects .item .left .img{border-radius:12px;box-shadow:0 0 20px #4705fc33;height:500px;overflow:hidden;position:relative}#projects .item .left .img:after{background-color:#5a24ed38;content:"";height:100%;left:0;position:absolute;top:0;width:100%}#projects .item .left .img img{object-fit:cover;transition:transform .3s ease}#projects .item:hover .left .img img{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:1}#projects .item .right .project-title{font-family:Montserrat;font-size:2.5rem;margin-bottom:1rem}#projects .item .right .project-sub-title{font-size:1.6rem;margin-bottom:2rem}#projects .item .right .project-desc{color:var(--secondary-gray);font-family:Handlee,cursive;margin-bottom:3rem}#projects .item .right .external-link{align-items:center;display:flex;gap:1rem;justify-content:center;padding:calc(.6em - 4px) calc(1.6em - 4px)}#projects .item .right .external-link svg{width:25px}@media only screen and (max-width:768px){#projects .item{flex-direction:column}#projects .item .left{width:100%}#projects .item .right{margin-left:0;margin-top:-150px;width:90%}#projects .item:nth-of-type(2n){flex-direction:column}#projects .item:nth-of-type(2n) .left{margin-left:0}}@media only screen and (max-width:450px){#projects .item .right .buttons{flex-direction:column}#projects .item .right .buttons a{text-align:center;width:100%}}#contact{padding:5rem 0}#contact .wrapper{align-items:flex-start;display:flex;gap:5rem;justify-content:center}#contact .wrapper .left{flex:1 1;justify-content:center;padding:0 2vw}#contact .wrapper .right{flex:1 1}#contact .left .contact-heading{font-family:Handlee,cursive;font-size:3rem;margin-bottom:1rem;text-align:center}#contact .left .contact-desc{color:var(--secondary-gray);font-family:Handlee,cursive;font-size:1.5rem;margin-bottom:2rem;text-align:center}#contact .right .form-wrapper{background-color:#0e0c13;border-radius:12px;color:#fff;margin:0 auto;max-width:100%;padding:5rem}#contact .right .form-group{margin-bottom:1rem}#contact .right .form-group label{display:inline-block;font-size:1.8rem;margin-bottom:.5rem}#contact .right .form-group .input-wrapper{align-items:center;background-color:#fff;border-radius:4px;color:#000;display:flex;height:40px;justify-content:flex-start;overflow:hidden;width:100%}#contact .right .form-group .input-wrapper .icon{align-items:center;background-color:#dadada;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:50px}#contact .right .form-group .input-wrapper input{border:none;font-size:1.5rem;height:100%;outline:none;padding:1rem;width:100%}#contact .right .form-group textarea{border-radius:4px;font-size:1.5rem;height:150px;outline:none;padding:1rem;resize:vertical;width:96%}#contact .right .form-wrapper button{background-color:#1d52ff;border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-block;font-family:Roboto Mono;font-size:1.8rem;height:auto;letter-spacing:.1rem;outline:none;padding:.5rem 0;text-transform:uppercase;width:150px}#contact .right .form-wrapper button:hover{background-color:#a0b5fa}@media only screen and (max-width:768px){#contact .wrapper{align-items:center;flex-direction:column-reverse;justify-content:center}#contact .right{width:100%}#contact .right .form-wrapper{max-width:100%;padding:3rem;width:100%}}.scroll-top{align-items:center;background-color:var(--primary-color);border-radius:6px;bottom:10px;box-shadow:0 0 20px rgba(71,40,182,.226);cursor:pointer;height:60px;justify-content:center;position:fixed;right:10px;-webkit-transform:scale(.9);transform:scale(.9);transition:transform .3s ease-in-out;width:60px;z-index:100}.scroll-top svg{color:#fff;pointer-events:none}.scroll-top:hover{-webkit-transform:scale(1);transform:scale(1)}
/*# sourceMappingURL=main.919c0188.css.map*/