#root{width:100vw;display:flex;justify-content:center;align-items:center;text-align:center;position:relative}.skills,.projects-container,.testimonials,.contact{display:flex;flex-direction:column;width:90%;padding:50px;height:100%;min-height:100vh}.heading{text-align:start;z-index:2;font-size:75px;width:fit-content}.purple{color:#613fe5}.top-btn{font-size:1.5rem;width:3rem;height:3rem;color:#ffffffde;box-shadow:#000;background-color:#110e15;border:1px solid rgb(255,255,255,.2);position:fixed;bottom:2.5rem;right:2.5rem;z-index:999;display:flex;justify-content:center;align-items:center}.top-btn:hover{background-color:#613fe5}.top-btn i{animation:gototop 1s linear infinite alternate-reverse}@keyframes gototop{0%{transform:translateY(-.25rem)}to{transform:translateY(.25rem)}}.lines-container{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:flex;overflow:hidden;min-height:100vh}.lines-container .line{position:relative;will-change:transform;width:15%;height:100%;top:0;opacity:0;background-color:#110e15;border:1px rgba(255,255,255,.1) solid;animation:slideUp .5s ease forwards}.lines-container .line:before{content:"";display:block;position:absolute;height:150px;width:1px;top:-50%;left:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#ffffff 75%,#ffffff 100%);animation:drop 5s 0s infinite;animation-fill-mode:forwards;animation-timing-function:linear}.lines-container .line:nth-last-child(1):after{content:"";display:block;position:absolute;height:150px;width:1px;top:-50%;right:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#ffffff 75%,#ffffff 100%);animation:drop 5s 0s infinite;animation-fill-mode:forwards;animation-timing-function:linear}@keyframes slideUp{0%{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drop{0%{top:-50%}to{top:110%}}.navbar-container{width:auto;position:fixed;bottom:10px;z-index:100;height:75px;background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.hide{opacity:0}.navbar-container.sticky{animation:navbarFromTop .5s ease-in}@keyframes navbarFromTop{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.nav{display:flex;justify-content:space-between;height:100%;width:100%;position:relative}.nav>.nav-btn,.empty-div{display:none}.nav-links{display:flex;justify-content:center;align-items:center;font-size:17px;font-weight:500}.option{font-weight:600;display:inline-block;margin:0;padding:0 25px;text-decoration:none;color:#ffffffde;opacity:.75;transition:opacity .5s ease}.nav-links:has(>:hover) .option:not(:hover){opacity:.25}.option:hover{opacity:1}.option:hover:after{transform:scaleX(1)}.option.active{opacity:1}.option.active:after{transform:scaleX(1)}@media only screen and (max-width:768px){.navbar-container{width:100%;height:50px}.nav-links{display:flex;width:100%;justify-content:space-around;font-size:12px}.option{font-weight:600;display:inline-block;padding:0}}.custom-cursor{position:fixed;width:20px;height:20px;background-color:#613fe5;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:10000;transition:background-color,transform 25 0ms}.custom-cursor.hovering-element{cursor:none!important;border:2px solid rgba(255,255,255,.9);background-color:transparent;transition:background-color,transform .25s;transform:scale(1.25)}textarea,input,a,button{cursor:none!important}body{cursor:none}.typing-container{display:flex;width:fit-content}.typing-container p{margin:0;display:flex;align-items:center;line-height:normal}.typing-container p span.typed-text{text-transform:capitalize;color:#613fe5}.typing-container p span.cursor{display:inline-block;justify-content:center;background-color:#ccc;width:3px;animation:blink 1s infinite}.typing-container p span.cursor.typing{animation:none}@keyframes blink{0%{background-color:#ccc}49%{background-color:#ccc}50%{background-color:transparent}99%{background-color:transparent}to{background-color:#ccc}}.hero-section{position:relative;display:flex;align-items:center;width:90%;justify-content:flex-start;min-height:100vh;padding:50px}.hero-section-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:60%}.hero-section-image-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:40%;gap:100px}.hello{font-weight:600;font-size:40px;z-index:2;text-align:start;padding-bottom:20px;pointer-events:none}.hero-section-large-text{font-weight:600;text-align:start;font-size:80px;line-height:125px;z-index:2;pointer-events:none}.hero-section-small-text{margin-top:30px;text-align:start;font-size:30px;z-index:2;pointer-events:none}.hero-section-button{font-weight:700;margin-top:40px;display:flex;justify-content:center;align-items:center;height:50px;width:200px;font-size:20px;background-color:#613fe5;color:#f5f5f5;z-index:2}.image-container{position:relative;height:500px;width:500px;top:10%}.blur-backdrop{border-radius:50%;z-index:3;height:80%;width:80%;position:absolute;filter:blur(150px);background:#782A70;background:radial-gradient(at left top,#782A70,#5D2E99)}.man-container{position:relative;border-radius:20px;z-index:7;width:100%;top:-85px;clip-path:polygon(0% 25%,0% 71%,50% 99%,100% 72%,100% 25%,50% 0%);transform:scale(1.5)}.man-container>img{height:100%;width:100%;object-fit:cover}.rounded-text-outer{border-radius:50%;border:2px solid whitesmoke;position:absolute;z-index:10;background-color:#110e15;bottom:0;right:-20px;display:flex;justify-content:center;align-items:center;height:150px;width:150px}.rounded-text{position:absolute;width:auto;color:#f5f5f5;transform:scale(.9)}.rounded-text-inner{display:flex;justify-content:center;align-items:center;border-radius:50%;border:2px solid whitesmoke;background-color:#613fe5;z-index:10;bottom:100px;height:75px;width:75px}.rounded-text-inner>svg{transform:scale(.4)}.hexagon{display:flex;position:absolute;top:0;left:100px;width:300px;height:519.6px;border-radius:1em/.5em;background-color:#f5f5f5;transition:opacity .5s;transform:rotate(30deg);z-index:5}.hexagon:before{position:absolute;width:inherit;height:inherit;border-radius:inherit;background:inherit;content:"";-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.hexagon:after{position:absolute;width:inherit;height:inherit;border-radius:inherit;background:inherit;content:"";-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.image-text{position:absolute;bottom:-60px;font-weight:600;color:#f5f5f5;font-size:25px}@media only screen and (max-width: 768px){.hero-section{width:100%;justify-content:center;flex-direction:column;align-items:center}.hello{font-size:25px}.hero-section-content{width:80%}.hero-section-large-text{font-size:40px;line-height:1.5}.hero-section-small-text{font-size:20px}.heading{font-size:40px;text-indent:0px}.skills-card-container,.testimonial-card-container{grid-template-columns:1fr}.skills-card{padding:50px}.skills-card-icon{text-align:start;aspect-ratio:1;font-size:60px;margin-bottom:20px;color:#613fe5;transition:all .25s ease-in}.skills-card-heading{font-size:20px;margin-bottom:10px}.skills-card-content{font-size:15px;line-height:30px}.testimonial-card-container{display:flex;flex-direction:column;gap:50px;margin-top:20px;width:90%;align-items:center;justify-content:center}.testimonial-card{padding:0;left:-20px;font-size:15px}.quotes{bottom:-30px;right:-35px}}.project-card{position:sticky;top:100px;padding-top:calc(var(--index) * var(--cardTopPadding));z-index:2}.project-card-body{position:relative;background-color:#110e15;height:var(--cardHeight);display:flex;justify-content:center;align-items:flex-end;transition:all .5s;overflow:hidden}.project-card-image{position:absolute;display:flex;width:100%;height:100%;object-fit:stretch}.project-card-content{z-index:5;padding:0 30px 10px;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;transform:translateY(100%);transition:all .25s ease-in-out;background:rgb(0,0,0);background:linear-gradient(0deg,rgba(17,14,21,1) 0%,rgba(255,255,255,0) 100%)}.project-card:hover .project-card-content{transform:translateY(0)}.project-card-heading{text-align:start;font-size:30px;font-weight:700;margin-bottom:20px}.project-card-summary{text-align:start;font-size:15px;line-height:30px;margin-bottom:20px}.project-card-button{font-size:15px;display:flex;justify-content:center;align-items:center;width:fit-content;padding:20px;border:2px solid rgb(255,255,255,.07);background:none}.project-card-button:hover{background-color:#613fe5}@media screen and (max-width : 768px){.project-card{padding:0!important;margin:0!important;width:100%;top:150px;background-color:#110e15;border:1px solid rgb(255,255,255,.07)}.project-card-body{flex-direction:column;justify-content:flex-start;padding:0!important;height:100%}.project-card-image{position:relative;width:100%;height:100%;object-fit:contain}.project-card-content{position:relative;transform:translateY(0);height:100%;justify-content:center}.project-card-heading{align-self:flex-start;text-align:start;font-size:20px;font-weight:700;margin-bottom:10px}.project-card-summary{text-align:start;font-size:10px;line-height:30px;margin-bottom:10px}.project-card-button{font-size:10px;display:flex;justify-content:center;align-items:center;width:auto;padding:10px;border:1px solid rgb(255,255,255,.07);background:none}}.projects{list-style:none;padding-left:0;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--cards),var(--cardHeight));gap:var(--cardMargin);padding-bottom:calc(var(--cards) * var(--cardTopPadding));margin-bottom:var(--cardMargin);--cards: 3;--cardHeight: 70vh;--cardTopPadding: 50px;--cardMargin: 4vw}#card1{--index: 1}#card2{--index: 2}#card3{--index: 3}#card4{--index: 4}.skills-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding:50px}.skill{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;z-index:2}.skill-name{text-transform:uppercase}.skills-container:hover .skill{background:radial-gradient(33rem circle at var(--xPos) var(--yPos),rgba(97,63,229,.4),transparent 15%)}.skills-container .skill{background:radial-gradient(50rem circle at 0 0,rgba(97,63,229,0),transparent 0%);border-radius:10px;position:relative;transition:all .15s}.skills-container .skill:hover{transform:scale(.97)}.skills-container .skill:hover:before{opacity:1}.skills-container .skill:before{content:"";height:100%;width:100%;position:absolute;top:0;left:0;border-radius:inherit;background:radial-gradient(20rem circle at var(--xPos) var(--yPos),rgba(97,63,229,.2),transparent 40%);opacity:0;transition:all .15s ease-in-out}.skills-container .skill .skill-content{padding:10px;display:flex;flex-direction:column;gap:10px;background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .25s}.testimonial-card-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:auto;width:100%;padding-bottom:100px}.testimonial-card-container{gap:100px;justify-content:center;align-items:center;width:95%;margin:0 auto}.testimonial-card{z-index:5;margin:10px;padding:10px;position:relative;display:flex;text-align:start;font-size:20px;line-height:30px}.quotes{position:absolute;bottom:-30px;right:-50px}.quotes-inverted{position:absolute;top:-30px;left:-50px;transform:rotate(180deg)}@media only screen and (max-width:768px){.testimonial-card-container{grid-template-columns:1fr;width:70%;padding-bottom:100px}}.contact{display:flex;flex-direction:column;width:90%;justify-content:center}.contact-container{display:flex;flex-direction:row;width:100%}.contact-form{display:flex;flex-direction:column;gap:30px;position:relative;z-index:10;width:50%;height:100%;padding-bottom:50px}.contact-input{height:60px;padding:10px 30px;font-size:15px;background-color:#110e15;border:1px solid rgb(255,255,255,.2);color:#fff}.contact-textarea{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;height:175px;padding:20px 30px;font-size:15px;background-color:#110e15;border:1px solid rgb(255,255,255,.2);resize:none}.contact-form-button{font-size:15px;display:flex;justify-content:center;align-items:center;width:fit-content;padding:15px 40px;border:1px solid rgb(255,255,255,.07);background:#613FE5}.contact-cards-container{width:50%;height:100%;display:flex;flex-direction:column;align-items:flex-end;gap:30px}@media screen and (max-width : 768px){.contact-container{display:flex;flex-direction:column!important;width:100%}.contact-form{display:flex;flex-direction:column;gap:30px;position:relative;z-index:5;width:100%;height:100%;padding-bottom:50px}.contact-input{height:40px;padding:10px 30px;font-size:15px;background-color:#110e15;border:1px solid rgb(255,255,255,.2)}.contact-textarea{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;height:150px;padding:20px 30px;font-size:15px;background-color:#110e15;border:1px solid rgb(255,255,255,.2);resize:none}.contact-form-button{font-size:15px;display:flex;justify-content:center;align-items:center;width:fit-content;padding:15px 40px;border:1px solid rgb(255,255,255,.07);background:#613FE5}.contact-cards-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:30px}}.contact-card{position:relative;z-index:5;background-color:#110e15;height:200px;width:400px;border:1px solid rgb(255,255,255,.07);overflow:hidden}.contact-card:hover .corner-top-right-bevel{width:150%}.contact-card:hover .contact-title,.contact-card:hover .contact-info{color:#f5f5f5}.corner-top-right-bevel{position:absolute;border-style:solid;height:0;width:30%;transition:width .25s ease-in;border-color:transparent transparent #613FE5 transparent;border-width:0 100px 200px 0}.contact-card i{color:#f5f5f5;z-index:50;position:absolute;bottom:15px;left:20px;font-size:25px}.contact-card-content{position:relative;z-index:20;float:right;display:flex;flex-direction:column;row-gap:15px;justify-content:center;align-items:end;padding-right:30px;width:90%;height:100%}.contact-title{color:#f5f5f5}.contact-info{word-wrap:break-word;text-align:right;color:#613fe5;width:100%}@media screen and (max-width:1024px) and (min-width:768px){.contact-card{height:200px;width:250px}.corner-top-right-bevel{width:42%;border-width:0 40% 50% 0}.contact-card-content{font-size:15px;width:70%}}@media screen and (max-width:768px){.contact-card{position:relative;z-index:5;background-color:#110e15;height:200px;width:300px;border:1px solid rgb(255,255,255,.07);overflow:hidden}.contact-card:hover .corner-top-right-bevel{width:150%}.contact-card:hover .contact-title,.contact-card:hover .contact-info{color:#f5f5f5}.corner-top-right-bevel{position:absolute;border-style:solid;height:0;width:40%;transition:width .25s ease-in;border-color:transparent transparent #613fE5 transparent;border-width:0 100px 200px 0}.contact-card i{color:#f5f5f5;z-index:50;position:absolute;bottom:15px;left:20px;font-size:25px}.contact-card-content{position:relative;z-index:20;float:right;display:flex;flex-direction:column;row-gap:15px;justify-content:center;align-items:end;padding-right:30px;width:90%;height:100%}}.blocks-container{position:fixed;top:0;bottom:0;left:1px;width:100%;height:100%;overflow:hidden;z-index:1}#blocks{position:relative;width:100%;height:100%;display:flex;justify-content:flex-start;align-content:flex-start;flex-wrap:wrap;overflow:hidden}.block{width:50px;height:50px;border:.5px solid transparent;transition:border-color .3s ease}.highlight{border-color:#613fe5!important}.assignments-container{position:relative;display:flex;flex-direction:column;padding:50px 50px 0;justify-content:center;width:90%;overflow-y:auto;z-index:2}.scroll-space{display:flex;justify-content:center;width:100%;height:800vh}.assignments-container section{position:relative;height:100vh;width:100%;z-index:2}.assignments-container img{width:100%;height:100%;object-fit:fill}.sticky{display:flex}.col{z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em}.services{position:relative;display:flex;flex-direction:column;align-items:center}.indicator{position:absolute;top:0;left:0;width:100%;height:38px;background-color:#613fe5;z-index:-1;transform:translateY(0)}.service{width:max-content;height:38px}.service p{text-transform:uppercase;font-size:40px;font-weight:600;color:#d5d5d5;transition:color .3s;line-height:1}.service.active p{color:#fff}.service-img-wrapper{position:relative;width:70%;height:300px;overflow:hidden}.service-img{width:100%;height:100%;transform:translateY(0);will-change:transform;position:relative}.service-img a{position:relative;display:flex;width:100%;height:100%;z-index:2}.service-img-wrapper:before{content:"➔";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000040;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem;z-index:4}.service-img-wrapper:hover:before{pointer-events:none;opacity:1}.service-img img{width:100%;height:300px;object-fit:contain}.service-copy{width:70%}.service-copy p{font-size:18px;font-weight:400;line-height:28px}.progress-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5px;height:70%;background-color:#d5d5d5}.line{position:relative;will-change:transform}.progress{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#613fe5;transform-origin:top;transform:scaleY(0);will-change:transform}.index{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:80px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgb(255,255,255,.2);color:#fff;padding:10px}.index span{font-size:20px;font-weight:600;line-height:12px;width:12px;display:flex;justify-content:center;align-items:center}.index span.separator{position:relative;top:-1px;width:20px;height:2px;background-color:#613fe5}@media (max-width:768px){.sticky{flex-direction:column}.service p{font-size:20px}.indicator{height:20px}.col:nth-child(1){padding-top:25%;justify-content:flex-start}.col:nth-child(2){margin-top:-100%;flex-direction:row;gap:1.5em}.service-img-wrapper{width:80%}.service-copy p{font-size:14px}.progress-bar{top:-20%;height:50%;transform:rotate(-90deg)}.index{top:0%;bottom:unset}}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}a{color:#ffffffde;text-decoration:none;width:fit-content}button{color:#ffffffde}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#613fe5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{color:#f5f5f5;background-color:#613fe5}::selection{color:#f5f5f5;background-color:#613fe5}body{display:flex;place-items:center;min-width:320px;min-height:100vh;cursor:none!important}h1{line-height:1.1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#110e15}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.87)}::-webkit-scrollbar-thumb:hover{background:#613FE5}