.planet-and-ring-holder {
    width: 88vw;
    height: 88vw;
    position: absolute;
    margin-left: 50%;
    left: -30.5vw;
    margin-top: 50vh;
    top: -44vw;
    transform: rotateX(65deg);
}

.neptune-ring {
    left: -50%;
    top: 0%;
    width: 100%;
    height: 100%;
    margin-top: 0% !important;
}

.neptune {
    background-image: linear-gradient(155deg, rgb(7, 31, 99) 0%, rgb(2, 76, 141) 100%);
}

.neptune-holder {
}

.uranus-ring {
    width: 88%;
    height: 88%;
    left: -44%;
    margin-top: 50%;
    top: -44%;
}

.ring {
    position: absolute;
    border-radius: 50%;
    border: 0.1vw solid #ffffff;
    margin-left: 50%;
    margin-top: 50%;
}

.planet {
    position: absolute;
    border-radius: 50%;
    width: 4vw;
    height: 100%;
    top: 0%;
    left: -2.2%;
}

.planet-holder {
    margin-top: 50%;
    position: absolute;
    width: 100%;
    height: 4vw;
    top: -2vw;
}

.uranus {
    background-image: linear-gradient(155deg, rgb(7, 61, 99) 0%, rgb(2, 136, 141) 100%);
}

.saturn-ring {
    width: 76%;
    height: 76%;
    left: -38%;
    top: -38%;
}

.saturns-own-ring {
    width: 5vw;
    height: 5vw;
    border: 0.3vw solid #a5871b;
    border-radius: 50%;
    position: absolute;
    left: -2vw;
    top: -0.6vw;
}

.saturn {
    background-image: linear-gradient(155deg, rgb(171, 134, 44) 0%, rgb(191, 187, 140) 100%);
}

.jupiter-ring {
    width: 63%;
    height: 63%;
    left: -31.5%;
    top: -31.5%;
}

.jupiter {
    background-image: linear-gradient(155deg, rgb(186, 127, 17) 0%, rgb(77, 53, 14) 100%);
    left: -3%;
}

.mars-ring {
    width: 50%;
    height: 50%;
    left: -25%;
    top: -25%;
}

.earth-ring {
    width: 37%;
    height: 37%;
    left: -18.5%;
    top: -18.5%;
}

.earth {
    background-image: linear-gradient(155deg, rgb(17, 122, 35) 0%, rgb(24, 37, 157) 100%);
    left: -5%;
}

.venus {
    background-image: linear-gradient(155deg, rgb(193, 148, 80) 0%, rgb(134, 80, 0) 100%);
    left: -10%;
}

.venus-ring {
    width: 24%;
    height: 24%;
    left: -12%;
    top: -12%;
}

.mercury {
    background-image: linear-gradient(155deg, rgb(173, 144, 17) 0%, rgb(196, 128, 0) 100%);
    left: -20%;
}

.mercury-ring {
    width: 12%;
    height: 12%;
    left: -6%;
    top: -6%;
}

.sun {
    width: 5%;
    height: 5%;
    border-radius: 50%;
    background-image: linear-gradient(155deg, rgb(200, 110, 2) 0%, rgb(163, 10, 10) 100%);
    box-shadow: 0vw 0vw 2vw 0.2vw #af1313;
    margin-left: 50%;
    position: absolute;
    left: -2.5%;
    top: -2.5%;
    margin-top: 50%;
    z-index: 2;
}

.uranus-holder {
}

.saturn-holder {
}

.jupiter-holder {
}

.mars-holder {
}

.earth-holder {
}

.venus-holder {
}

.mercury-holder {
}

.moon-holder {
    height: 2vw;
    width: 100%;
    position: absolute;
}

.moon {
    background-image: linear-gradient(90deg, rgb(143, 143, 143) 0%, rgb(40, 40, 40) 100%);
    width: 2vw;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: -6%;
    top: 211%;
}

.mars {
    background-image: linear-gradient(155deg, rgb(163, 15, 15) 0%, rgb(132, 72, 14) 100%);
    left: -4%;
}