.star-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#000;overflow:hidden;position:relative}.title{color:#fff;font-size:3rem;margin-bottom:20px;text-shadow:0 0 10px #fff,0 0 20px #ff00ff,0 0 30px #ff00ff}.star{color:#fff;text-align:center;font-size:2rem;z-index:1}.star-icon{animation:twinkle 2s infinite}.space-background{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(0,0,0,0) 20%,rgba(0,0,0,.8) 100%);z-index:0}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.2}}.small-star{position:absolute;width:10px;height:10px;background-color:#fff;border-radius:50%;animation:twinkle 3s infinite;z-index:0}.small-star:nth-child(1){top:10%;left:20%;animation-delay:0s}.small-star:nth-child(2){top:30%;left:70%;animation-delay:.5s}.small-star:nth-child(3){top:50%;left:40%;animation-delay:1s}.small-star:nth-child(4){top:70%;left:80%;animation-delay:1.5s}.small-star:nth-child(5){top:90%;left:10%;animation-delay:2s}.small-star:nth-child(6){top:15%;left:50%;animation-delay:2.5s}.small-star:nth-child(7){top:25%;left:30%;animation-delay:3s}.small-star:nth-child(8){top:60%;left:60%;animation-delay:3.5s}.small-star:nth-child(9){top:80%;left:20%;animation-delay:4s}.small-star:nth-child(10){top:40%;left:90%;animation-delay:4.5s}.button-container{margin-top:20px;z-index:1;display:flex;flex-wrap:wrap;justify-content:center}.space-button{display:inline-block;margin:10px;padding:10px 20px;color:#fff;background-color:#1a1a1a;border:2px solid #fff;border-radius:5px;text-decoration:none;font-size:1rem;transition:all .3s ease;box-shadow:0 0 10px #fff,0 0 20px #f0f,0 0 30px #f0f}.space-button:hover{background-color:#f0f;box-shadow:0 0 20px #fff,0 0 30px #f0f,0 0 40px #f0f}@media (max-width: 600px){.button-container{text-align:center;flex-direction:column}}