.body {
    margin: 0;
    padding: 0;
    background-color: black;
}

.container {
    width: 500px;
    height: 500px;

    border-radius: 50%;
    border: white 2px solid;
    overflow: hidden;


    position: relative;
    transform: translate(-50%, -50%) scale(150%); top: 50%; left: 50%;
}

.slice {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
}

.sliceBorder {
    position: absolute;
    width: 2px;
    height: 50%;
    transform: translate(-50% -50%); top: 0%; left: 249px;

    background-color: white;
}

.sliceBorderMid {
    position: absolute;
    width: 1px;
    height: 50%;
    transform-origin: 0% 50%;
    transform: translate(-50% -50%); top: 0%; left: 249px;
    
    
    z-index: -1;
}

.sliceText {
    position: absolute;
    transform: rotate(-20deg) translate(-50%, -50%); top:50%; left: 50%;
    transform-origin: 0% 0%;
    color: white;
    text-align: center;
    overflow-wrap: break-word;
    overflow: hidden;

    z-index: 10;

    width: 80%;
    height: 80%;
}





#s1 {
    transform: rotate(0deg);
    background-image: conic-gradient(from 0deg, rgba(0,0,0,0) 320deg, rgb(243,131,106) 320deg, rgb(243,131,106) 340deg, rgb(243,121,95) 340deg);
}

#s2 {
    transform: rotate(40deg);
    background-image: conic-gradient(from 0deg, rgba(0,0,0,0) 320deg, rgb(247,240,124) 320deg, rgb(247,240,124) 320deg);
}

#s3 {
    transform: rotate(80deg);
    background-image: conic-gradient(from 0deg, rgba(0,0,0,0) 320deg, rgb(37,104,110) 320deg, rgb(37,104,110) 340deg, rgb(29,101,104) 340deg);
}

#s4 {
    transform: rotate(120deg);
    background-image: conic-gradient(from 0deg, rgba(0,0,0,0) 320deg, rgb(52,169,175) 320deg, rgb(52,169,175) 340deg, rgb(67,175,180) 340deg);
}

#s5 {
    transform: rotate(160deg);
    background-image: conic-gradient(from 0deg, rgba(0,0,0,0) 320deg, rgb(146,92,169) 320deg, rgb(146,92,169) 340deg, rgb(141,87,164) 340deg);
}

#s6 {
    transform: rotate(200deg);
    background-image: conic-gradient(from 0deg, rgba(0,0,0,0) 320deg, rgb(243,131,106) 320deg, rgb(243,131,106) 340deg, rgb(243,121,95) 340deg);
}

#s7 {
    transform: rotate(240deg);
    background-image: conic-gradient(from 0deg, rgba(0,0,0,0) 320deg, rgb(37,104,110) 320deg, rgb(37,104,110) 340deg, rgb(29,101,104) 340deg);
}

#s8 {
    transform: rotate(280deg);
    background-image: conic-gradient(from 0deg, rgba(0,0,0,0) 320deg, rgb(247,240,124) 320deg, rgb(247,240,124) 320deg);
}

#s9 {
    transform: rotate(320deg);
    background-image: conic-gradient(from 0deg, rgba(0,0,0,0) 320deg, rgb(52,169,175) 320deg, rgb(52,169,175) 340deg, rgb(67,175,180) 340deg);
}