.canvas {
    height: 100%;
    width: 100%;
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    perspective: 5vh;
    background-color: #223;
}

.aurora {
    height: 30%;
    width: 70%;
    bottom: 30%;
    right: 5%;
    position: absolute;
    background: rgb(120,37,144);
    background: linear-gradient(90deg, rgba(120,37,144,1) 0%, rgba(167,29,117,1) 21%, rgba(143,25,157,1) 32%, rgba(147,21,154,1) 42%, rgba(98,13,192,1) 64%, rgba(217,8,148,1) 78%, rgba(173,0,255,1) 100%);
    transform: rotateX(20deg);
    transform-origin: bottom;
    filter: blur(5vh);
    opacity: 0.3;
}

.sea {
    position: absolute;
    width: 100%;
    height: 20%;
    bottom: 0;
    background-color: #232440;
    rotate: 1deg;
}

.star {
    position: fixed;
    width: 3px;
    aspect-ratio: 1;
    border-radius: 9999px;
    background-color: #fff;
}