.projects{background-color:var(--jf-background-color);padding:var(--jf-padding-xl);justify-content:space-between;width:100%;max-width:1700px;padding-block-start:4rem;display:flex;overflow:visible}@media (max-width:40rem){.projects{padding:var(--jf-padding-sm);flex-direction:column;align-items:start;margin-block-start:var(--jf-margin-sm);display:block}}@media (max-width:62rem){.projects{padding:var(--jf-padding-md);flex-direction:column;align-items:start;margin-block-start:var(--jf-margin-sm);display:block}}@media (min-width:62rem) and (max-width:72rem){.projects{padding:var(--jf-padding-lg)}}.sticky-wrapper{z-index:20;position:relative}.sticky-text{z-index:20;position:sticky;top:7rem}@media (max-width:62rem){.sticky-text{background-color:var(--jf-background-color);top:4rem}}@media (max-width:40rem){.sticky-text{background-color:var(--jf-background-color);top:4rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.bulletText{z-index:20}@media (max-width:40rem){.bulletText{font-size:var(--jf-font-xxl);gap:.5rem;display:flex}}@media (max-width:62rem){.bulletText{font-size:var(--jf-font-sm);gap:.5rem;display:flex}}.bulletText p.adding{max-width:fit-content;animation:.5s ease-out slideUp}@media (max-width:62rem){.bulletText p.adding{animation:.5s ease-out min-slideUp}}@media (max-width:40rem){.bulletText p.adding{animation:.5s ease-out min-slideUp}}.bulletText p.removing{max-width:fit-content;animation:.5s ease-out slideDown}@media (max-width:62rem){.bulletText p.removing{animation:.5s ease-out fadeSlideUp}}@media (max-width:40rem){.bulletText p.removing{animation:.5s ease-out fadeSlideUp}}.background-blurr{z-index:2;max-width:90vw;position:absolute;top:0}.card-space{z-index:20}@media (max-width:62rem){.card-space{margin-block-start:var(--jf-margin-ll)}}@media (max-width:40rem){.card-space{margin-block-start:var(--jf-margin-ll)}}.carousel-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.carousel{justify-content:center;align-items:center;width:20rem;height:5rem;font-size:2rem;font-weight:700;display:flex;position:relative;overflow:hidden}.word{opacity:0;position:absolute}@keyframes min-slideUp{0%{opacity:0;transform:translateY(20vh)}to{opacity:1;transform:translateY(0)}}@keyframes min-slideDown{0%{opacity:0;transform:translateY(-20vh)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20vh)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20vh)}}
.card{background-color:var(--jf-card-color);border-radius:var(--jf-radius-md);max-width:43vw;margin-block-end:var(--jf-margin-xl);transition:box-shadow .3s}@media (max-width:62rem){.card{max-width:100%;margin-block-end:var(--jf-margin-xl)}}@media (max-width:40rem){.card{max-width:100%;margin-block-end:var(--jf-margin-x)}}@media (min-width:62rem) and (max-width:72rem){.card{max-width:50vw}}.card:hover{cursor:pointer;box-shadow:0 0 60px 5px #2b7fe040}.title1{color:var(--jf-primary-color);margin-block-end:var(--jf-margin-md);transition:color .3s}@media (max-width:62rem){.title1{font-size:var(--jf-font-xl)}}@media (max-width:40rem){.title1{font-size:var(--jf-font-ll)}}.card:hover .title1{color:var(--jf-hover-color)}.image-container{background-color:#000;border-start-start-radius:var(--jf-radius-md);border-start-end-radius:var(--jf-radius-md);max-width:100%;max-height:27rem;overflow:hidden}.card-image{object-fit:cover;object-position:bottom;border-start-start-radius:var(--jf-radius-md);border-start-end-radius:var(--jf-radius-md);width:100%;height:100%}.information{padding:var(--jf-padding-md)}.text{font-size:var(--jf-font-md);line-height:29px}@media (max-width:62rem){.text{font-size:var(--jf-font-lg);line-height:30px}}@media (max-width:40rem){.text{font-size:var(--jf-font-mm);line-height:24px}}.fade-text{opacity:1;background:linear-gradient(to right,var(--jf-primary-color),#9a9a9a03);background-clip:1;-webkit-text-fill-color:#0000;-webkit-background-clip:text}
