*{margin:0;padding:0}body{background-color:#000;overflow:hidden}.flex{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;gap:2em;overflow:hidden}.text{text-align:center;text-transform:uppercase;font-family:Aleo,serif;font-weight:700;color:#fff;font-style:normal;font-optical-sizing:auto;opacity:0;transition:opacity 3s ease-in-out;text-shadow:5px 5px 0px rgba(255,255,255,.2)}.title{letter-spacing:1.5rem;margin-right:-1.5rem;font-size:1.5rem}.subtitle{font-size:1rem;margin-right:-1rem;margin-top:3em;letter-spacing:1rem}.visible{opacity:1}@media screen and (min-width: 768px){.title{font-size:3rem;letter-spacing:2.5rem}.subtitle{font-size:1.5rem}}