#forty2-img{width:clamp(250px,40%,400px);transform:translateY(-30px);opacity:0;transition:1s all ease}#forty2-img.active{transform:translateY(0);opacity:1}#forty2-img:hover #forty2-img-shadow{fill:#a7eaff}#forty2-img:hover #thunder-blue{fill:#91e5ff}#forty2-img:hover #thunder-orange{fill:#ffb387}#thunder-orange{fill:#ffdac5;transition:all 1s ease .8s}#thunder-blue{fill:#c5f1ff;transition:all 1s ease .4s}#forty2-img-shadow{fill:#c5f1ff;transition:all 1s ease}.forty2{height:clamp(150px,30vw,500px);display:flex;flex-direction:row;justify-content:center;gap:40px;position:relative;padding:5vw}.forty2-text-c{display:flex;flex-direction:column;width:30%}.forty2-title{font-size:var(--font-xl)}@media screen and (max-width: 900px){.forty2{flex-direction:column-reverse;align-items:center;gap:0;height:auto;padding:10vw}#forty2-img{width:50%;min-width:300px;height:50%;transform:translateY(-30px);opacity:0;transition:1s all ease}.forty2-text-c{height:10%;flex:none;display:flex;width:60%;justify-content:center}}@keyframes heart-orange{0%{transform:rotate(0) translateY(0) translateX();fill:#ffdac5}to{transform:rotate(10deg) translateY(20px) translate(20px);fill:#ffa16b}}#svg-heart-orange{transform-origin:center;animation:heart-orange 5s ease-in-out infinite;animation-direction:alternate}@keyframes heart-red{0%{transform:rotate(0) translateY(0) translate(0);fill:#ff9d9d}to{transform:rotate(-15deg) translateY(20px) translate(-20px);fill:#ff5858}}#svg-heart-red{transform-origin:center;animation:heart-red 4s ease-in-out infinite;animation-direction:alternate}@keyframes scroll-horizontal{0%{transform:translate(0)}to{transform:translate(-100%)}}@media screen and (max-width: 600px){@keyframes heart-orange{0%{transform:rotate(0) translateY(0) translateX();fill:#ffdac5}to{transform:rotate(5deg) translateY(10px) translate(10px);fill:#ffa16b}}@keyframes heart-red{0%{transform:rotate(0) translateY(0) translate(0);fill:#ff9d9d}to{transform:rotate(-15deg) translateY(10px) translate(-10px);fill:#ff5858}}}#svg-heart-orange{position:absolute;top:50px;right:-70px;z-index:1;height:100px;width:100px;fill:#ffdac5}#svg-heart-red{position:absolute;top:-40px;left:-40px;z-index:-1;height:80px;width:80px;fill:#ff9d9d}#svg-racket-blue{position:absolute;top:50px;right:-60px;transform:translate(-60px);opacity:0;transition:1.5s all ease}#svg-racket-blue.active{opacity:1;transform:translate(0)}#svg-racket-orange{position:absolute;top:60%;left:-90px;transform:translate(90px);opacity:0;transition:1.5s all ease}#svg-racket-orange.active{opacity:1;transform:translate(0)}.github-logo{position:absolute;top:0;left:0;margin:10px;height:clamp(25px,3vw,40px);width:clamp(25px,3vw,40px)}#svg-github-orange{fill:#ff7d7d}#svg-github-orange:hover{fill:#ff3737}#svg-github-blue{fill:#8de4ff}#svg-github-blue:hover{fill:#45d4ff}.projects{display:flex;flex-direction:column;padding:0 15% 150px;gap:50px;overflow:hidden}.p-matcha-c{display:flex;flex-direction:column;position:relative;background-color:#fff;border:1px solid black;border-radius:5px;z-index:3;height:auto;overflow-x:hidden;text-decoration:none;color:#000}.matcha-text{display:flex;flex-direction:column;width:80%;align-items:flex-end;align-self:flex-end;padding:1% 3% 0 0}.matcha-title{margin:0;font-size:var(--font-800)}.matcha-desc{width:50%;text-align:end;margin:0;padding:10px 0}.project-assets{height:60%;padding:2%;width:max-content;display:flex}.project-assets-c{width:max-content;display:flex;flex-direction:row;animation:scroll-horizontal 60s linear infinite}.project-img{width:700px;height:400px;border-radius:5px;margin:0 20px}.project-technos{display:flex;flex-direction:row;align-items:center;gap:20px;padding:5px 15px}.project-techno-logo{height:50px;width:50px}.project-lastp{font-size:var(--font-700);padding:0 5vw;margin:20px 0 0}@media screen and (max-width: 1500px){.projects{padding:0 12vw 100px;gap:3vw}#svg-heart-orange{top:3.5vw;right:-5vw;height:7vw;width:7vw}.github-logo{margin:.5vw}#svg-heart-red{top:-2.5vw;left:-2.5vw;height:5vw;width:5vw}#svg-racket-blue{top:10%;right:min(-4.5vw,-25px);height:7vw;min-height:40px;width:7vw;min-width:40px}#svg-racket-orange{top:60%;left:min(-6vw,-40px);height:9vw;min-height:60px;width:9vw;min-width:60px}.project-img{height:100%;width:50vw;margin:0 1vw}.project-techno-logo{height:3vw;min-height:15px;width:3vw;min-width:15px}}@media screen and (max-width: 900px){.projects{padding:0 7vw 15vw}.matcha-text{padding:3% 3% 0 0}.matcha-desc{width:100%;text-align:end;margin:0;padding:10px 0}.project-img{height:clamp(100px,50vw,300px);width:clamp(180px,90vw,600px)}}@media screen and (max-width: 600px){.forty2{padding:0;margin-top:20%;margin-bottom:10%;gap:2rem;flex-direction:column-reverse}.forty2-text-c{width:80%}.forty2-title,.project-lastp,.matcha-title{font-size:1.5rem;margin-bottom:2rem}.forty2-text,.matcha-text{font-size:14px}.project-lastp{margin:0}.projects{display:flex;flex-direction:column;padding:0px 2rem 5rem;gap:2rem;overflow:hidden}.p-matcha-c{display:flex;flex-direction:column;position:relative;background-color:#fff;border:1px solid black;border-radius:5px;z-index:3;height:auto;overflow-x:hidden;text-decoration:none;color:#000}#svg-heart-orange{top:3.5vw;right:-5vw;height:3rem;width:3rem}#svg-heart-red{top:-4vw;left:-6vw;height:3rem;width:3rem}.matcha-title{margin:0}#svg-racket-orange{top:60%;left:-2.5rem;min-height:none;height:80px;min-width:none}#svg-racket-blue{top:3rem;right:-1.5rem;min-height:none;height:80px;min-width:none}}