.stars {
    background-color: white;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    animation-iteration-count: infinite;
}

.star-1 {
    margin-top: 15px;
    margin-left: 60%;
    animation-duration: 1s;
    animation-name: twinkle-1;
}

.star-2 {
    margin-top: 5%;
    margin-left: 25%;
    animation-duration: 0.9s;
    animation-name: twinkle-2;
}

.star-3 {
    margin-top: 10%;
    margin-left: 50%;
    animation-duration: 1.1s;
    animation-name: twinkle-3;
}

@keyframes twinkle-1 {
    50% {
        transform: scale(0.05);
        opacity: 0.5;
    }
}

@keyframes twinkle-2 {
    20% {
        transform: scale(0.05);
        opacity: 0.5;
    }
}

@keyframes twinkle-3 {
    80% {
        transform: scale(0.05);
        opacity: 0.5;
    }
}

#bright {
    position: absolute;
    z-index: -10;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
}

h1 {
    color: #fff6ec;
    margin-left: 25px;
}

#last {
    margin-left: 25px;
    border: #66c2ff;
}