@import"https://fonts.googleapis.com/css2?family=Aleo:wght@500&family=Montserrat&display=swap";@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}@keyframes star-animation{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-20vh)}}html{height:100%;background:#000}body{margin:0;min-width:320px;width:100%;height:100%}#app{position:relative;width:100%;height:100%;font-family:Montserrat,sans-serif}#app .content{height:100%;display:flex;align-items:center;justify-content:center}#app .card{display:flex;flex-direction:column;row-gap:1rem;color:#3affd0;text-shadow:0px 1px 4px #79beae;background-color:rgba(0,0,0,.85);border-radius:1rem;padding:2rem;margin:1rem;z-index:1;overflow:hidden;animation:zoomIn 1s ease}#app .card div{opacity:0}#app .card__name{font-family:Aleo,serif;font-weight:500;font-size:4rem;animation:fade 1s ease 1.25s forwards}#app .card__text{font-size:1.5rem;animation:fade 1s ease 1.5s forwards}#app .card__info{margin-top:1rem;animation:fade 1s ease 2s forwards;display:flex;align-self:center;column-gap:2rem}#app .card__info>a{transition:all .33s ease;cursor:pointer}#app .card__info>a>img{width:2.5rem}#app .card__info>a:hover{transform:scale(1.2)}#app .card__wip{margin-top:2rem;align-self:center;font-size:1.25rem;animation:fade 1s ease 2.5s forwards}#app .card__wip>span{display:inline-block;animation:blink 2s ease-in-out infinite}#app .card__wip>span:nth-child(1){animation-delay:0s}#app .card__wip>span:nth-child(2){animation-delay:.2s}#app .card__wip>span:nth-child(3){animation-delay:.4s}@media screen and (max-width: 650px){#app .card{padding:1rem;margin:.5rem}#app .card__name{font-size:2.67rem}#app .card__text{font-size:1rem}#app .card__info>a>img{width:1.5rem}#app .card__wip{font-size:1rem}}#app .scene{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(to top,#000,#000032)}#app .scene span{position:absolute;background:#fff;will-change:transform,opacity;animation:star-animation linear infinite}