body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

.art-container {
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(235,235,235,1) 100%);
    position: relative;
    overflow: hidden;
}

.art-container::before,
.art-container::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(to right, rgba(0, 255, 179, 0.5), rgba(255, 0, 132, 0.5));
    animation: rotate 15s linear infinite;
}

.art-container::before {
    top: -25%;
    left: -25%;
    width: 50%;
    height: 50%;
}

.art-container::after {
    bottom: -35%;
    right: -35%;
    width: 70%;
    height: 70%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}