*{cursor:url(/assets/arrow.webp),auto!important}*:hover{cursor:url(/assets/arrow.webp),pointer!important}a:hover,button:hover,input[type=submit]:hover,input[type=button]:hover,.clickable:hover,[role=button]:hover,.linkedin:hover,.instagram:hover,img:hover{cursor:url(/assets/link.webp),pointer!important}@font-face{font-family:Sora;src:url(/fonts/sora.woff2) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Jersey;src:url(/fonts/Jersey15-Regular.woff2) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#000;color:#fff;overflow-x:hidden;scroll-behavior:smooth;z-index:1}#root{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;position:relative}a{text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus{outline:none}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}p,h1,h2,h3,h4,h5,h6{-webkit-user-select:text;user-select:text}.main_bg_section{position:absolute;z-index:0;width:100%;display:flex;justify-content:center;align-items:center}.main_bg{width:60%;height:auto;object-fit:contain;opacity:.1;z-index:0}.blur1{position:absolute;width:30%;height:auto;filter:blur(150px);opacity:.35;aspect-ratio:1;background:radial-gradient(circle,#0af,#0000);bottom:-30%}.blur2{position:absolute;width:30%;height:auto;filter:blur(170px);opacity:.35;aspect-ratio:1;background:radial-gradient(circle,#f3bc49,#0000);top:10%;left:0}.blur3{position:absolute;width:15%;height:auto;filter:blur(200px);opacity:.35;aspect-ratio:1;background:radial-gradient(circle,#f3bc49,#0000);top:10%;right:10%;z-index:0}@media (max-width:768px){.main_bg{width:120%;opacity:.08}.blur1{width:50%;filter:blur(120px);opacity:.35;bottom:-40%}.blur2{width:40%;filter:blur(120px);opacity:.35;top:10%;left:0}.blur3{width:30%;filter:blur(120px);opacity:.35;top:10%;right:10%}}@media (max-width:425px){.main_bg{width:180%;opacity:.08}.blur1{width:60%;filter:blur(100px);opacity:.45;bottom:-25%}.blur2{width:40%;filter:blur(100px);opacity:.55;top:10%;left:0}.blur3{width:30%;filter:blur(100px);opacity:.55;top:10%;right:10%}}.loader_container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:#000;position:fixed;top:0;left:0;right:0;bottom:0}.loader{width:44.8px;height:44.8px;color:#ffc400;position:relative;background:radial-gradient(11.2px,currentColor 94%,#0000)}.loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(10.08px at bottom right,#0000 94%,currentColor) top left,radial-gradient(10.08px at bottom left,#0000 94%,currentColor) top right,radial-gradient(10.08px at top right,#0000 94%,currentColor) bottom left,radial-gradient(10.08px at top left,#0000 94%,currentColor) bottom right;background-size:22.4px 22.4px;background-repeat:no-repeat;animation:loader 1.5s infinite cubic-bezier(.3,1,0,1)}@keyframes loader{33%{top:-11.2px;right:-11.2px;bottom:-11.2px;left:-11.2px;transform:rotate(0)}66%{top:-11.2px;right:-11.2px;bottom:-11.2px;left:-11.2px;transform:rotate(90deg)}to{top:0;right:0;bottom:0;left:0;transform:rotate(90deg)}}.homepage{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100vh;position:relative;overflow:hidden}.home_content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:42%;height:100%;z-index:2;padding:0 0 0 8rem}video{background-blend-mode:screen;width:58%;filter:saturate(1.5);z-index:0;padding:0 0 0 5rem}.name{font-family:Sora,sans-serif;font-size:2.5vw;font-weight:500}.name span{font-family:Sora,sans-serif;font-size:2.5vw;font-weight:900;color:#f3bc49}.profession{font-family:Jersey,sans-serif;font-size:7.5vw;font-weight:500;line-height:7vw}.buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;column-gap:1.5rem}.portfolio_button{font-family:Jersey,sans-serif;font-size:1.4vw;font-weight:550;color:#362500;background-color:#f3bc49;border:2px solid #362500;padding:1rem 2.5rem;margin-top:2rem;cursor:pointer;border-radius:10px;transition:all .2s ease-in-out}.portfolio_button:hover{background-color:#fff;color:#362500;border:1px solid #362500}.about_button{font-family:Jersey,sans-serif;font-size:1.4vw;font-weight:550;color:#002034;background-color:#2a8bbb;border:2px solid #21506D;padding:1rem 2.5rem;margin-top:2rem;cursor:pointer;border-radius:10px;transition:all .2s ease-in-out}.about_button:hover{background-color:#fff;color:#002034;border:1px solid #002034}@media (max-width: 768px){.homepage{flex-direction:column}.home_content{width:100%;height:auto;padding:5rem 4rem 3rem;align-items:center;text-align:center;row-gap:1rem}video{width:auto;height:40%}.name,.name span{font-size:3.5vw}.profession{font-size:12vw;line-height:10vw}.buttons{flex-direction:row;align-items:center;justify-content:center}.portfolio_button,.about_button{font-size:3.5vw;padding:.8rem 2rem}}@media (max-width: 425px){.home_content{padding:5rem 2rem 2rem}.name,.name span{font-size:5vw}.profession{font-size:18vw;line-height:15vw}.portfolio_button,.about_button{font-size:5.5vw;padding:.8rem 2rem}}.home_nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:10vh;position:fixed;top:0;left:0;z-index:100;box-shadow:0 2px 5px #0000001a;padding:4rem 5rem}.home_nav .logo,.contact_button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home_nav .logo{font-family:Jersey,sans-serif;font-size:4vw;font-weight:400;color:#f3bc49}.contact_button{font-family:Jersey,sans-serif;font-size:1.4vw;font-weight:550;color:#000;background-color:#fff;border:2px solid #BDBDBD;padding:.75rem 1.5rem;cursor:pointer;border-radius:10px;transition:all .2s ease-in-out}.contact_button:hover{background-color:#fff;color:#002034;border:1px solid #002034}@media (max-width: 768px){.home_nav{padding:3.5rem 4rem}.home_nav .logo{font-size:6vw}.contact_button{font-size:3vw;padding:.5rem 1rem}}@media (max-width: 425px){.home_nav{padding:3.5rem 2rem}.home_nav .logo{font-size:10vw}.contact_button{font-size:5vw;padding:.5rem 1rem}}.portfoliopage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:relative;overflow:hidden}.swiper-button-prev,.swiper-button-next{color:#fc0000;position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center}.all-projects{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;overflow:hidden;bottom:0;font-family:Jersey;font-size:2.85rem;padding:.1rem 2rem;gap:1rem;border-top-left-radius:20px;border-top-right-radius:20px;border-top:3px solid #8a8a8a;border-left:3px solid #8a8a8a;border-right:3px solid #8a8a8a;cursor:pointer}.all-projects img{width:60px}@media (max-width:768px){.all-projects{font-size:1.9rem;padding:.4rem 1.5rem}.all-projects img{width:40px}}@media (max-width:425px){.all-projects{font-size:1.5rem;padding:.6rem 2rem;top:0;bottom:auto;border-radius:0 0 15px 15px;border-bottom:3px solid #8a8a8a;border-top:none}.all-projects img{width:30px;rotate:180deg}}.navbar{display:flex;align-items:center;justify-content:center;width:100%;height:auto;position:fixed;top:0;left:0;z-index:100;padding:0 2rem}.nav_container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:auto;height:auto;background-color:#fff;border-bottom:3px solid rgb(156,156,156);border-left:3px solid rgb(156,156,156);border-right:3px solid rgb(156,156,156);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.6rem 2rem;border-bottom-left-radius:15px;border-bottom-right-radius:15px;gap:2.5rem}.nav_container img.active{filter:brightness(1.5);transform:scale(1.1)}.nav_container .nav-link{display:flex;align-items:center;justify-content:center;position:relative}.nav_container img{width:24px;height:24px;cursor:pointer;transition:all .2s ease-in-out}.nav_container img:hover{transform:scale(1.1);filter:brightness(1.2)}.tooltip{position:absolute;bottom:0;left:30px;background:#000000eb;color:#fff;border:2px solid rgb(68,79,93);padding:5px 10px;border-radius:5px;font-family:Sora;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;z-index:101}.nav-link:hover .tooltip{opacity:1;visibility:visible}.tooltip:after{content:"";position:absolute;top:50%;left:-12px;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent rgb(19,19,19) transparent transparent}@media (max-width: 768px){.nav_container{padding:.5rem 2rem;border-bottom-left-radius:10px;border-bottom-right-radius:10px;gap:2rem}.nav_container img{width:22px}.tooltip{bottom:-30px;left:50%;transform:translate(-50%);font-size:11px;padding:4px 8px}.tooltip:after{top:-10px;left:50%;margin-left:-5px;margin-top:0;border-color:transparent transparent rgba(0,0,0,.923) transparent}}@media (max-width: 425px){.navbar{bottom:0;top:auto;align-self:flex-end}.nav_container{padding:.5rem 1.5rem;border-radius:10px 10px 0 0;border-bottom:none;border-top:3px solid rgb(156,156,156);gap:2rem}.nav_container img{width:20px}.tooltip{top:-30px;bottom:auto;left:50%;transform:translate(-50%);font-size:10px;padding:3px 6px}.tooltip:after{top:auto;bottom:-10px;left:50%;margin-left:-5px;margin-top:0;border-color:rgba(0,0,0,.923) transparent transparent transparent}}.aboutpage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:relative;overflow:hidden}.aboutpage .heading h1{font-family:Jersey,sans-serif;font-size:4vw!important;font-weight:400;color:#f3bc49;margin-bottom:.5rem}.about-container{display:flex;flex-direction:row;row-gap:50px;column-gap:40px;width:90%;height:75%;position:relative;overflow-y:auto;padding:35px 50px 35px 55px;background-color:#0000005d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;border:2.5px solid rgba(255,255,255,.1);z-index:9;scrollbar-width:thin;scrollbar-color:#5e5e5e #33333300}.about-container::-webkit-scrollbar{width:8px;cursor:pointer}.about-container::-webkit-scrollbar-track{background:#3330;border-radius:10px;border:1.5px solid #333}.about-container::-webkit-scrollbar-thumb{background-color:#5e5e5e;border-radius:8px;border:2.5px solid #242424}.about-container::-webkit-scrollbar-thumb:hover{background-color:#555}.personal-info{display:flex;flex-direction:column;row-gap:10px;align-items:center;justify-content:center;width:30%;height:100%}.pfp{width:246.4px;height:278.3px;border-radius:15px;overflow:hidden;border:2px solid rgba(54,54,54,.5);background-image:url(/assets/pfp.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.my-name,.bio{font-family:Jersey,sans-serif;font-size:1.5vw;font-weight:400;color:#2a8bbc;background-color:#294f5386;width:100%;text-align:center;padding:10px;border-radius:10px;border:1px solid #4f4f4f}.resume{font-family:Jersey,sans-serif;font-size:1.5vw;font-weight:400;color:#000;background-color:#fff;width:100%;text-align:center;padding:10px;border-radius:10px;border:1px solid #4f4f4f;cursor:pointer;transition:all .3s ease}.resume:hover{background-color:#f3bc49;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.info{display:flex;flex-direction:column;row-gap:10px;align-items:center;justify-content:center;width:50%;height:100%}.description{font-family:Inter,sans-serif;font-size:1vw;font-weight:400;line-height:1.4;color:#fff;background-color:#294f5300;width:100%;height:75%;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:25px 25px 25px 30px;border-radius:10px;border:1px solid #4f4f4f;scrollbar-width:thin;scrollbar-color:#5e5e5e #33333300}.description p{margin-bottom:12px;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.description ul{list-style-type:none;padding-left:5px;margin-top:8px;display:grid;grid-template-columns:1fr 1fr;grid-gap:5px 10px}.description li{margin:5px 0;display:flex;align-items:center;position:relative;padding-left:16px}.description li:before{content:"•";position:absolute;left:0;color:#f3bc49;font-size:1.2em;margin-right:10px}.description li:hover{transform:translate(3px);color:#f3bc49;transition:all .2s ease}.description .emoji{margin-left:8px;font-size:1.1vw;transition:transform .3s ease}.description li:hover .emoji{transform:scale(1.2)}.more-info{font-family:Jersey,sans-serif;font-size:1.5vw;font-weight:400;background-color:#4c515200;width:100%;height:20%;text-align:center;padding:18px;border-radius:10px;border:1px solid #4f4f4f;display:flex;align-items:stretch;justify-content:space-between;gap:12px}.github{background-color:#24292e;color:#fff;font-family:Jersey,sans-serif;font-size:1.3vw;font-weight:400;display:flex;align-items:center;justify-content:center;padding:15px;border-radius:8px;border:1px solid #1b1f23;box-shadow:0 1px #1b1f231a;transition:all .2s ease;cursor:pointer;flex:1;height:100%;min-height:50px}.github:hover{background-color:#2c3136;transform:translateY(-1px);box-shadow:0 3px 6px #00000029}.github-icon{width:24px;height:24px;margin-right:10px}.all-projects-button{background-color:#f3bc49;color:#000;font-family:Jersey,sans-serif;font-size:1.4vw;font-weight:400;display:flex;align-items:center;justify-content:center;padding:15px;border-radius:8px;border:1px solid #e0ac43;box-shadow:0 1px #1b1f231a;transition:all .2s ease;cursor:pointer;flex:1;height:100%;min-height:50px}.all-projects-button:hover{background-color:#f5cc6b;transform:translateY(-1px);box-shadow:0 3px 6px #00000029}.skills{display:flex;flex-direction:column;row-gap:15px;align-items:flex-start;justify-content:flex-start;width:40%;height:100%;overflow-y:auto;padding:20px;background-color:#0000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;border:1px solid #4f4f4f;scrollbar-width:thin;scrollbar-color:#5e5e5e #33333300}.skills::-webkit-scrollbar{width:8px;cursor:pointer}.skills::-webkit-scrollbar-track{background:#3330;border-radius:10px;border:1.5px solid #333}.skills::-webkit-scrollbar-thumb{background-color:#5e5e5e;border-radius:8px;border:2.5px solid #242424}.skills::-webkit-scrollbar-thumb:hover{background-color:#555}.skills h2{font-family:Jersey,sans-serif;font-size:1.5vw;font-weight:400;color:#f3bc49;margin-bottom:10px;width:100%;text-align:left}.skills-category{width:100%;margin-bottom:15px}.skills-category h3{font-family:Jersey,sans-serif;font-size:1.2vw;font-weight:400;color:#2a8bbc;margin-bottom:8px;padding-left:8px;border-left:3px solid #2A8BBC}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background-color:#23232399;border:1px solid #4f4f4f;border-radius:8px;padding:10px;transition:all .3s ease;cursor:pointer;width:60px;height:60px;overflow:visible}.skill-item:hover{transform:translateY(-3px);box-shadow:0 3px 10px #0000004d;background-color:#2d2d2dcc}.skill-item img{max-width:40px;max-height:40px;width:auto;height:auto;object-fit:contain;display:block}.skill-item .tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#000000eb;color:#fff;border:2px solid rgb(68,79,93);padding:5px 10px;border-radius:5px;font-family:Sora;font-size:12px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;display:flex;align-items:center;justify-content:center;width:auto;height:25px;z-index:101}.skill-item:hover .tooltip{opacity:1;visibility:visible}.skill-item .tooltip:after{position:absolute;top:130%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgb(68,79,93) transparent transparent transparent}@media (max-width: 768px){.aboutpage .heading h1{font-size:3.5vw!important}}@media (max-width: 480px){.aboutpage .heading h1{font-size:5vw!important}}.description strong{color:#f3bc49;font-weight:500;letter-spacing:.02em}.description p:first-child{border-left:3px solid #F3BC49;padding-left:10px;margin-left:-15px}.description p:nth-child(4){position:relative;font-weight:500;margin-bottom:10px}.description::-webkit-scrollbar{width:8px;cursor:pointer}.description::-webkit-scrollbar-track{background:#3330;border-radius:10px;border:1.5px solid #333}.description::-webkit-scrollbar-thumb{background-color:#5e5e5e;border-radius:8px;border:2.5px solid #242424}.description::-webkit-scrollbar-thumb:hover{background-color:#555}.description{scrollbar-width:thin;scrollbar-color:#5e5e5e #33333300}@media (max-width: 1200px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.about-container{flex-direction:column;height:auto;max-height:75vh;padding:20px;overflow-y:auto}.personal-info,.info,.skills{width:100%;margin-bottom:20px}.personal-info{flex-direction:column;align-items:center}.pfp{width:240px;height:270px}.my-name,.bio,.resume{font-size:2.5vw}.description{font-size:1.6vw;padding:15px}.skills{height:auto;max-height:none;overflow-y:visible}}@media (max-width: 768px){.aboutpage .heading h1{font-size:4vw!important;margin-bottom:10px;text-align:center}.about-container{padding:20px 25px;max-height:78vh;overflow-y:auto}.pfp{width:200px;height:225px;margin-bottom:10px}.my-name,.bio,.resume{font-size:3vw;width:100%;max-width:300px;text-align:center}.description{font-size:2vw;padding:12px}.more-info{padding:12px;flex-direction:row;gap:8px}.github,.all-projects-button{font-size:2.5vw;padding:10px}.skills-grid{grid-template-columns:repeat(5,1fr);gap:12px}.skill-item{width:50px;height:50px;padding:8px}.skill-item img{max-width:30px;max-height:30px}.skills h2{font-size:3vw;margin-bottom:10px}.skills-category h3{font-size:2.5vw;margin-bottom:6px}.skill-item .tooltip{top:-35px;font-size:10px}}@media (max-width: 480px){.aboutpage{padding:10px 0}.aboutpage .heading h1{font-size:6vw!important;text-align:center;width:100%;margin-bottom:5px}.about-container{padding:18px 20px;width:95%;max-height:80vh;border-radius:12px;row-gap:15px;column-gap:15px}.pfp{width:180px;height:202px;border-radius:10px}.my-name,.bio,.resume{font-size:4vw;padding:8px;margin-bottom:5px;border-radius:8px}.description{font-size:3.2vw;padding:10px;max-height:200px}.description ul{grid-template-columns:1fr}.more-info{padding:8px;flex-direction:column;gap:8px;height:auto}.github,.all-projects-button{font-size:3.5vw;padding:8px;width:100%}.skills h2{font-size:5vw;text-align:center}.skills-category h3{font-size:4vw}.skills-grid{grid-template-columns:repeat(3,1fr);gap:8px}.skill-item{width:45px;height:45px;padding:6px}.skill-item img{max-width:28px;max-height:28px}.skill-item .tooltip{display:none}}@media (max-width: 380px){.about-container{padding:10px;max-height:82vh}.pfp{width:150px;height:170px}.my-name,.bio,.resume{font-size:5vw;padding:6px}.description{font-size:3.8vw;padding:8px;max-height:180px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:6px}.skill-item{width:40px;height:40px;padding:5px}.skill-item img{max-width:24px;max-height:24px}}@media (max-height: 500px) and (orientation: landscape){.aboutpage{height:auto;min-height:100vh;padding:60px 0 20px}.about-container{height:auto;max-height:none;margin-bottom:20px}.pfp{width:100px;height:120px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (min-height: 800px) and (max-width: 480px){.aboutpage{padding-top:60px}.about-container{max-height:75vh}}@media (min-width: 769px) and (max-width: 1200px){.skill-item .tooltip{top:-35px;padding:4px 8px;font-size:11px}}@media (hover: none) and (pointer: coarse){.about-container,.description,.skills{-webkit-overflow-scrolling:touch}}.contactpage{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;min-height:100vh;position:relative;overflow:hidden}.contactpage form{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:2rem}.heading_container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:60%;height:auto}.contactpage_container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;z-index:10}.heading_container h1{font-family:Jersey,sans-serif;font-size:6.5vw;font-weight:400;color:#f3bc49;margin-bottom:2rem}.contactpage_container_form{display:flex;flex-direction:row;align-items:center;justify-content:center;width:60%;height:auto;background-color:#00000048;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3.5rem;border-radius:20px;gap:2rem;border:1px solid rgba(255,255,255,.1)}.message_container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;height:auto;gap:1.5rem}.contact_details{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;height:auto;gap:2rem}.contact_details input{width:100%;background:#29868648;border:2px solid rgba(255,255,255,.1);padding:1rem;border-radius:10px;color:#fff;font-family:Jersey,sans-serif;font-size:1.5vw}.contact_details input::placeholder{color:#2a8bbc;font-weight:500;font-size:1.5vw;font-family:Jersey,sans-serif}.socials{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:auto;gap:3rem}.socials img{width:45px;height:auto;cursor:pointer;transition:all .2s ease-in-out}.socials img:hover{transform:scale(1.1);filter:brightness(.8)}.contactpage_container_form textarea{width:100%;height:250px;background:#29868648;border:2px solid rgba(255,255,255,.1);padding:1rem;border-radius:10px;color:#fff;font-family:Jersey,sans-serif;font-size:1.5vw;resize:none}.contactpage_container_form textarea::placeholder{color:#2a8bbc;font-weight:500;font-size:1.5vw;font-family:Jersey,sans-serif}.contactpage_container_form button{background-color:#f3bc49;border:2px solid #362500;color:#362500;padding:.8rem 3rem;border-radius:10px;cursor:pointer;border:none;font-family:Jersey,sans-serif;font-size:1.5vw;font-weight:550;transition:all .2s ease-in-out;width:100%}.contactpage_container_form button:hover{transform:scale(1.05);background-color:#fff}@media (max-width: 1024px){.heading_container{width:80%}.heading_container h1{font-size:8vw}.contactpage_container_form{width:80%}.contact_details input,.contact_details input::placeholder,.contactpage_container_form textarea,.contactpage_container_form textarea::placeholder{font-size:2.5vw}.contactpage_container_form button{font-size:2.5vw}.socials{gap:2rem}.socials img{width:40px}}@media (max-width: 768px){.heading_container{width:80%}.contactpage form{flex-direction:column}.contactpage_container_form{width:80%;padding:2rem;flex-direction:column}.contact_details{gap:1rem;width:100%}.message_container{width:100%}.contactpage_container h1{font-size:11vw}.contactpage_container_form button{font-size:3vw}.contactpage_container_form textarea{height:auto}.contact_details input,.contact_details input::placeholder,.contactpage_container_form textarea,.contactpage_container_form textarea::placeholder{font-size:3vw}}@media (max-width: 425px){.contactpage_container_form{width:90%;padding:1.5rem}.contactpage_container h1{font-size:18vw}.contactpage_container_form button{font-size:5vw}.socials{order:10;gap:1rem}.socials img{width:45px}.contact_details input,.contact_details input::placeholder,.contactpage_container_form textarea,.contactpage_container_form textarea::placeholder{font-size:5vw}}.success-popup{position:fixed;top:20px;right:20px;background-color:#ffffffe6;color:#000;padding:1rem 2rem;border-radius:10px;font-family:Jersey,sans-serif;font-size:1.2vw;animation:slideIn .3s ease-out;z-index:1000;border:2px solid rgba(177,177,177,.1)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.success-popup{font-size:3vw}}@media (max-width: 425px){.success-popup{font-size:4vw;top:auto;bottom:80px}}.project-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:relative;overflow:hidden}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:44px;height:44px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.swiper-button-prev:hover,.swiper-button-next:hover{transform:scale(1.1)}.swiper-button-prev img,.swiper-button-next img{width:40px}.swiper-button-prev{left:10px}.swiper-button-next{right:10px}@media (max-width:425px){.swiper-button-prev,.swiper-button-next{width:37px;height:37px}}.portfolioproject{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:0 20px;width:100vw;height:100vh}.project-bg{width:100%;height:100%;object-fit:cover;z-index:0;filter:blur(10px);position:absolute;opacity:.3}.project-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:80vw;height:90vh;padding:0 20px;opacity:1;z-index:5;gap:1rem}.project-link{display:flex;align-items:center;justify-content:flex-start;width:100%}.project-link button{font-family:Jersey,sans-serif;font-size:1.4vw;font-weight:550;color:#002034;background-color:#2a8bbb;border:2px solid #21506D;padding:.9rem 2rem;margin-top:2rem;cursor:pointer;border-radius:10px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.8rem}.project-link button:hover{background-color:#fff;color:#002034;border:1px solid #002034}.project-link button img{width:2.4rem}.project-content h1{font-family:Jersey,sans-serif;font-size:6.5vw;font-weight:400;color:#f3bc49;margin-bottom:2rem}.project-name,.project-overview,.role,.tech{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:2rem;margin-right:10rem}.project-content h2{font-family:Jersey,sans-serif;font-size:2.1vw;font-weight:200;color:#fff;margin-bottom:2rem;padding:.5rem}.project-content p{font-family:JetBrains Mono,monospace;font-size:1.4vw;font-weight:400;color:#b3b3b3;margin-bottom:2rem}@media (max-width:768px){.project-content{width:90vw;height:90vh;gap:0rem}.project-content h1{font-size:10vw}.project-content h2{font-size:4vw;margin-bottom:.5rem}.project-content p{font-size:2.6vw;padding:.5rem}.project-link button{font-size:3.5vw;padding:.8rem 2rem}.project-overview,.role,.tech{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0rem}}@media (max-width:425px){.project-content{width:85vw;height:90vh;gap:0rem}.project-content h1{font-size:14vw}.project-content h2{font-size:8vw;margin-bottom:.5rem}.project-content p{font-size:3.5vw;padding:0 .5rem}.project-link button{font-size:6.5vw;padding:.8rem 1.5rem}.project-link button img{width:2rem}.project-overview,.role,.tech{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0rem}}.allproject{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100vh;position:relative;overflow:hidden}.heading{display:flex;justify-content:flex-start;align-items:center;width:90%}.heading h1{font-family:Jersey,sans-serif;font-size:6.5vw;font-weight:400;color:#f3bc49;margin-bottom:2rem}.project-container{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(220px,auto);row-gap:50px;column-gap:50px;width:90%;height:60%;position:relative;overflow-y:auto;padding:30px 45px 30px 50px;background-color:#0000005d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;border:2.5px solid rgba(255,255,255,.1);z-index:9;scrollbar-width:thin;scrollbar-color:#5e5e5e #33333300}.project-container::-webkit-scrollbar{width:8px;cursor:pointer}.project-container::-webkit-scrollbar-track{background:#3330;border-radius:10px;border:1.5px solid #333}.project-container::-webkit-scrollbar-thumb{background-color:#5e5e5e;border-radius:8px;border:2.5px solid #242424}.project-container::-webkit-scrollbar-thumb:hover{background-color:#555}.project{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.heading h1{font-size:9vw;margin-bottom:2vw}.project-container{grid-template-columns:repeat(2,1fr);row-gap:40px;column-gap:40px;padding:20px 40px}}@media (max-width: 425px){.heading h1{font-size:12vw;margin-bottom:5vw}.project-container{grid-template-columns:1fr;height:auto;max-height:60vh;row-gap:30px;column-gap:30px;padding:20px 30px}}.project-card{background:#29868648;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:30px;border-radius:10px;opacity:1;box-shadow:0 4px 8px #0000001a;z-index:10;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;cursor:pointer}.project-card h2{font-family:Jersey,sans-serif;font-size:1.9vw;font-weight:400;color:#2a8bbc;margin-bottom:1rem}.project-card p{font-family:JetBrains Mono,monospace;font-size:1vw;font-weight:400;color:#949494;margin-bottom:1rem}.project-card div{font-family:JetBrains Mono,monospace;font-size:1vw;font-weight:400;color:#fff;align-self:flex-end}@media (max-width: 768px){.project-card{padding:30px 20px}.project-card h2{font-size:4vw}.project-card p,.project-card div{font-size:2vw}}@media (max-width: 425px){.project-card h2{font-size:8vw}.project-card p{font-size:4vw}.project-card div{font-size:3.5vw}}