nav{font-family:Poppins;max-width:940px;margin:0 auto}nav .default{display:flex;justify-content:center;gap:4rem;list-style-type:none;background-color:#fff;max-width:960px;margin:0 auto;margin:2rem auto;padding:1rem;border-radius:2rem}nav .default a{color:#000;opacity:.7;font-weight:400;transition:all .3s}nav .default .active{opacity:1;font-weight:500;text-decoration:underline}nav .mobile{display:flex;justify-content:flex-end;margin-bottom:2rem}@media screen and (max-width: 916px){nav .mobile{margin-bottom:0rem}}nav .mobile .hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:75px;height:75px;border-radius:100%;cursor:pointer;right:5px}nav .mobile .hamburger .line{width:50%;height:2px;background:#fff;position:relative;transition:all .3s;transform-origin:center}nav .mobile .open{position:absolute;z-index:1000;top:35px}nav .mobile .open .line-1{rotate:-45deg;top:-10px}nav .mobile .open .line-2{display:none}nav .mobile .open .line-3{rotate:45deg;top:-20px}@media screen and (min-width: 960px){nav .mobile{display:none!important}nav .menu{display:none!important}}@media screen and (max-width: 960px){nav .default{display:none}nav .menu{position:absolute;z-index:100;width:100%;background-color:#000;top:0;left:0;height:100dvh;transition:all .1s;transform-origin:center}nav .menu a{color:#f5f5f5;opacity:.7}nav .menu .active{opacity:1;font-weight:500}nav .menu .menu-inner{display:grid;height:100vh;place-items:center}nav .menu .menu-inner ul{list-style-type:none;display:grid;gap:4rem;font-size:2rem;font-style:italic;position:relative;right:20px}}main{display:grid;max-width:960px;margin:0 auto}main h1,main h2{font-family:Bebas Neue,sans-serif}main p,main button{font-family:Poppins}.about{display:grid;gap:2.5rem;max-width:960px}.about-1{display:flex;align-items:center;background:#ffffff69 url(/abstract-3.png);background-blend-mode:difference;background-repeat:no-repeat;background-size:180%;background-position:center;background-attachment:local;position:relative;box-shadow:0 8px 32px #50505a5e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,.18);justify-content:space-around;width:100%;padding-bottom:.5rem;gap:2rem}.about-1 .bannerImg{max-width:18.5%;position:relative}.about-1 .about-1-header{display:flex;flex-direction:column}.about-1 .about-1-header-1{display:flex;flex-direction:column;padding:2rem 0}.about-1 .about-1-header-1 h1{font-size:6rem;text-shadow:2px 2px 5px black}.about-1 .about-1-header-1 a{text-decoration:underline;font-family:monospace;font-size:1.6rem;font-family:Patua One,serif;text-shadow:1px 1px 5px black}.about-1 .about-1-header-2{display:flex;gap:1rem;align-self:flex-end;position:relative;right:-90px}.about-1 .about-1-header-2 img{width:35px;opacity:.9}@media screen and (max-width: 960px){.about-1{flex-direction:column;align-items:flex-start;gap:2.5rem;height:45dvh;width:92%;padding:1rem 2.3rem 0 2rem;overflow:hidden;position:relative;background-size:450%;background-position:top}.about-1 .bannerImg{max-width:40%;order:2;position:relative;top:-40px;left:40px;align-self:flex-end;z-index:-2}.about-1 .about-1-header .about-1-header-1{padding:0;order:2}.about-1 .about-1-header h1{font-size:4.5rem}.about-1 .about-1-header .about-1-header-2{position:relative;right:80px;margin:1rem 0;z-index:-2}}@media screen and (max-width: 800px){.about{width:95%}}@media screen and (max-width: 700px){.about{width:92%}}@media screen and (max-width: 650px){.about{width:89%}}@media screen and (max-width: 500px){.about{width:85%}}@media screen and (max-width: 450px){.about{width:82%}}@media screen and (max-width: 400px){.about{width:79%}}@media screen and (max-width: 600px){.about .bannerImg{max-width:60%;position:relative;top:-50px}}.about h2{font-size:2.25rem}.about-2,.about-3,.about .divide{width:100%}.about .divide{height:5px;background:linear-gradient(90deg,#000,#1d1d1d,#ffffff70);border-radius:3rem}.about-2,.about-3{display:grid;gap:1rem}.about-2 p,.about-3 p{line-height:2.5rem}.socials-linktree{display:grid;place-items:center;gap:3rem}@media screen and (max-width: 650px){.socials-linktree{margin-top:3rem;gap:5rem}}.socials-linktree button{width:220px;height:70px;font-size:1.1rem;display:flex}.socials-linktree button span{display:flex;justify-content:space-evenly;align-items:center;gap:2rem}.socials-linktree button img{width:40px;height:40px}@media screen and (max-width: 600px){.socials-linktree button{width:200px;height:50px;font-size:1rem}}@media screen and (max-width: 500px){.socials-linktree button img{width:30px;height:30px;justify-self:flex-start}}.contact{font-family:Poppins}.contact .contact-content{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-evenly;gap:4rem;margin-bottom:4rem}@media screen and (max-width: 916px){.contact .contact-content{grid-template-columns:repeat(1,1fr)}.contact .contact-content .contact-content-1{display:none}}.contact .contact-content .contact-content-2 form{display:grid;gap:1rem}.contact .contact-content .contact-content-2 form .input-container{position:relative;display:flex;flex-direction:column;background:transparent}.contact .contact-content .contact-content-2 form .input-container:focus-within label{transform:translateY(10px) scale(.8);color:#0a53e4}.contact .contact-content .contact-content-2 form .input-container .filled{transform:translateY(10px) scale(.8)}.contact .contact-content .contact-content-2 form .input-container label{position:absolute;pointer-events:none;transform:translateY(15px) scale(1);transform-origin:top left;transition:.2s cubic-bezier(0,0,.2,1) 0ms;color:#2529319b;font-size:16px;line-height:1;left:16px}.contact .contact-content .contact-content-2 form .input-container input{border:none;font-family:Poppins;padding:24px 16px 4px;line-height:1;height:40px;outline:none;box-shadow:none;transition:.2s cubic-bezier(0,0,.2,1) 0ms;font-size:1rem;border-radius:.5rem}.contact .contact-content .contact-content-2 form .input-container textarea{overflow:auto;word-break:break-word;border-radius:.5rem;padding-left:.9rem;padding-top:2rem;font-family:Poppins;font-size:1rem}.contact .contact-content .contact-content-2 form .input-container input:focus{box-shadow:0 0 0 2px #79b1ff}.contact .contact-content .contact-content-2 form button{margin-top:3rem;width:40%;height:49px}@media screen and (max-width: 916px){.contact .contact-content .contact-content-2 form button{width:45%}}.contact .contact-content .error{color:red;font-size:.875rem}.contact .contact-content .contact-content-2:has(.error){position:relative;bottom:30px}.project-cards{display:grid;gap:3rem;font-family:Poppins}.project-cards .project-card{display:grid;align-items:start;grid-template-columns:repeat(2,1fr);border-radius:1rem;padding:3rem 2rem;width:100%;box-sizing:border-box;box-shadow:#3c404366 0 1px 2px,#3c404326 0 1px 3px 1px}@media screen and (max-width: 916px){.project-cards .project-card{grid-template-columns:repeat(1,1fr);width:100%;gap:2rem;padding:3rem 1rem}.project-cards .project-card .project-content{padding:0 1rem}.project-cards .project-card .project-content p{width:100%}}.project-cards .project-card img[alt="banner img"]{width:200px;position:relative;bottom:20px}.project-cards .project-card .project-content{display:flex;flex-direction:column;gap:3rem}.project-cards .project-card .project-content .project-details{display:grid;gap:1rem}.project-cards .project-card .project-content .project-details p{line-height:2rem}.project-cards .project-card .project-content .project-details h3{font-family:Poppins}.project-cards .project-card .project-content .project-actions{display:flex;gap:2rem}@media screen and (max-width: 916px){.project-cards .project-card .project-content .project-actions{flex-direction:column}}.project-cards .project-card .project-content .project-actions a[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:default}.project-cards .project-card .project-content .project-actions a[aria-disabled=true] button{pointer-events:none;cursor:default}.project-cards .project-card .project-content .project-actions button{display:flex;margin:0 auto;width:100%}@media screen and (max-width: 916px){.project-cards .project-card .project-content .project-actions button{width:80%}}.project-cards .project-card .project-content .project-actions button span{display:flex;align-items:center;gap:1rem}.project-cards .project-card .project-content .project-actions button span img{width:30px}@media screen and (max-width: 916px){.project-cards .project-card .project-content .project-actions button span img{width:30px}}footer{background-color:#00000050;color:#fff;text-align:center;padding:1.5rem 0;width:100%;margin-top:7rem;font-family:Poppins;position:absolute;right:0;left:0;bottom:0}:root{--light-black: #1d1d1d}*{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;-webkit-tap-highlight-color:rgba(0,0,0,.001)}a{text-decoration:none;color:#fff}a,button{cursor:pointer;font-family:Poppins}html{height:100%}body{background:linear-gradient(45deg,black,var(--light-black)) no-repeat center center fixed;width:100%;min-height:100%;position:relative;color:#fff;margin:1rem 0 0;overflow-x:hidden}.no-scroll{overflow:hidden}.about,.contact,.socials,.projects{display:flex;flex-direction:column;gap:3rem;margin:1.5rem 1rem}.about h1,.contact h1,.socials h1,.projects h1{font-size:2.5rem;justify-self:end}@media screen and (max-width: 916px){.about,.contact,.socials,.projects{margin-top:1.7rem}.about h1,.contact h1,.socials h1,.projects h1{font-size:2.3rem}}.button-gradient-radius,.button-gradient-radius-img{padding:.5em 2em;border:none;background-color:#000;color:#fff;border-radius:1000px;position:relative;display:flex;justify-content:center;align-items:center;width:15%;font-size:1rem;transition:all .5s;width:-moz-max-content;width:max-content;box-shadow:#000c 0 2px 4px,#00000080 0 7px 13px -3px,#0006 0 -3px inset}.button-gradient-radius:active,.button-gradient-radius-img:active{box-shadow:none}.button-gradient-radius-img{display:flex;gap:1rem;color:#fff;width:40%}.button-gradient-radius-img img{width:30px;height:30px}.swal2-title{font-family:Poppins,Montserrat,sans-serif}body.swal2-shown>[aria-hidden=true]{transition:.1s filter;filter:blur(3px)}.swal2-modal{font-size:.85rem}.swal2-modal button{width:200px}@media (max-width: 768px){.swal2-modal{width:90vw}}@media (min-width: 769px) and (max-width: 1024px){.swal2-modal{width:80vw}}@media (min-width: 1025px){.swal2-modal{width:600px}}.swal2-container{background-color:#0000006d!important;width:100%!important}.swal2-toast{background-color:#000!important;color:#fff!important;width:20%!important;overflow:hidden;border:1px solid rgba(255,255,255,.756)!important;border-radius:.75rem!important}@media screen and (max-width: 800px){.swal2-toast{width:80%!important}}.swal2-actions button{width:50%!important}body::-webkit-scrollbar{width:.03125em;background-color:#000}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:#fff;outline:1px solid rgb(255,255,255);border-radius:.25rem}.lds-dual-ring,.lds-dual-ring:after{box-sizing:border-box}.lds-dual-ring{display:inline-block;width:80px;height:80px;margin-top:1rem}.lds-dual-ring:after{content:" ";display:block;width:60px;height:60px;margin:8px;border-radius:50%;border:6.4px solid currentColor;border-color:currentColor transparent currentColor transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not_found{display:grid;height:80dvh;place-items:center}.not_found div{display:grid;gap:2rem;place-items:center}.not_found div h1{font-size:4rem}@media screen and (max-width: 800px){.not_found div h1{font-size:3rem}}