.anime-text-container{width:100vw;height:100svh;position:relative;overflow:hidden}.anime-text-container .copy-container{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.anime-text-container .anime-text{width:60%}.anime-text-container .anime-text p{color:var(--base-400);text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:900;line-height:1}.anime-text-container .anime-text .word{will-change:background-color, opacity;border-radius:8px;margin-bottom:.2rem;margin-right:.2rem;padding:.1rem .2rem;display:inline-block;position:relative}.anime-text-container .anime-text .word.keyword-wrapper{margin:0 .4rem .2rem .2rem}.anime-text-container .anime-text .word span{position:relative}.anime-text-container .anime-text .word span.keyword{color:#fff;border-radius:2rem;width:100%;height:100%;padding:.1rem 0;display:inline-block}.anime-text-container .anime-text .word span.keyword:before{content:"";z-index:-1;border:1px dashed var(--base-300);background-color:#e85a4f;border-radius:8px;width:calc(100% + 1rem);height:calc(100% + .1rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anime-text-container .anime-text .word span.keyword.corner:before,.anime-text-container .anime-text .word span.keyword.learnings:before,.anime-text-container .anime-text .word span.keyword.deploy:before{background-color:var(--accent-5)}.anime-text-container .anime-text .word span.keyword.scroll:before,.anime-text-container .anime-text .word span.keyword.rhythm:before,.anime-text-container .anime-text .word span.keyword.caffeine:before{background-color:var(--accent-2)}.anime-text-container .anime-text .word span.keyword.archive:before,.anime-text-container .anime-text .word span.keyword.detail:before,.anime-text-container .anime-text .word span.keyword.messing:before{background-color:var(--accent-3)}.anime-text-container .anime-text .word,.anime-text-container .anime-text .word span{opacity:0}@media (max-width:1000px){.anime-text-container .copy-container h1{width:90%;font-size:2rem}.anime-text-container .anime-text{width:90%}.anime-text-container .anime-text p{font-size:1.3rem}.anime-text-container .anime-text .word{margin-bottom:.15rem;margin-right:.1rem;padding:.05rem .125rem}.anime-text-container .anime-text .word.keyword-wrapper{margin:0 .2rem .1rem .1rem}.anime-text-container .anime-text .word span.keyword:before{width:calc(100% + .35rem);height:calc(100% + .075rem)}}
img{object-fit:cover;width:100%;height:100%}.card{perspective:1000px;width:300px;height:450px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card p{text-align:center;font-size:16px;font-weight:500;line-height:134%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.card-wrapper{width:100%;height:100%;animation:3s ease-in-out infinite floating;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#card-1 .card-wrapper{animation-delay:0}#card-2 .card-wrapper{animation-delay:.2s}#card-3 .card-wrapper{animation-delay:.4s}#card-4 .card-wrapper{animation-delay:.6s}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:.8em;width:100%;height:100%;position:absolute;overflow:hidden}.flip-card-back{background-color:#fff;padding:3em .5em;transform:rotateY(180deg)}.padding-text{border-radius:5px;margin-bottom:10px;padding:10px;font-weight:400!important}@keyframes floating{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}to{transform:translate(-50%,-50%)}}@media (max-width:768px){.card-wrapper-mobile{width:100%;height:100%;position:relative}.flip-card-inner-mobile{width:100%;height:100%;transform-style:preserve-3d;padding:10px;position:relative}.flip-card-back{backface-visibility:hidden;border-radius:.8em;width:100%;height:100%;position:absolute;overflow:hidden}.flip-card-back-mobile{background-color:#fff;padding:3em .5em}}