@import"https://fonts.googleapis.com/css2?family=Montserrat&family=Montserrat+Alternates:wght@600&display=swap";@keyframes fadeRight{0%{transform:translate(-10vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeLeft{0%{transform:translate(10vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes star-animation{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-25vh)}}html{height:100%;background:black}body{margin:0;min-width:320px;width:100%;height:100%}#app{position:relative;width:100%;height:100%;background:linear-gradient(to top,#000000 0%,#000032 100%);display:flex;justify-content:center;align-items:center}#app .content{display:flex;flex-direction:column;row-gap:1rem;align-items:flex-start;justify-content:center;color:#3affd0;text-shadow:1px 2px 4px #79beae;background-color:#000000d9;border-radius:1rem;padding:2rem;margin:1rem;z-index:1;overflow:hidden;animation:zoomIn 1s ease}#app .content div{opacity:0}#app .content__title{font-family:Montserrat,sans-serif;font-size:2rem;animation:fadeRight 1s ease 1s forwards}#app .content__name{font-family:Montserrat Alternates,sans-serif;font-weight:600;font-size:4rem;animation:fadeLeft 1s ease 1.25s forwards}#app .content__text{font-family:Montserrat,sans-serif;font-size:2rem;animation:fadeRight 1s ease 1.5s forwards}@media screen and (max-width: 650px){#app .content{padding:1rem}#app .content__title{font-size:1.5rem}#app .content__name{font-size:2.5rem}#app .content__text{font-size:1.5rem}}#app .scene{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;overflow:hidden}#app .scene span{position:absolute;background:#fff;animation:star-animation linear infinite}