.keywords-animation{padding:4rem 0;justify-content:center;font-family:Montserrat,sans-serif;color:#f8fafc}.keywords-animation,header{display:flex;align-items:center;flex-direction:column}header{margin:1rem;text-align:center}header h1{font-weight:600;font-size:2rem;margin-bottom:.5rem}@media (min-width:768px){header h1{font-size:3rem}}header p{color:#94a3b8}.tag-list{width:100%;max-width:90vw;display:flex;flex-shrink:0;flex-direction:column;gap:1rem 0;position:relative;padding:1.5rem 0;overflow:hidden}.loop-slider .inner{display:flex;width:-moz-fit-content;width:fit-content;animation-name:loop;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:var(--direction);animation-duration:var(--duration)}.tag{color:#000;background-color:#dbdbdb}.tag,[class=dark] .tag{display:flex;width:-moz-max-content;width:max-content;align-items:center;gap:0 .2rem;font-size:.9rem;border-radius:.4rem;padding:.7rem 1rem;margin-right:1rem}[class=dark] .tag{color:#e2e8f0;background-color:#111;box-shadow:0 .1rem .2rem rgba(0,0,0,.2),0 .1rem .5rem rgba(0,0,0,.3),0 .2rem 1.5rem rgba(0,0,0,.4)}.tag span{font-size:1.2rem;color:#64748b}@keyframes loop{0%{transform:translateX(0)}to{transform:translateX(-50%)}}