@keyframes twinkle{
    0%{
        opacity: 0.1;
        text-shadow: 0px 0px 10px rgba(255, 255, 0, 0.25);
    }

    50%{
        opacity: 1;
        text-shadow: 0px 0px 10px rgba(255, 255, 0, 0.75);
    }

    100%{
        opacity: 0.1;
        text-shadow: 0px 0px 10px rgba(255, 255, 0, 0.25);
    }
}
main{
    display: flex;
    height: 100vh;
    width: 100%;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.star{
    --cycles: 2s;
    position: absolute;
    animation: twinkle var(--cycles) infinite;

}