html,body{width:100%;height:100%;margin:0;padding:0;background:linear-gradient(120deg,hsl(210deg 60% 15%),hsl(211,39%,23%),hsl(210deg 60% 15%));background-size:400% 400%;animation:gradientDrift 15s ease infinite;color:hsl(212,33%,89%);font-family:'Work Sans',sans-serif;font-optical-sizing:auto;font-style:normal;display:flex;justify-content:center;align-items:center}main{text-align:center}.char-block{font-family:'Major Mono Display',monospace;font-weight:400;font-style:normal;font-size:6rem;display:flex;justify-content:center;gap:3rem;margin-bottom:1rem}.char{opacity:0;transform:scale(.25);animation:fadeInScale 1s ease-in-out forwards;color:hsl(210,31%,80%)}.separator{background-color:hsl(211,27%,70%);width:0;height:2px;margin:1rem auto;animation:drawLine 1s ease forwards;animation-delay:2.8s}.sub-block{margin-top:1.5rem;font-weight:200}.sub-heading-1,.sub-heading-2{line-height:1.4;opacity:0;transform:translateY(20px);animation:fadeUp 1s ease forwards}.sub-heading-1{font-size:1.75rem;animation-delay:2.4s;letter-spacing:-.3px}.sub-heading-2{font-size:1rem;animation-delay:2.8s;letter-spacing:.4px}@keyframes fadeInScale{to{opacity:1;transform:scale(1);color:hsl(210,36%,96%)}}@keyframes drawLine{to{width:11rem}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes gradientDrift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}