.about-background-wrapper{position:relative;max-width:58rem;margin:auto}.about-background-wrapper:before{content:"";width:175%;height:250%;top:-50%;left:33%;position:absolute;z-index:1;background-color:#111;transform:rotate(20deg) translateX(-50%);opacity:.8;display:none}@media only screen and (min-width:800px){.about-background-wrapper:before{display:block}}.about-container{position:relative;line-height:2;margin-bottom:5rem;z-index:100}.about-container .about-content{position:relative;z-index:1;padding:2rem;background:rgba(17,17,17,.7);margin-top:2rem;border-radius:16px}@media only screen and (min-width:800px){.about-container .about-content{background:rgba(0,0,0,0)}}.about-container .about-content h2{font-size:4rem;text-transform:lowercase;font-weight:500;color:rgba(0,0,0,0);background:linear-gradient(90deg,#51D5BD,transparent 125%);-webkit-background-clip:text;background-clip:text;width:-moz-fit-content;width:fit-content;padding-bottom:3rem}.about-container .about-content h3{font-size:1.75rem;font-weight:100;color:#999;width:-moz-fit-content;width:fit-content;padding-right:5rem;margin-bottom:.5rem}.about-container .about-content .general{display:flex;flex-direction:column;font-weight:400;gap:2.5rem;font-weight:200}.about-container .about-content .general p:first-child{font-weight:400}.about-container .about-content .about-section{margin:5rem 0;display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media only screen and (min-width:520px){.about-container .about-content .about-section{grid-template-columns:2fr 1fr}}.about-container .about-content .techStack{font-weight:300}.about-container .about-content .techStack-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1rem;max-width:35rem;margin:auto}@media only screen and (min-width:520px){.about-container .about-content .techStack-icons{grid-template-columns:repeat(2,1fr)}}.about-container .about-content .techStack-icons div{aspect-ratio:1;width:6rem;display:flex;justify-content:center;align-items:center;background-color:#1f1f1f;border-radius:8px}.about-container .about-content .techStack-icons div img{object-fit:contain;width:100%;height:100%;padding:1rem}.contact-container{height:100%;margin:auto;position:relative;filter:drop-shadow(0 -15px 0 rgba(255,255,255,.2));z-index:1}@media only screen and (min-width:1140px){.contact-container{filter:drop-shadow(0 -15px 0 rgba(255,255,255,.2))}}.contact-container .content-container{background-color:#111;-webkit-clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);padding:5rem 2rem;display:flex;flex-direction:column;align-items:center}@media only screen and (min-width:1140px){.contact-container .content-container{-webkit-clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);padding:15rem 0 5rem}}.contact-container .contact-heading{text-align:center;background:linear-gradient(90deg,#51D5BD,#FFC300,transparent 110%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;padding:5rem 0 2.5rem}.contact-container .contact-heading h2{font-weight:500;font-size:4rem}.contact-container form{position:relative;width:100%;max-width:55rem;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-container form .emailName{display:flex;flex-wrap:wrap;width:100%}@media only screen and (min-width:520px){.contact-container form .emailName{flex-wrap:nowrap}}.contact-container form .input-group{width:100%;display:flex;flex-direction:column;padding:1rem}.contact-container form .input-group label{padding-bottom:.5rem}.contact-container form .input-group input,.contact-container form .input-group textarea{padding:1rem;border:1px solid #585858;border-radius:4px;font-size:1.6rem;font-family:Alber_Sans,sans-serif;background:#242424;color:#fff}.contact-container form .input-group input:focus,.contact-container form .input-group textarea:focus{outline:2px solid #51d5bd;outline-offset:2px}.contact-container form .input-group input::placeholder,.contact-container form .input-group textarea::placeholder{opacity:.4}.contact-container form .input-group textarea{min-height:20rem;min-width:20rem;max-width:100rem}.contact-container .btn-contact{margin:3rem 0 0;font-size:1.75rem}.btn{position:relative;font-size:1.75rem;text-transform:lowercase;padding:2rem 4rem;max-width:-moz-fit-content;max-width:fit-content;border-radius:8px;font-weight:700;border:none;background-color:rgba(0,0,0,0);color:#f4f4f4;cursor:pointer;transition:all .2s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;pointer-events:none}.btn:before{content:"";position:absolute;inset:0;border-radius:8px;padding:4px;background:linear-gradient(90deg,#51D5BD,#FFC300,#51D5BD);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:200% 100%;background-position:0 50%;transition:all .5s ease}.btn:hover{transform:translateY(-2px)}.btn:hover:before{filter:brightness(1.5);background-position:100% 50%}.btn.pending{filter:hue-rotate(90deg)}.btn.pending span{opacity:.5}.btn.pending:before{pointer-events:none;animation:border-spin 1.5s linear infinite}@keyframes border-spin{0%{background-position:0 50%}to{background-position:200% 50%}}footer{position:relative;bottom:0;width:100%;margin:auto;z-index:100;font-size:1.5rem;background-color:#111;padding-top:10rem}footer .backToTop{display:flex;justify-content:center;align-items:center;gap:1rem;transition:all .5s;width:-moz-fit-content;width:fit-content;margin:auto;background:linear-gradient(90deg,#fff 0 50%,#FFC300 50%,#51D5BD);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);background-size:200%;background-position:0}footer .backToTop:hover{background-position:100%}footer .backToTop:hover .arrowUp{transform:scale(1.2)}footer .backToTop .arrowUp{color:#fff;cursor:pointer;transition:all .5s}footer .footer-content{font-size:1.25rem;color:#aaa;max-width:125rem;margin:auto;padding:2.5rem 2rem 2rem;display:flex;justify-content:space-between;flex-wrap:wrap}footer .footer-content .withLove{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}footer .footer-content .copyright{display:flex;align-items:center;gap:.5rem;margin:auto}footer .footer-content a{font-size:2rem;display:flex;align-items:center}footer .footer-content a :hover{cursor:pointer;color:#ffc300}.hero-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap-reverse;padding:3rem;position:relative;max-width:70rem;margin:auto;height:calc(100dvh - 25rem);min-height:55rem;max-height:100rem}@media only screen and (min-width:1140px){.hero-container{flex-wrap:nowrap;width:90%;max-width:125rem}}.hero-container .hero-portrait{width:60%;max-width:45rem;min-width:25rem;mix-blend-mode:hard-light;opacity:70%;transform:translateY(15%)}@media only screen and (min-width:1140px){.hero-container .hero-portrait{max-width:60rem;position:absolute;right:2rem;bottom:-8rem;z-index:5;transform:translateY(25%) rotate(-8deg);z-index:1}}.hero-container--text{position:relative;z-index:1;width:100%;display:flex;flex-direction:column}@media only screen and (min-width:1140px){.hero-container--text{margin-top:12.5%}}.hero-container--text h1{font-family:Average_Sans,sans-serif;text-align:left;font-weight:700;letter-spacing:clamp(1px,10vw,5px);font-size:clamp(2rem,10vw,6rem)}@media only screen and (min-width:1140px){.hero-container--text h1{text-align:left}}.hero-container--text h1 span{background:linear-gradient(90deg,#51D5BD 15%,#FFC300 65%,transparent 105%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero-container--text .sub-heading{align-self:center;font-size:clamp(1rem,5vw,2.5rem);display:flex;width:100%;max-width:50rem;flex-direction:column;justify-content:space-evenly}@media only screen and (min-width:1140px){.hero-container--text .sub-heading{width:50%;align-self:flex-start}}.hero-container--text .sub-heading p{margin-bottom:4rem}.navbar{width:90%;margin:auto;min-height:7rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100}.navbar .nav-logo{max-width:15rem}.navbar .flex-navigation{width:50%;display:none;justify-content:space-between;list-style-type:none;font-size:2rem;font-weight:500}@media only screen and (min-width:1140px){.navbar .flex-navigation{display:flex}.navbar .hamburger{display:none}}.navbar .hamburger .hamburger-content{width:-moz-fit-content;width:fit-content;position:relative;z-index:100}.navbar .hamburger .hamburger-content .bar{display:block;background-color:#fff;border-radius:5px;width:4rem;height:4px;transform-origin:center;z-index:100;transition:all .4s ease-in-out}.navbar .hamburger .hamburger-content .bar:not(:last-child){margin-bottom:1rem}.navbar .hamburger .hamburger-content .bar:first-child{top:0}.navbar .hamburger:has(div[data-state=open]) .bar:first-child{transform:rotate(45deg) translate(1rem,1rem)}.navbar .hamburger:has(div[data-state=open]) .bar:nth-child(2){opacity:0}.navbar .hamburger:has(div[data-state=open]) .bar:last-child{transform:rotate(-45deg) translate(1rem,-1rem)}.navbar .hamburger .hamburger-close{position:absolute;top:12px;right:5%;opacity:0;width:4rem;height:4rem}.navbar .hamburger:has(.hamburger-close:focus-visible) .hamburger-content{outline:2px solid #138ef9;outline-offset:2px}@starting-style{.navbar .hamburger .toggle-menu{transform:translateY(-50%)}}.navbar .hamburger .toggle-menu{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;transition:all .3s ease-in-out;transform:translateY(0);z-index:50;opacity:1}@media only screen and (min-width:1140px){.navbar .hamburger .toggle-menu{display:none}}.navbar .hamburger .toggle-menu:before{position:absolute;content:"";width:100vw;height:100%;background-color:#111;opacity:.95}.navbar .hamburger .toggle-menu .toggle-menu-content{list-style-type:none;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:2rem;left:50%;height:80vh;transform:translateX(-50%);font-size:4rem}.navbar .hamburger .toggle-menu .toggle-menu-content a{text-align:left}.navbar .hamburger .show-toggle-menu{transform:translateY(0);visibility:visible;opacity:1}li{font-family:Average_Sans,sans-serif;text-transform:lowercase;color:inherit;text-decoration:none}li:hover{color:#ffc300}@keyframes fadeIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.nav-overlay[data-state=open],.toggle-menu[data-state=open]{animation:fadeIn .3s ease-out}.nav-overlay[data-state=closed],.toggle-menu[data-state=closed]{animation:fadeOut .3s ease-in}.card-container{position:relative;width:45rem;min-height:35rem;min-width:25rem;margin:auto;transition:all .4s ease-in-out;overflow:hidden}.card-container:focus-within .card-links,.card-container:hover .card-links{transform:translateY(0);opacity:1}.card-container .img-wrapper{position:absolute;inset:0}.card-container .img-wrapper img{border-radius:10px;border:2px solid var(--project-color);width:100%;height:100%;object-fit:cover}.card-container .card-description{position:absolute;z-index:3;bottom:0;left:0;width:100%;height:66%;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;line-height:1.8;border-radius:8px;background:linear-gradient(0deg,#111 33%,transparent)}.card-container .card-description h3 span{font-weight:100;font-size:.9em}.card-container .card-description a{text-decoration:none;font-weight:700;color:#51d5bd;text-align:right}.card-container .card-tech{position:absolute;right:0;height:100%;display:flex;flex-direction:column;align-items:flex-end;gap:2rem;padding:2rem 1rem;background:linear-gradient(270deg,#111,transparent)}.card-container .card-tech span{position:relative;z-index:4;width:-moz-fit-content;width:fit-content;padding:.5rem 1rem;background-color:rgba(24,24,24,.8);border-radius:4px;border:1px solid var(--project-color)}.card-container .card-links{position:absolute;inset:0;top:-1px;z-index:4;width:100%;height:calc(100% + 1px);font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;background:rgba(17,17,17,.8);transform:translateY(-10%);opacity:0;transition:all .3s ease}.card-container .card-links :is(span,a){display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.5rem;color:#ccc}.card-container .card-links :is(span,a):hover{color:#fff;text-shadow:0 0 1px #fff}.card-container .card-links :is(span,a).disabled{pointer-events:none;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.work-container{position:relative;z-index:2;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 15px 0 rgba(255,255,255,.2)) drop-shadow(0 -15px 0 rgba(255,255,255,.2))}.work-container .content-container{position:relative;z-index:1;background-color:#111;-webkit-clip-path:polygon(0 7%,100% 0,100% 100%,0 93%);clip-path:polygon(0 7%,100% 0,100% 100%,0 93%);padding:15rem 2rem 20rem;width:100%}@media only screen and (min-width:1140px){.work-container .content-container{-webkit-clip-path:polygon(0 25%,100% 0,100% 100%,0 80%);clip-path:polygon(0 25%,100% 0,100% 100%,0 80%);padding:30rem 0}}.work-container .work-heading-container{max-width:110rem;display:flex;justify-content:space-evenly;align-items:center;margin:auto auto 2rem;position:relative;z-index:2}.work-container .work-heading-container h2{font-size:4rem;text-transform:lowercase;padding:2rem 0;font-weight:500;color:rgba(0,0,0,0);background:linear-gradient(90deg,#FFC300,transparent 125%);-webkit-background-clip:text;background-clip:text}.work-container .github-container{max-width:100rem;margin:auto;position:relative;display:flex;flex-wrap:wrap;gap:6rem;padding-bottom:4rem}