body{
    margin:0;
    overflow:hidden;
}

/* Fondo de puntos (tipo estrellado con ".") con pulso infinito */
body{
    background-color: #000;
    position: relative;
}



/* Contenedor de estrellas generadas por JS */
#stars{
    position: fixed;
    inset: 0;
    z-index: 0; /* visible detrás del contenido (content should be >0) */
    pointer-events: none;
}

/* Cada punto/estrella */
.star{
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, #ffffff 0%, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.15) 70%, transparent 100%);
    transform: translate(-50%,-50%) scale(1);
    will-change: transform, opacity;
    animation: star-pulse 3.5s ease-in-out infinite;
}

.star.big{
    box-shadow: 0 0 10px 2px rgba(255,255,255,0.9);
    filter: blur(0.6px);
}

@keyframes star-pulse{
    0%{ transform: translate(-50%,-50%) scale(1); opacity: 0.7; }
    50%{ transform: translate(-50%,-50%) scale(1.45); opacity: 1; }
    100%{ transform: translate(-50%,-50%) scale(1); opacity: 0.7; }
}

.lluvia{
    width: 100%;
    color: white;
    position:fixed;
    inset:0;
    overflow:hidden;
}

.palabra{
    position:absolute;
    top:-50px;

    color:white;
    font-size:20px;
    font-weight:bold;

    animation:fall linear forwards;

    opacity:0.5;
}

@keyframes fall{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(110vh);
    }

}