@font-face{font-family:Space Grotesk Bold;src:url(../assets/fonts/SpaceGrotesk-Bold.woff2)}@font-face{font-family:Space Grotesk Medium;src:url(../assets/fonts/SpaceGrotesk-Medium.woff2)}body{background-color:#151515;color:#fff;width:100vw;height:auto;display:flex;flex-direction:column;margin:0;padding:0}img{max-width:100%;height:auto}ul{list-style:none}h1,h2,h3{font-family:Space Grotesk Bold}.hero{display:flex;flex-direction:column;margin-bottom:100px;padding:0 10px}.hero nav{display:flex;flex-direction:column;align-items:center;position:relative;left:0}.hero nav span{font-family:Space Grotesk Bold;font-size:24px;margin-top:20px}.hero nav ul{display:flex;flex-direction:row;gap:25px;padding:0;margin-top:20px}.hero nav ul li>a>img{width:20px}.hero img{width:174px;margin:0 auto}.hero .deco1{position:absolute;left:calc(100% + 70px);top:140px;z-index:-1;transform:scale(1.5)}.hero .deco2{position:absolute;transform:scale(.4);right:calc(50% - 187px);top:145px}.hero img[src*="oval.svg"]{display:none}.hero .hero-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-top:15px;margin-right:0}.hero .hero-content h1{font-size:28px;line-height:32px;margin-bottom:10px;margin-right:0}.hero .hero-content h1 span.underline{text-decoration:underline 2px #4EE1A0;text-underline-offset:4px}.hero .hero-content h1 br{display:none}.hero .hero-content p{font-family:Space Grotesk Medium;font-size:14px;line-height:22px;font-weight:500;color:#d9d9d9}.hero .oval-circle{position:absolute;width:129px;height:129px;border:2px solid #FFFFFF;border-radius:50%;right:340px;top:328px;pointer-events:none;z-index:5;opacity:1;background:transparent}.experience{display:flex;flex-direction:column;width:345px;border-style:solid none solid none;border-color:#fff;border-width:1px;padding:30px 0 20px;margin:auto auto 70px;position:relative}.experience ul{display:flex;flex-direction:column;text-align:center;margin:0;padding:0;gap:10px}.experience ul h3{font-weight:700;font-size:32px;line-height:40px;margin:0}.experience ul p{font-family:Space Grotesk Medium;font-weight:500;font-size:16px;color:#d9d9d9;margin-top:5px}.experience img{position:absolute;bottom:-65px;right:-260px;transform:rotate(180deg)}@media (max-width: 767px){.experience{width:100%;padding:20px 15px;margin-bottom:40px}.experience ul{text-align:left;gap:15px}.experience h3{font-size:24px;line-height:32px}.experience p{font-size:14px;line-height:22px}}.projects{display:flex;flex-direction:column;width:100vw}.projects .inline-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 15px}.projects .projects-container{display:flex}.projects .projects-container ul{display:flex;flex-direction:column;margin:0;padding:15px}.projects .projects-container ul li .project-image{width:345px}.projects .projects-container ul li h3{font-weight:700;font-size:24px;line-height:32px;margin:10px 0}.projects .projects-container ul li ul{display:flex;flex-direction:row;gap:20px;padding:0;margin-bottom:20px}.projects .projects-container ul li ul li{font-family:Space Grotesk Medium;color:#d9d9d9;font-size:18px;line-height:28px}.projects .projects-container ul li .buttons{display:flex;gap:30px;margin-bottom:40px}@media (max-width: 767px){.projects .inline-container{flex-direction:column;align-items:flex-start;gap:20px;padding:0 10px}.projects .inline-container h1{font-size:32px;line-height:40px}.projects .projects-container ul{padding:10px}.projects .projects-container ul li .project-image{width:100%}.projects .projects-container ul li h3{font-size:20px;line-height:28px}.projects .projects-container ul li ul{flex-direction:column;gap:10px}.projects .projects-container ul li ul li{font-size:14px;line-height:22px}.projects .projects-container ul li .buttons{flex-direction:column;gap:15px;margin-bottom:30px}.projects .projects-container ul li .buttons .btn{width:100%;text-align:center}}footer{display:flex;flex-direction:column;background-color:#242424;padding:50px 15px;text-align:center;position:relative;height:auto}footer h1{font-weight:700;font-size:40px;line-height:40px;margin:auto}footer p{font-family:Space Grotesk Medium;font-size:16px;font-weight:500;color:#d9d9d9;line-height:26px;margin-bottom:40px}footer form{display:flex;flex-direction:column;text-align:start;border-style:none none solid none;border-width:1px;padding-bottom:80px;margin-bottom:40px}footer form label{display:none}footer form input{background-color:#242424;border-style:none none solid none;border-color:#fff;border-width:1px;margin-top:30px;padding:0 0 20px 25px;font-family:Space Grotesk Medium;color:#fff}footer form input::placeholder{font-family:Space Grotesk Medium;font-size:16px;font-weight:500;color:#fff;opacity:50%;line-height:26px}footer form input:focus{outline:none;border-color:#4ee1a0}footer form input:active{border-color:#4ee1a0}footer form input:invalid:not(:placeholder-shown){border-color:#ff6f5b}footer form input:invalid:not(:placeholder-shown)+.error-message{display:block}footer form input:valid{border-color:#4ee1a0}footer form .error-message{color:#ff6f5b;font-size:12px;text-align:end;margin-top:5px;font-family:Space Grotesk Medium;display:none}footer form textarea{background-color:#242424;color:#fff;font-family:Space Grotesk Medium;border-style:none none solid none;border-color:#fff;border-width:1px;margin-bottom:30px;margin-top:30px;padding:0 0 0 25px}footer form textarea:focus{outline:none;border-color:#4ee1a0}footer form textarea:active{border-color:#4ee1a0}footer form .btn{background-color:#242424;align-self:flex-end}footer img.deco{position:absolute;left:0;bottom:280px;transform:rotate(180deg)}footer nav{display:flex;flex-direction:column;align-items:center}footer nav span{font-family:Space Grotesk Bold;font-size:24px;margin-top:20px}footer nav ul{display:flex;flex-direction:row;gap:25px;padding:0}@media (max-width: 767px){footer{padding:30px 10px}footer h1{font-size:32px;line-height:40px}footer p{font-size:14px;line-height:22px;margin-bottom:30px}footer form{padding-bottom:50px;margin-bottom:30px}footer form input{margin-top:20px;padding-left:15px}footer form input::placeholder{font-size:14px;line-height:22px}footer form textarea{margin-top:20px;padding-left:15px}footer form .btn{margin-top:20px}footer img.deco{display:none}footer nav span{font-size:20px}footer nav ul{gap:20px}footer nav ul li>a>img{width:18px}}@media (max-width: 480px){.hero .hero-content h1{font-size:24px;line-height:28px}.hero .hero-content p{font-size:12px;line-height:18px}.experience{padding:15px 10px}.experience ul{gap:10px}.experience h3{font-size:20px;line-height:28px}.experience p{font-size:12px;line-height:18px}.projects .inline-container h1{font-size:28px;line-height:36px}.projects .projects-container ul li h3{font-size:18px;line-height:24px}.projects .projects-container ul li ul li{font-size:12px;line-height:18px}footer h1{font-size:28px;line-height:36px}footer p{font-size:12px;line-height:18px}}@media (min-width: 768px){body{overflow-x:hidden}.hero{display:flex;width:100vw;padding:0 0 60px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;margin-left:25px;bottom:0;left:0;height:1px;width:93vw;background:#fff}.hero nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:auto;position:relative;left:0;margin:15px 25px}.hero nav span{font-size:32px;margin-top:0}.hero nav ul>li>a>img{width:24px;height:auto}.hero .hero-img{position:absolute;z-index:-1;width:322px;height:auto;right:-15px;top:-140px}.hero .deco1{top:125px;left:-25px;transform:scale(2.5)}.hero .deco2,.hero img[src*="oval.svg"]{position:absolute;top:330px;left:100px;transform:scale(.35)}.hero .oval-circle{right:390px;top:348px;width:129px;height:129px;border:2px solid #FFFFFF;opacity:1;z-index:5;box-shadow:none}.hero .hero-content{position:relative;max-width:70%}.hero .hero-content h1{font-size:72px;line-height:72px;text-align:start;margin-left:25px;margin-bottom:40px}.hero .hero-content h1 span.underline{text-decoration:underline 6px #4EE1A0;text-underline-offset:8px}.hero .hero-content h1 br{display:inline}.hero .hero-content p{align-self:start;font-size:18px;line-height:28px;text-align:start;max-width:430px;margin-left:210px}.hero .hero-content .btn{align-self:start;margin-left:210px}.experience{width:auto;margin:0 0 30px;border-style:none;padding:0 25px 40px;position:relative;overflow:hidden}.experience ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.experience ul li{text-align:start}.experience ul li h3{font-size:48px;line-height:56px}.experience ul li p{font-size:18px;line-height:28px}.experience img{position:absolute;transform:rotate(180deg);right:-260px;bottom:0}.projects .inline-container{margin:0 25px;padding:0}.projects .inline-container h1{font-size:72px;line-height:72px}.projects .projects-container{margin:0 25px 50px}.projects .projects-container ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:25px;padding:0}footer{display:flex;align-items:center;position:relative;padding-bottom:0}footer h1{font-size:72px;line-height:72px}footer p{font-size:18px;line-height:28px;max-width:445px}footer form{width:445px;border-style:none;padding-bottom:40px}footer img.deco{position:absolute;top:540px;left:-270px;bottom:auto;rotate:180deg}footer nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;position:relative;left:0;margin:15px 25px;border-style:solid none none none;border-width:1px;border-color:#fff;padding-top:20px}footer nav span{font-size:32px;margin-top:0}footer nav ul>li>a>img{width:24px;height:auto}}@media (min-width: 1024px){.hero{display:flex;width:100vw;position:relative;border-style:none;padding-bottom:250px}.hero nav{margin:20px 165px}.hero nav ul{margin-right:15px}.hero .hero-img{position:absolute;right:210px;top:-100px;transform:scale(1.37)}.hero .deco1{left:185px;top:135px}.hero .deco2,.hero img[src*="oval.svg"]{left:380px;top:480px;transform:scale(.7)}.hero .oval-circle{right:520px;top:468px;width:129px;height:129px;border:2px solid #FFFFFF;opacity:1;z-index:5;box-shadow:none}.hero:before{width:78vw;margin-left:165px;margin-right:165px}.hero .hero-content{position:relative;left:165px;margin:0;align-items:self-start}.hero .hero-content h1,.hero .hero-content p,.hero .hero-content .btn{margin-left:0}.hero .hero-content h1>br{display:none}.hero .hero-content h1{font-size:88px;line-height:88px;width:740px;letter-spacing:-2.5px;margin-left:130px}.hero .hero-content p{margin-left:130px}.hero .hero-content .btn{margin-top:30px;margin-left:130px}.experience{position:relative;left:295px;padding:0}.experience ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;max-width:1100px;gap:30px 40px;padding-bottom:50px}.experience img{top:150px;right:40px}.projects{max-width:1110px;position:relative;left:295px;margin-bottom:70px}.projects .inline-container{margin:0}.projects .projects-container{margin:0;width:100%}.projects .projects-container ul>li{position:relative}.projects .projects-container ul>li .project-image{width:540px;display:block;transition:all .2s ease-in}.projects .projects-container ul>li .buttons{display:flex;flex-direction:column;position:absolute;top:26%;left:36%;opacity:0;transition:opacity .2s ease-in;pointer-events:none}.projects .projects-container ul>li .buttons .btn{background-color:#fff0;margin-bottom:15px}.projects .projects-container ul>li:hover .project-image{filter:brightness(.3)}.projects .projects-container ul>li:hover .buttons{opacity:1;pointer-events:auto}footer{flex-direction:row;justify-content:center;align-items:start;gap:220px;position:relative;height:605px;padding-top:70px}footer .text-container{display:flex;flex-direction:column;gap:20px;text-align:start;padding-top:25px}footer .text-container *{margin:0}footer img.deco{position:absolute;top:350px;left:-60px;rotate:180deg}footer nav{position:absolute;bottom:70px;width:1110px;left:295px;margin:0}}img.social-icon{filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);transition:filter .3s ease}img.social-icon:hover{filter:invert(71%) sepia(49%) saturate(700%) hue-rotate(99deg) brightness(115%) contrast(95%)}@font-face{font-family:Space Grotesk Bold;src:url(../assets/fonts/SpaceGrotesk-Bold.woff2)}@font-face{font-family:Space Grotesk Medium;src:url(../assets/fonts/SpaceGrotesk-Medium.woff2)}.btn{color:#fff;font-family:Space Grotesk Bold;font-weight:700;font-size:16px;line-height:36px;letter-spacing:2.3px;background-color:#151515;border-style:none none solid none;border-color:#4ee1a0}.btn:hover{color:#4ee1a0;transition:color .5s ease-in-out}.btn:not(:hover){color:#fff;transition:color .5s ease-in-out}