body{margin:0}#root{height:100vh}.location{display:flex;justify-content:center;align-items:center;height:100%;background-color:#000;position:relative}.text-animation{position:absolute;font-size:10rem;font-weight:700;color:#fff;opacity:0;animation-fill-mode:forwards}@media (max-width: 600px){.text-animation{font-size:5rem}}.text-1{animation:sequence1 6s ease-in-out infinite}.text-2{animation:sequence2 6s ease-in-out infinite}@keyframes sequence1{0%,to{opacity:0;transform:scale(.5)}10%,23%{opacity:1;transform:scale(1)}33%,56%{opacity:0;transform:scale(.8)}66%,90%{opacity:1;transform:scale(.8) translateY(-3rem)}}@keyframes sequence2{0%,33%{opacity:0;transform:scale(.5)}43%,56%{opacity:1;transform:scale(1)}66%,90%{opacity:1;transform:scale(.8) translateY(9rem)}to{opacity:0;transform:scale(.5)}}