@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";@font-face{font-family:Suntage;src:url(/assets/Suntage-01cf8ad7.ttf)}body{position:relative;overflow-x:hidden}*{padding:0;margin:0;scroll-behavior:smooth;cursor:none}::-webkit-scrollbar{width:6px;cursor:pointer}::-webkit-scrollbar-track{background-color:#171717}::-webkit-scrollbar-thumb{background:#6002EE}@media (max-width: 1000px){.customCursor{display:none}*{cursor:auto}a,button{cursor:pointer}}.AboutContainer{height:100%;background:#121212;padding:10%;border-bottom:10px solid #171717;position:relative}.AboutContainer p:nth-child(2){color:#6002ee;font-family:Inter,sans-serif;font-size:26px}.AboutContainer p:nth-child(4){color:#fff;opacity:.6;font-family:Inter,sans-serif;font-size:20px;width:50%}.AboutContainer h1{position:relative;color:#fff;font-family:Suntage;padding:1rem 0rem;font-size:62px;z-index:999}.AboutContainer div{position:relative;display:inline-block;left:60%;z-index:1}.AboutContainer div img{position:absolute;width:300px;height:300px;object-fit:cover;border-radius:100%;filter:grayscale(100%);z-index:1}.AboutContainer div svg{position:absolute;left:0;top:0;border-radius:100%;width:300px;height:300px;object-fit:fill;opacity:.2;stroke:#fff;transition:.5s Ease;z-index:2}.AboutContainer button{margin-top:2rem;border:1px solid #6002EE;color:#6002ee;padding:.5rem 2rem;background:none;border-radius:8px;transition:.2s Ease;font-weight:700;font-family:Inter,sans-serif;width:30%}.AboutContainer button:hover{color:#fff;background:#6002EE}@media (max-width: 1100px){.AboutContainer div{position:relative;display:inline-block;z-index:1;top:50%;left:50%;transform:translate(-50%,-10%)}.AboutContainer div img{display:none;position:relative;width:200px;height:200px;object-fit:cover;border-radius:100%;filter:grayscale(100%);z-index:1}.AboutContainer div svg{width:200px;height:200px;display:none}.AboutContainer p:nth-child(4){width:100%}.AboutContainer button{width:100%}.AboutContainer h1{font-size:48px}}@media (max-width: 600px){.AboutContainer{padding:25% 10%}}.AboutContainer:after{content:"";height:50px;width:15%;bottom:-60px;right:0;background:#121212;display:block;position:absolute;border-style:none none solid solid;border-width:10px;border-color:#171717;border-radius:0 0 0 8px}.ContactWrapper{height:100%;background:#121212;padding:10%;border-top:10px solid #171717;position:relative;transition:.2s Ease}.ContactWrapper h1{display:inline-block;font-family:Suntage;font-size:48px;color:#6002ee;text-align:center;width:100%}.ContactWrapper div:nth-child(2){padding-top:10%;display:flex;justify-content:center;align-items:center}.ContactWrapper div:nth-child(2) form{display:flex;flex-direction:column;width:50%}.ContactWrapper div:nth-child(2) form label{color:#fff;font-family:Inter,sans-serif;opacity:.6;font-size:20px;padding:2rem 0 .5rem;width:100%}.ContactWrapper div:nth-child(2) form label :nth-child(1){padding:0 0 .5rem}.ContactWrapper div:nth-child(2) form input,.ContactWrapper div:nth-child(2) form textarea{background:transparent;border:solid 1px #6002EE;border-radius:8px;color:#fff;font-size:16px;transition:.2s ease-in-out;font-family:Inter,sans-serif;width:100%;padding:10px;box-sizing:border-box}.ContactWrapper div:nth-child(2) form input:focus-visible,.ContactWrapper div:nth-child(2) form textarea:focus-visible{outline:none}.ContactWrapper div:nth-child(2) form input:focus,.ContactWrapper div:nth-child(2) form textarea:focus{background:#171717}.ContactWrapper div:nth-child(2) form input:hover,.ContactWrapper div:nth-child(2) form textarea:hover{background:#171717}.ContactWrapper div:nth-child(2) form input:active,.ContactWrapper div:nth-child(2) form textarea:active{background:#171717}.ContactWrapper div:nth-child(2) form textarea{min-height:200px}.ContactWrapper div:nth-child(2) form input:nth-child(7){margin-top:5%;background:transparent;color:#6002ee;font-weight:700;font-family:Inter,sans-serif;width:100%}.ContactWrapper div:nth-child(2) form input:nth-child(7):disabled{color:#fff;background:#6002EE}.ContactWrapper div:nth-child(2) form input:nth-child(7):hover{color:#fff;background:#6002EE}.ContactWrapper :after{content:"";height:50px;width:15%;top:-60px;left:0;background:#121212;display:block;position:absolute;border-style:solid solid none none;border-width:10px;border-color:#171717;border-radius:0 8px 0 0}@media (max-width: 1100px){.ContactWrapper div:nth-child(2) form{width:100%}}@media (max-width: 600px){.ContactWrapper{padding:30% 10%}}.fade-out{opacity:0!important;transition:.2s Ease!important}.thanks{color:#fff;font-family:Inter,sans-serif;position:absolute;opacity:0;transition:.2s Ease;font-size:24px;display:flex;flex-direction:column;align-items:center}@media (max-width: 420px){.thanks{font-size:20px}}.thanks:after{display:none}.thanks p:after{display:none}.fade-in{opacity:1;transition:.2s Ease;z-index:2}.popup{color:#fff;position:fixed;top:1%;right:1%;background:red;padding:1rem!important;border-radius:8px;font-family:Inter,sans-serif;animation:glideIn .5s Ease}.popup:after{display:none}.popup .popup-content:after{display:none}.popup .popup-content p:after{display:none}.form-disable{pointer-events:none}@keyframes glideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.NavbarContainer{position:fixed;z-index:2;right:0;writing-mode:vertical-rl;display:flex;justify-content:space-evenly;height:100vh;padding:0 3% 0 0}.NavbarContainer a{color:#ffffffb3;font-family:Suntage;font-size:26px;transition:.3s ease-in-out}.NavbarContainer a:hover{color:#6002ee}@media (max-width: 650px){.NavbarContainer{padding:0 1% 0 0}.NavbarContainer a{font-size:22px}}.LogoContainer{padding:.5% 0 0 1%;position:fixed;z-index:2}.LogoContainer h1{color:#fff;font-family:Suntage}@media (max-width: 650px){.LogoContainer{padding:.5% 0 0 1%;display:none}.LogoContainer h1{font-size:22px}}.ProjectWrapper{height:100%;background:#282828;padding:10% 10% 20%}.ProjectWrapper .ProjectDiv{min-height:275px}.ProjectWrapper h1{display:inline-block;font-family:Suntage;font-size:48px;color:#6002ee;text-align:center;width:100%}.ProjectWrapper div{padding-top:10%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;border-radius:8px}.ProjectWrapper div div{padding:2rem;background:#121212;display:flex;flex-direction:column;justify-content:space-between;border-style:none none solid solid;border-width:7px;border-color:#171717}.ProjectWrapper div div h1{color:#fff;font-size:26px;display:flex;align-items:start}.ProjectWrapper div div h2{color:#fff;opacity:.6;font-size:20px;font-family:Inter,sans-serif;font-weight:300;height:120px}.ProjectWrapper div div div{display:flex;flex-direction:row;align-items:baseline;padding:0;justify-content:space-between;border:none}.ProjectWrapper div div div svg{height:32px}.ProjectWrapper div div div .Folder{stroke:#6002ee;color:transparent;stroke-width:24px}.ProjectWrapper div div div a{text-decoration:none;transition:.2s Ease;color:#fff}.ProjectWrapper div div div a:visited{text-decoration:underline;color:#fff;stroke-width:1px}.ProjectWrapper div div div a:hover{color:#6002ee}.ProjectWrapper div div div p{font-family:Inter,sans-serif}.ProjectWrapper div div div:nth-child(4){color:#6002ee;justify-content:start;font-weight:700;font-family:"Inter" sans-serif}@media (max-width: 1100px){.ProjectWrapper div{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.ProjectWrapper{padding:40% 10%}.ProjectWrapper div{grid-template-columns:1fr}}.loader-wrapper{height:100vh;width:100vw;background:#171717;position:fixed;z-index:9999;overflow:hidden;top:0;left:0;display:flex;justify-content:center;align-items:center;transition:.2s Ease}.loader-wrapper .loader{scale:2}.loader-inactive{transition:.2s Ease;opacity:0}.loader-display-none{display:none}