:root {    --blue-1: #083C83;    --blue-2: #004FD8;    --blue-3: #3863C2;    --blue-4: #3DBDFF;    --blue-5: #042B6E;    --purple-1: #4C2EBD;    --purple-2: #731BBA;    --purple-3: #8A00EF;    --yellow-1: #FFEB53;    --gray-1: #F7F7F7;    --pink-1: #F3D3EF;    --pink-2: #FF00AA;    --green-1: #3EB0D4;    --orange-1: #E74C1B;    --orange-2: #ED1E79;}*,*::before,*::after {    box-sizing: border-box;}.btn {user-select: none; text-align: center; text-decoration: none; display: inline-block; font-family: 'Montserrat', sans-serif; white-space: nowrap; position: relative; border: none; cursor: pointer; font-size: inherit;}.btn::before, .btn::after {position: absolute;}.btn-wrap {display: inline-block; position: relative; z-index: 1;}.btn > span {display: none;}.btn * {pointer-events: none;}.btn-cta {background: url(/images/tmpl/icon/004.png) 15px center no-repeat #fff;}.btn-cta::before {content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: 25px 12px 12px 25px; background: linear-gradient(to right, #8A00EF, #BA42EC 20%, #FE4F78 40%, #FCB316 60%, #B6E142 80%, #2DD246 100%); filter: blur(20px); z-index: -1;}.btn-light2, .btn-light, .btn-cta {position: relative; padding: 15px 40px 15px 50px; border-radius: 25px 12px 12px 25px;}.btn-light2, .btn-light {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25), -4px -4px 10px rgba(255, 255, 255, 0.35); background-color: #fff;}.btn-light2:hover, .btn-light:hover {box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.15), inset 0 4px 10px rgba(0, 0, 0, 0.05);}.btn-light2::after, .btn-light::after, .btn-cta::after, .btn-tertiary::after {content: url(/images/tmpl/icon/003.png); transform: translateY(-50%); top: 50%; right: 15px;}.btn-light2:hover::after, .btn-light:hover::after, .btn-cta:hover::after, .btn-tertiary:hover::after {animation: arrow 1s linear infinite;}.btn-light2::before, .btn-light::before {content: url(/images/tmpl/icon/004.png); transform: translateY(-50%); top: 50%; left: 4px; display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 40px; height: 40px;}.btn-light2:hover::before, .btn-light:hover::before {content: url(/images/tmpl/icon/006.png); background-image: linear-gradient(125deg, #8A00EF 5%, #FF8BBF 82%);}.btn-play {height: 4.7rem; width: 4.7rem; border-radius: 50%; background-color: #fff;}.btn-play::before {content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: linear-gradient(to right, #8A00EF, #BA42EC 20%, #FE4F78 40%, #FCB316 60%, #B6E142 80%, #2DD246 100%); filter: blur(20px); z-index: -1;}.btn-cta:hover::before, .btn-play:hover::before {animation: gradient 5s linear infinite;}.btn-play::after {content: ''; background: url(/images/tmpl/icon/005.png) center no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}.btn-play:hover::after {animation: shake1 1.4s linear infinite;}.btn-ghost {background-color: transparent; text-decoration: none;}.btn-ghost:hover::before {content: ''; animation: link-gradient 5s linear infinite; top: 50%; right: 5px; left: 5px; height: 5px; border-radius: 25px; background: linear-gradient(to right, #8A00EF, #BA42EC 20%, #FE4F78 40%, #FCB316 60%, #B6E142 80%, #2DD246 100%); z-index: -1;}.btn-download {height: 3.5625rem; width: 3.5625rem; border-radius: 50%; background-image: linear-gradient(to right, #FF51E7, #FCDE3D);}.btn-download::before {content: url(/images/tmpl/icon/009.png); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;}.btn-download::after {content: url(/images/tmpl/icon/008.png); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; transition: .5s;}.btn-download:hover::after {top: 70%;}.btn-fab {height: 3.6rem; flex-basis: 3.6rem; width: 3.6rem; border-radius: 50%; background-image: linear-gradient(to left, #FF51E7, #FCDE3D);}.btn-fab::after {content: ''; background: url(/images/tmpl/icon/007.png) center no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: 1s;}.btn-fab:hover::after {transform: translate(30%, -30%);}.btn-tertiary {font-size: 1.5rem; color: #fff !important; text-decoration: none; padding: 11px 34px 11px 64px; border-radius: 50px 25px 25px 50px;}.btn-tertiary::before {transform: translateY(-50%); left: 5px; top: 50%; width: 36px; height: 36px; border-radius: 50%; background: #fff; display: flex; justify-content: center; align-items: center;}.btn-tertiary::after {content: url(/images/tmpl/icon/065.png) !important;}.btn-secondary {display: inline-block; border-radius: 25px; font-weight: 500; box-shadow: 0 0 4px rgb(255, 181, 245); padding: .25rem .5rem; background-color: #fff; margin: 10px 5px;}.btn-secondary:hover {box-shadow: 0 0 8px rgb(255, 175, 240);}.btn-submit {border-radius: 15px; display: block; overflow: hidden; text-overflow: ellipsis; width: 18rem; transition: filter 1s; background-image: linear-gradient(to right, #8A00EF, #FF8BBF); color: white!important; font-size: 1.25rem; padding: .9rem 0; font-weight: 700;}.btn-submit-light {border-radius: 15px; display: block; width: 15rem; background: #fff; font-size: 1.25rem; padding: .9rem 0; font-weight: 700;}.btn-submit:hover {filter: hue-rotate(-30deg);}.btn-submit-light:hover {box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2), inset 0 4px 10px rgba(0, 0, 0, 0.2);}@media (min-width: 576px){    .btn > span {display: inline;}}@media (min-width: 768px) {    .btn-submit, .btn-submit-light {width: 100%; max-width: 30rem;}}.btn-primary {padding: 28px 10px 28px 85px; color: var(--blue-1); font-size: 20px; font-weight: 700; background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #FFFFFF; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2); border-radius: 19px;}.btn-primary::before {height: 60px; width: 60px; transform: translateY(-50%); top: 50%; left: 10px; background: linear-gradient(-55deg, #8A00EF 5%, #FF8BBF 80%); border-radius: 12px; display: flex; justify-content: center; align-items: center;}.hover::before {content: ''; animation: link-gradient 5s linear infinite; top: 50%; right: 5px; left: 5px; height: 5px; border-radius: 25px; background: linear-gradient(to right, #8A00EF, #BA42EC 20%, #FE4F78 40%, #FCB316 60%, #B6E142 80%, #2DD246 100%); z-index: -1;}@keyframes arrow {0% {right: 15px;} 33.3333% {right: 13px;} 66.6666% {right: 17px;} 100% {right: 15px;}}@keyframes gradient {0% {filter: blur(20px) hue-rotate(0); transform: translateZ(0) scale(1.1)} 25% {filter: blur(20px) hue-rotate(90deg); transform: translateZ(0) scale(1.2)} 50% {filter: blur(20px) hue-rotate(180deg); transform: translateZ(0) scale(1.1)} 75% {filter: blur(20px) hue-rotate(270deg); transform: translateZ(0) scale(1.2)} 100% {filter: blur(20px) hue-rotate(360deg); transform: translateZ(0) scale(1.1)}}@keyframes shake1 {0% {transform: rotateZ(45deg);} 10% {transform: rotateZ(-45deg);} 20% {transform: rotateZ(36deg);} 30% {transform: rotateZ(-36deg);} 40% {transform: rotateZ(27deg);} 50% {transform: rotateZ(-27deg);} 60% {transform: rotateZ(18deg);} 70% {transform: rotateZ(-18deg);} 80% {transform: rotateZ(9deg);} 90% {transform: rotateZ(-9deg);} 100% {transform: rotateZ(0);}}@keyframes shake {0% {transform: translate(-50%, -50%) rotateZ(45deg);} 10% {transform: translate(-50%, -50%) rotateZ(-45deg);} 20% {transform: translate(-50%, -50%) rotateZ(36deg);} 30% {transform: translate(-50%, -50%) rotateZ(-36deg);} 40% {transform: translate(-50%, -50%) rotateZ(27deg);} 50% {transform: translate(-50%, -50%) rotateZ(-27deg);} 60% {transform: translate(-50%, -50%) rotateZ(18deg);} 70% {transform: translate(-50%, -50%) rotateZ(-18deg);} 80% {transform: translate(-50%, -50%) rotateZ(9deg);} 90% {transform: translate(-50%, -50%) rotateZ(-9deg);} 100% {transform: translate(-50%, -50%) rotateZ(0);}}@keyframes link-gradient {0% {filter: blur(5px) hue-rotate(0);} 25% {filter: blur(5px) hue-rotate(90deg);} 50% {filter: blur(5px) hue-rotate(180deg);} 75% {filter: blur(5px) hue-rotate(270deg);} 100% {filter: blur(5px) hue-rotate(360deg);}}a {color: inherit;}a:visited {color: inherit;}.link {text-decoration: none;}.link-stretched::before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}.text-blue-1 {color: var(--blue-1) !important;}.text-blue-2 {color: var(--blue-2) !important;}.text-blue-3 {color: var(--blue-3) !important;}.text-blue-4 {color: var(--blue-4) !important;}.text-blue-5 {color: var(--blue-5) !important;}.text-purple-1 {color: var(--purple-1) !important;}.text-purple-2 {color: var(--purple-2) !important;}.text-purple-3 {color: var(--purple-3) !important;}.text-green-1 {color: var(--green-1) !important;}.text-orange-1 {color: var(--orange-1) !important;}.text-orange-2 {color: var(--orange-2) !important;}.text-pink-1 {color: var(--pink-1) !important;}.text-pink-2 {color: var(--pink-2) !important;}.text-white {color: #fff !important;}.text-grey {color: #909090 !important;}.bg-gray-1 {background-color: var(--gray-1);}.bg-muddy-1 {background-color: rgba(255, 255, 255, 0.8);}.p-0 {padding: 0 !important;}.p-1 {padding: 1rem !important;}.p-2 {padding: 2rem !important;}.p-3 {padding: 3rem !important;}.p-4 {padding: 4rem !important;}.p-5 {padding: 5rem !important;}.px-1 {padding: 0 1rem !important;}.px-3 {padding: 0 3rem !important;}.px-3 {padding: 0 3rem !important;}.px-4 {padding: 0 4rem !important;}.px-5 {padding: 0 5rem !important;}.py-1 {padding: 1rem 0 !important;}.py-2 {padding: 2rem 0 !important;}.py-3 {padding: 3rem 0 !important;}.py-4 {padding: 4rem 0 !important;}.py-5 {padding: 5rem 0 !important;}.pt-0 {padding-top: 0 !important;}.pt-1 {padding-top: 1rem !important;}.pt-2 {padding-top: 2rem !important;}.pt-3 {padding-top: 3rem !important;}.pt-4 {padding-top: 4rem !important;}.pt-5 {padding-top: 5rem !important;}.pr-0 {padding-right: 0 !important;}.pr-1 {padding-right: 1rem !important;}.pr-2 {padding-right: 2rem !important;}.pr-3 {padding-right: 3rem !important;}.pr-4 {padding-right: 4rem !important;}.pr-5 {padding-right: 5rem !important;}.pb-0 {padding-bottom: 0 !important;}.pb-1 {padding-bottom: 1rem !important;}.pb-2 {padding-bottom: 2rem !important;}.pb-3 {padding-bottom: 3rem !important;}.pb-4 {padding-bottom: 4rem !important;}.pb-5 {padding-bottom: 5rem !important;}.pl-0 {padding-left: 0 !important;}.pl-1 {padding-left: 1rem !important;}.pl-2 {padding-left: 2rem !important;}.pl-3 {padding-left: 3rem !important;}.pl-4 {padding-left: 4rem !important;}.pl-5 {padding-left: 5rem !important;}.mx-auto {margin: 0 auto;}.ml-auto {margin-left: auto;}.m-0 {margin: 0 !important;}.mt-0 {margin-top: 0 !important;}.mr-0 {margin-right: 0 !important;}.mb-0 {margin-bottom: 0 !important;}.ml-0 {margin-left: 0 !important;}.my-1 {margin-top: 1rem !important; margin-bottom: 1rem !important;}.my-2 {margin-top: 2rem !important; margin-bottom: 2rem !important;}.my-3 {margin-top: 3rem !important; margin-bottom: 3rem !important;}.my-4 {margin-top: 4rem !important; margin-bottom: 4rem !important;}.my-5 {margin-top: 5rem !important; margin-bottom: 5rem !important;}.mx-1 {margin-left: 1rem !important; margin-right: 1rem !important;}.mx-2 {margin-left: 2rem !important; margin-right: 2rem !important;}.mx-3 {margin-left: 3rem !important; margin-right: 3rem !important;}.mx-4 {margin-left: 4rem !important; margin-right: 4rem !important;}.mx-5 {margin-left: 5rem !important; margin-right: 5rem !important;}.mt-1 {margin-top: 1rem !important;}.mt-2 {margin-top: 2rem !important;}.mt-3 {margin-top: 3rem !important;}.mt-4 {margin-top: 4rem !important;}.mt-5 {margin-top: 5rem !important;}.mr-1 {margin-right: 1rem !important;}.mr-2 {margin-right: 2rem !important;}.mr-3 {margin-right: 3rem !important;}.mr-4 {margin-right: 4rem !important;}.mr-5 {margin-right: 5rem !important;}.mb-1 {margin-bottom: 1rem !important;}.mb-2 {margin-bottom: 2rem !important;}.mb-3 {margin-bottom: 3rem !important;}.mb-4 {margin-bottom: 4rem !important;}.mb-5 {margin-bottom: 5rem !important;}.ml-1 {margin-left: 1rem !important;}.ml-2 {margin-left: 2rem !important;}.ml-3 {margin-left: 3rem !important;}.ml-4 {margin-left: 4rem !important;}.ml-5 {margin-left: 5rem !important;}.d-block {display: block;}.d-inline-block {display: inline-block;}.d-inline {display: inline;}.d-flex {display: flex;}.d-none {display: none;}@media (min-width: 992px) {    .d-lg-block {display: block;}}@media (min-width: 768px) {    .d-md-none {display: none;}}.flex-grow-1 {flex-grow: 1;}.justify-content-center {justify-content: center;}.justify-content-between {justify-content: space-between;}.justify-content-around {justify-content: space-around;}.justify-content-start {justify-content: flex-start;}.justify-content-end {justify-content: flex-end;}.align-items-center {align-items: center;}.align-items-stretch {align-items: stretch;}.align-items-end {align-items: flex-end;}.align-items-start {align-items: flex-start;}.align-self-center {align-self: center;}.flex-column {flex-direction: column;}.flex-wrap {flex-wrap: wrap;}.text-center {text-align: center;}.text-end {text-align: end;}.position-relative {position: relative;}.position-absolute {position: absolute;}.float-right {float: right;}.float-left {float: left;}.h-50 {height: 50%;}.h-100 {height: 100%;}.w-75 {width: 75%;}.vw-100 {width: 100vw;}.mw-800 {max-width: 50rem !important;}.mw-600 {max-width: 37.5rem !important;}.mw-500 {max-width: 31.25rem !important;}.mw-400 {max-width: 25rem !important;}.mw-300 {max-width: 18.75rem !important;}.mw-250 {max-width: 15.625rem !important;}.mw-200 {max-width: 12.5rem !important;}.mw-100per {max-width: 100% !important;}.fullbg {position: relative; left: 50%; margin-left: -50vw; width: 100vw; max-width: 1980px;}@media (min-width: 1980px) {    .fullbg {margin-left: -990px;}}.container,.container-fluid,.container-xl,.container-lg,.container-md,.container-sm {    width: 100%;    padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto;}@media (min-width: 576px) {    .container-sm, .container {        max-width: 540px;    }}@media (min-width: 768px) {    .container-md, .container-sm, .container {        max-width: 720px;    }}@media (min-width: 992px) {    .container-lg, .container-md, .container-sm, .container {        max-width: 960px;    }}@media (min-width: 1200px) {    .container-xl, .container-lg, .container-md, .container-sm, .container {        max-width: 1140px;    }}.row {    display: flex;    flex-wrap: wrap;    margin-right: -15px;    margin-left: -15px;}.no-gutters {    margin-right: 0;    margin-left: 0;}.no-gutters > .col,.no-gutters > [class*=col-] {    padding-right: 0;    padding-left: 0;}.col-xl,.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {    position: relative;    width: 100%;    padding-right: 15px;    padding-left: 15px;}.col {    flex-basis: 0;    flex-grow: 1;    max-width: 100%;}.row-cols-1 > * {    flex: 0 0 100%;    max-width: 100%;}.row-cols-2 > * {    flex: 0 0 50%;    max-width: 50%;}.row-cols-3 > * {    flex: 0 0 33.3333333333%;    max-width: 33.3333333333%;}.row-cols-4 > * {    flex: 0 0 25%;    max-width: 25%;}.row-cols-5 > * {    flex: 0 0 20%;    max-width: 20%;}.row-cols-6 > * {    flex: 0 0 16.6666666667%;    max-width: 16.6666666667%;}.col-auto {    flex: 0 0 auto;    width: auto;    max-width: 100%;}.col-1 {    flex: 0 0 8.3333333333%;    max-width: 8.3333333333%;}.col-2 {    flex: 0 0 16.6666666667%;    max-width: 16.6666666667%;}.col-3 {    flex: 0 0 25%;    max-width: 25%;}.col-4 {    flex: 0 0 33.3333333333%;    max-width: 33.3333333333%;}.col-5 {    flex: 0 0 41.6666666667%;    max-width: 41.6666666667%;}.col-6 {    flex: 0 0 50%;    max-width: 50%;}.col-7 {    flex: 0 0 58.3333333333%;    max-width: 58.3333333333%;}.col-8 {    flex: 0 0 66.6666666667%;    max-width: 66.6666666667%;}.col-9 {    flex: 0 0 75%;    max-width: 75%;}.col-10 {    flex: 0 0 83.3333333333%;    max-width: 83.3333333333%;}.col-11 {    flex: 0 0 91.6666666667%;    max-width: 91.6666666667%;}.col-12 {    flex: 0 0 100%;    max-width: 100%;}.order-first {    order: -1;}.order-last {    order: 13;}@media (min-width: 576px) {    .col-sm {        flex-basis: 0;        flex-grow: 1;        max-width: 100%;    }    .row-cols-sm-1 > * {        flex: 0 0 100%;        max-width: 100%;    }    .row-cols-sm-2 > * {        flex: 0 0 50%;        max-width: 50%;    }    .row-cols-sm-3 > * {        flex: 0 0 33.3333333333%;        max-width: 33.3333333333%;    }    .row-cols-sm-4 > * {        flex: 0 0 25%;        max-width: 25%;    }    .row-cols-sm-5 > * {        flex: 0 0 20%;        max-width: 20%;    }    .row-cols-sm-6 > * {        flex: 0 0 16.6666666667%;        max-width: 16.6666666667%;    }    .col-sm-auto {        flex: 0 0 auto;        width: auto;        max-width: 100%;    }    .col-sm-1 {        flex: 0 0 8.3333333333%;        max-width: 8.3333333333%;    }    .col-sm-2 {        flex: 0 0 16.6666666667%;        max-width: 16.6666666667%;    }    .col-sm-3 {        flex: 0 0 25%;        max-width: 25%;    }    .col-sm-4 {        flex: 0 0 33.3333333333%;        max-width: 33.3333333333%;    }    .col-sm-5 {        flex: 0 0 41.6666666667%;        max-width: 41.6666666667%;    }    .col-sm-6 {        flex: 0 0 50%;        max-width: 50%;    }    .col-sm-7 {        flex: 0 0 58.3333333333%;        max-width: 58.3333333333%;    }    .col-sm-8 {        flex: 0 0 66.6666666667%;        max-width: 66.6666666667%;    }    .col-sm-9 {        flex: 0 0 75%;        max-width: 75%;    }    .col-sm-10 {        flex: 0 0 83.3333333333%;        max-width: 83.3333333333%;    }    .col-sm-11 {        flex: 0 0 91.6666666667%;        max-width: 91.6666666667%;    }    .col-sm-12 {        flex: 0 0 100%;        max-width: 100%;    }    .order-sm-first {        order: -1;    }    .order-sm-last {        order: 13;    }}@media (min-width: 768px) {    .col-md {        flex-basis: 0;        flex-grow: 1;        max-width: 100%;    }    .row-cols-md-1 > * {        flex: 0 0 100%;        max-width: 100%;    }    .row-cols-md-2 > * {        flex: 0 0 50%;        max-width: 50%;    }    .row-cols-md-3 > * {        flex: 0 0 33.3333333333%;        max-width: 33.3333333333%;    }    .row-cols-md-4 > * {        flex: 0 0 25%;        max-width: 25%;    }    .row-cols-md-5 > * {        flex: 0 0 20%;        max-width: 20%;    }    .row-cols-md-6 > * {        flex: 0 0 16.6666666667%;        max-width: 16.6666666667%;    }    .col-md-auto {        flex: 0 0 auto;        width: auto;        max-width: 100%;    }    .col-md-1 {        flex: 0 0 8.3333333333%;        max-width: 8.3333333333%;    }    .col-md-2 {        flex: 0 0 16.6666666667%;        max-width: 16.6666666667%;    }    .col-md-3 {        flex: 0 0 25%;        max-width: 25%;    }    .col-md-4 {        flex: 0 0 33.3333333333%;        max-width: 33.3333333333%;    }    .col-md-5 {        flex: 0 0 41.6666666667%;        max-width: 41.6666666667%;    }    .col-md-6 {        flex: 0 0 50%;        max-width: 50%;    }    .col-md-7 {        flex: 0 0 58.3333333333%;        max-width: 58.3333333333%;    }    .col-md-8 {        flex: 0 0 66.6666666667%;        max-width: 66.6666666667%;    }    .col-md-9 {        flex: 0 0 75%;        max-width: 75%;    }    .col-md-10 {        flex: 0 0 83.3333333333%;        max-width: 83.3333333333%;    }    .col-md-11 {        flex: 0 0 91.6666666667%;        max-width: 91.6666666667%;    }    .col-md-12 {        flex: 0 0 100%;        max-width: 100%;    }    .order-md-first {        order: -1;    }    .order-md-last {        order: 13;    }}@media (min-width: 992px) {    .col-lg {        flex-basis: 0;        flex-grow: 1;        max-width: 100%;    }    .row-cols-lg-1 > * {        flex: 0 0 100%;        max-width: 100%;    }    .row-cols-lg-2 > * {        flex: 0 0 50%;        max-width: 50%;    }    .row-cols-lg-3 > * {        flex: 0 0 33.3333333333%;        max-width: 33.3333333333%;    }    .row-cols-lg-4 > * {        flex: 0 0 25%;        max-width: 25%;    }    .row-cols-lg-5 > * {        flex: 0 0 20%;        max-width: 20%;    }    .row-cols-lg-6 > * {        flex: 0 0 16.6666666667%;        max-width: 16.6666666667%;    }    .col-lg-auto {        flex: 0 0 auto;        width: auto;        max-width: 100%;    }    .col-lg-1 {        flex: 0 0 8.3333333333%;        max-width: 8.3333333333%;    }    .col-lg-2 {        flex: 0 0 16.6666666667%;        max-width: 16.6666666667%;    }    .col-lg-3 {        flex: 0 0 25%;        max-width: 25%;    }    .col-lg-4 {        flex: 0 0 33.3333333333%;        max-width: 33.3333333333%;    }    .col-lg-5 {        flex: 0 0 41.6666666667%;        max-width: 41.6666666667%;    }    .col-lg-6 {        flex: 0 0 50%;        max-width: 50%;    }    .col-lg-7 {        flex: 0 0 58.3333333333%;        max-width: 58.3333333333%;    }    .col-lg-8 {        flex: 0 0 66.6666666667%;        max-width: 66.6666666667%;    }    .col-lg-9 {        flex: 0 0 75%;        max-width: 75%;    }    .col-lg-10 {        flex: 0 0 83.3333333333%;        max-width: 83.3333333333%;    }    .col-lg-11 {        flex: 0 0 91.6666666667%;        max-width: 91.6666666667%;    }    .col-lg-12 {        flex: 0 0 100%;        max-width: 100%;    }    .order-lg-first {        order: -1;    }    .order-lg-last {        order: 13;    }}@media (min-width: 1200px) {    .col-xl {        flex-basis: 0;        flex-grow: 1;        max-width: 100%;    }    .row-cols-xl-1 > * {        flex: 0 0 100%;        max-width: 100%;    }    .row-cols-xl-2 > * {        flex: 0 0 50%;        max-width: 50%;    }    .row-cols-xl-3 > * {        flex: 0 0 33.3333333333%;        max-width: 33.3333333333%;    }    .row-cols-xl-4 > * {        flex: 0 0 25%;        max-width: 25%;    }    .row-cols-xl-5 > * {        flex: 0 0 20%;        max-width: 20%;    }    .row-cols-xl-6 > * {        flex: 0 0 16.6666666667%;        max-width: 16.6666666667%;    }    .col-xl-auto {        flex: 0 0 auto;        width: auto;        max-width: 100%;    }    .col-xl-1 {        flex: 0 0 8.3333333333%;        max-width: 8.3333333333%;    }    .col-xl-2 {        flex: 0 0 16.6666666667%;        max-width: 16.6666666667%;    }    .col-xl-3 {        flex: 0 0 25%;        max-width: 25%;    }    .col-xl-4 {        flex: 0 0 33.3333333333%;        max-width: 33.3333333333%;    }    .col-xl-5 {        flex: 0 0 41.6666666667%;        max-width: 41.6666666667%;    }    .col-xl-6 {        flex: 0 0 50%;        max-width: 50%;    }    .col-xl-7 {        flex: 0 0 58.3333333333%;        max-width: 58.3333333333%;    }    .col-xl-8 {        flex: 0 0 66.6666666667%;        max-width: 66.6666666667%;    }    .col-xl-9 {        flex: 0 0 75%;        max-width: 75%;    }    .col-xl-10 {        flex: 0 0 83.3333333333%;        max-width: 83.3333333333%;    }    .col-xl-11 {        flex: 0 0 91.6666666667%;        max-width: 91.6666666667%;    }    .col-xl-12 {        flex: 0 0 100%;        max-width: 100%;    }    .order-xl-first {        order: -1;    }    .order-xl-last {        order: 13;    }}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.cloud-1 {    -webkit-animation: cloud-1 20s infinite ease-in-out;    animation: cloud-1 20s infinite ease-in-out;    transform-origin: 100% 100%;}.cloud-2 {    -webkit-animation: cloud-2 20s infinite ease-in-out;    animation: cloud-2 20s infinite ease-in-out;    transform-origin: 0 100%;}.cloud-3 {    -webkit-animation: cloud-3 20s infinite ease-in-out;    animation: cloud-3 20s infinite ease-in-out;    transform-origin: 100% 100%;}.cloud-4 {    -webkit-animation: cloud-4 20s infinite ease-in-out;    animation: cloud-4 20s infinite ease-in-out;    transform-origin: 0 100%;}@keyframes cloud-1 {    0% {        -webkit-transform: scaleX(1) scaleY(1) skewX(0) skewY(0) rotateX(0) rotateY(0);        transform: scaleX(1) scaleY(1) skewX(0) skewY(0) rotateX(0) rotateY(0);    }    20% {        -webkit-transform: scaleX(1.1) scaleY(1.05) skewX(-2deg) skewY(-4deg) rotateX(-8deg) rotateY(10deg);        transform: scaleX(1.1) scaleY(1.05) skewX(-2deg) skewY(-4deg) rotateX(-8deg) rotateY(10deg);    }    40% {        -webkit-transform: scaleX(1.2) scaleY(1.05) skewX(-3deg) skewY(2deg) rotateX(-10deg) rotateY(15deg);        transform: scaleX(1.2) scaleY(1.05) skewX(-3deg) skewY(2deg) rotateX(-10deg) rotateY(15deg);    }    60% {        -webkit-transform: scaleX(1.3) scaleY(1) skewX(-4deg) skewY(4deg) rotateX(-6deg) rotateY(20deg);        transform: scaleX(1.3) scaleY(1) skewX(-4deg) skewY(4deg) rotateX(-6deg) rotateY(20deg);    }    80% {        -webkit-transform: scaleX(1.1) scaleY(.95) skewX(-1deg) skewY(5deg) rotateX(-2deg) rotateY(10deg);        transform: scaleX(1.1) scaleY(.95) skewX(-1deg) skewY(5deg) rotateX(-2deg) rotateY(10deg);    }    100% {        -webkit-transform: scaleX(1) scaleY(1) skewX(0) skewY(0) rotateX(0) rotateY(0);        transform: scaleX(1) scaleY(1) skewX(0) skewY(0) rotateX(0) rotateY(0);    }}@keyframes cloud-2 {    0% {        -webkit-transform: skewX(0) skewY(0) rotateX(0) rotateY(0);        transform: skewX(0) skewY(0) rotateX(0) rotateY(0);    }    20% {        -webkit-transform: skewX(-4deg) skewY(-4deg) rotateX(-8deg) rotateY(10deg);        transform: skewX(-4deg) skewY(-4deg) rotateX(-8deg) rotateY(10deg);    }    40% {        -webkit-transform: skewX(-7deg) skewY(2deg) rotateX(-10deg) rotateY(15deg);        transform: skewX(-7deg) skewY(2deg) rotateX(-10deg) rotateY(15deg);    }    60% {        -webkit-transform: skewX(-6deg) skewY(4deg) rotateX(-6deg) rotateY(20deg);        transform: skewX(-6deg) skewY(4deg) rotateX(-6deg) rotateY(20deg);    }    80% {        -webkit-transform: skewX(-3deg) skewY(5deg) rotateX(-2deg) rotateY(10deg);        transform: skewX(-3deg) skewY(5deg) rotateX(-2deg) rotateY(10deg);    }    100% {        -webkit-transform: skewX(0) skewY(0) rotateX(0) rotateY(0);        transform: skewX(0) skewY(0) rotateX(0) rotateY(0);    }}@keyframes cloud-3 {    0% {        -webkit-transform: scaleY(1) skewX(0) skewY(0) rotateY(0);        transform: scaleY(1) skewX(0) skewY(0) rotateY(0);    }    20% {        -webkit-transform: scaleY(1.05) skewX(-2deg) skewY(-4deg) rotateY(10deg);        transform: scaleY(1.05) skewX(-2deg) skewY(-4deg) rotateY(10deg);    }    40% {        -webkit-transform: scaleY(1.05) skewX(-3deg) skewY(2deg) rotateX(-20deg) rotateY(15deg);        transform: scaleY(1.05) skewX(-3deg) skewY(2deg) rotateX(-20deg) rotateY(15deg);    }    60% {        -webkit-transform: scaleY(1) skewX(-4deg) skewY(4deg) rotateY(20deg);        transform: scaleY(1) skewX(-4deg) skewY(4deg) rotateY(20deg);    }    80% {        -webkit-transform: scaleY(.95) skewX(-1deg) skewY(5deg) rotateY(10deg);        transform: scaleY(.95) skewX(-1deg) skewY(5deg) rotateY(10deg);    }    100% {        -webkit-transform: scaleY(1) skewX(0) skewY(0) rotateY(0);        transform: scaleY(1) skewX(0) skewY(0) rotateY(0);    }}@keyframes cloud-4 {    0% {        -webkit-transform: skewX(0) skewY(0) rotateY(0);        transform: skewX(0) skewY(0) rotateY(0);    }    20% {        -webkit-transform: skewX(-2deg) skewY(-4deg) rotateY(10deg);        transform: skewX(-2deg) skewY(-4deg) rotateY(10deg);    }    40% {        -webkit-transform: skewX(-3deg) skewY(2deg) rotateY(15deg);        transform: skewX(-3deg) skewY(2deg) rotateY(15deg);    }    60% {        -webkit-transform: skewX(-4deg) skewY(4deg) rotateY(20deg);        transform: skewX(-4deg) skewY(4deg) rotateY(20deg);    }    80% {        -webkit-transform: skewX(-1deg) skewY(2deg) rotateY(10deg);        transform: skewX(-1deg) skewY(2deg) rotateY(10deg);    }    100% {        -webkit-transform: skewX(0) skewY(0) rotateY(0);        transform: skewX(0) skewY(0) rotateY(0);    }}.crs {    position: relative;    padding: 0 32px;}.crs-li {    flex: 0 0 auto;}.crs-li > * {    margin: auto;}.crs-hider {    overflow: hidden;    width: 100%;}.crs-ul {    margin: 0;    padding: 0;    list-style: none;    display: flex;    cursor: pointer;    touch-action: pan-y;}.crs-left,.crs-right {    width: 22px;    height: 40px;    position: absolute;    cursor: pointer;    opacity: 0.6;    transform: translateY(-50%);}.crs-left {    left: 0;    top: 50%;    background: url(/images/tmpl/icon/001.png) no-repeat;}.crs-right {    right: 0;    top: 50%;    background: url(/images/tmpl/icon/003.png) no-repeat;}.crs-left:hover {    opacity: 1.0;}.crs-right:hover {    opacity: 1.0;}body {margin: 0 auto; padding: 0; font-family: 'Montserrat', sans-serif; line-height: 140%; width: 100%; max-width: 1980px; overflow-x: hidden; border-left: 1px solid lightgray; border-right: 1px solid lightgray;}html {width: 100%; max-width: 1980px; overflow-x: hidden; margin: auto;}*:focus {outline-style: none;}.logo {max-width: 100%; display: inline-block;}.logo * {max-width: 100%; height: auto; aspect-ratio: 364 / 171;}header {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; z-index: 3; position: relative; min-height: 150px; padding: 0 !important;}.header nav ul li a {position: relative;}header .logo {width: 180px;}.header {z-index: -1; flex-basis: 100%; height: 0; overflow: hidden; transition: .25s linear; padding: 0 15px;}.header > .toolbar {display: flex; flex-direction: column; align-items: center;}.header > nav a {padding: 14px 0; display: inline-block;}#header-burger:checked + .burger + .header {height: 100%; background-color: #fff; box-shadow: 0 5px 5px lightgrey;}.header > .toolbar > .btn-ghost {color: var(--orange-2); text-decoration: underline;}.header > .toolbar > .btn-wrap {margin-top: 5rem;}.header > .toolbar > .time {display: flex; text-align: center;}.burger {user-select: none; width: 40px; height: 40px; margin-right: 15px;  text-align: center; line-height: 1; font-size: 40px; transform: rotateZ(90deg); position: relative; transition: .25s linear; cursor: pointer;}.burger::before, .burger::after {position: absolute; content: 'I'; color: black; transition: .25s linear;}.burger::before {left: 5px;}.burger::after {right: 5px;}#header-burger:checked + .burger {color: #fff;}#header-burger:checked + .burger::before {left: 14px; transform: rotateZ(45deg);}#header-burger:checked + .burger::after {right: 14px; transform: rotateZ(-45deg);}header .link-phone {width: 40px; height: 40px; margin-left: auto; margin-right: 16px; animation: shake1 1.4s linear infinite;}@media (min-width: 576px) {    header .logo {width: 210px;}}.header nav ul li > ul {padding-left: 1.5rem;}@media (min-width: 1200px) {	.header nav ul li > ul {padding-left: 0; position: absolute; display: none; transition: .2s; background: #fff; border-radius: 1rem; overflow: hidden;}	.header nav ul li > ul li:not(.header nav ul li > ul li:last-child) {border-bottom: 1px solid #F17AC5;}	.header nav ul li > ul li a {padding: .81rem .31rem; width: 100%; text-align: start;}	.header nav ul li > ul li a:hover { background: radial-gradient(circle, rgba(239,111,194,1) 0%, rgba(224,149,253,1) 35%, rgba(255,220,152,1) 100%);}	.header nav ul li:hover ul {display: block;}    header .link-phone {display: none;}    .header {height: auto; overflow: visible; display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px;}    #header-burger:checked + .burger + .header {height: auto;}    .header > .toolbar {flex-direction: row; justify-content: flex-end; margin-top: 30px;}    .header > .toolbar > .btn-wrap {margin: 0 0 0 90px;}    .header > .toolbar > .link {margin-left: 30px;}    .header > .toolbar  .btn-ghost {order: -1;}    .header > nav > ul {display: flex; justify-content: space-between; margin: 0 -15px;}    .header > nav a {padding: 3px 0;}    .burger {display: none;}}footer {padding-top: 80px; position: relative;}footer h5 {margin-bottom: 1rem;}footer nav li > * {padding: 4px 0; display: inline-block;}footer .ul-right > li+li {margin-top: 24px;}footer .ul-right > li {padding-left: 42px;}footer .item-1::before {content: url(/images/tmpl/icon/059.png);}footer .item-2::before {content: url(/images/tmpl/icon/060.png);}footer .item-3::before {content: url(/images/tmpl/icon/061.png);}footer .obj-1 {top: 0; left: 0; transform: translateY(-100%);}footer .background {display: block; top: 80px; background-image: linear-gradient(to top, #CBD0FF, rgba(168, 255, 252, 0.26));}.module {position: relative; padding: 64px 0;}footer a.btn {white-space: wrap; text-align: start;}footer .mod-footer-ul {margin-top: 1rem;}footer .mod-footer-ul nav li {padding-bottom: .5rem;}canvas, .canvas {display: none;}@media (min-width: 992px) {    canvas, .canvas {display: block;}}.review-face {width: 184px; height: 184px; border-radius: 50%;}.home-reviews  .review-face {width: 90px; height: 90px;}.background {position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 1980px; margin: auto; z-index: -999; display: none;}.decor, .background {pointer-events: none;}.decor > *,.background > * {position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain;}@media (min-width: 768px) {    .background {display: block;}}.decor {display: none;}@media (min-width: 768px) {    .decor {display: block;}}.nowrap {white-space: nowrap;}.card {padding: 1.5rem; background: #FFF; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); border-radius: 20px; position: relative;}.card-click:hover {box-shadow: 0 4px 10px rgba(255, 181, 245, 0.35);}.card-purple {padding: 3rem; background-image: linear-gradient(to right, #F2A4FF, #886AFF); border-radius: 17px; position: relative;}.card-overfull {margin: 95px .5rem 0 .5rem; position: relative; text-align: center; padding-top: 100px;}.card-overfull::before {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);}.card-convex {box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.08); background-color: rgba(255, 255, 255, .6); border-radius: 14px; padding: 20px 60px;}.card-convex:hover {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), inset -2px -2px 8px rgba(0, 0, 0, 0.1), inset 5px 10px 15px rgba(243, 243, 243, 0.25);}form {position: relative; margin: 0 -15px; padding: 32px 15px;}input[type=text], input[type=email], input[type=url], textarea {font-size: 1.1rem; width: 100%; margin: 7px 0; padding: 16px 32px; border-radius: 16px; background-color: var(--gray-1); border: none;}::placeholder {font-size: 1.1rem; font-family: 'Montserrat', sans-serif; color: black; font-weight: 400; line-height: 120%;}fieldset {margin: 0; padding: 0; border: none;}textarea {resize: vertical; min-height: 100px;}label {cursor: pointer;}.checkbox > span {display: inline-block; padding-left: 32px; position: relative;}.checkbox > span::before, .checkbox > span::after {position: absolute; transform: translate(-50%, -50%); top: 10px; left: 12px;}.checkbox > span::before {content: ''; width: 12px; height: 12px; border-radius: 2px; border: 1px solid var(--blue-2);}.checkbox > span::after {content: url(/images/tmpl/icon/070.webp); filter: brightness(0); transform: translate(-50%, -50%) scale(0); transition: .25s;}.checkbox > input {display: none;}.checkbox > input:checked + span::after {transform: translate(-50%, -50%) scale(1);}.form-sm {padding: 15px;}#modal-window {padding: 15px; width: 100%;}@media (min-width: 576px) {    .form-sm, #modal-window {padding: 32px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); border-radius: 32px; width: auto;}}/* bootstrap */ul {padding: 0; list-style: none;}ul > li {position: relative;}ul > li::before {position: absolute;}.ul-right > li {padding-left: 66px;}.ul-right > li::before {left: 0; top: 0;}.ul-left > li {padding-left: 66px;}.ul-left > li::before {left: 0; top: 0;}@media (min-width: 992px) {    .ul-left > li {padding-left: 0; padding-right: 66px; text-align: end;}    .ul-left > li::before {left: auto; right: 0;}}.ul-share {margin: 150px 0 0 50px;}.ul-share li {display: flex; margin-bottom: 120px; flex-direction: column; align-items: center;}.ul-share span:last-child { margin-top: 90px;}.ul-share span:first-child {position: relative; display: flex; margin-right: 32px;}.ul-share span:first-child::before {position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: -1;}@media (min-width: 768px) {    .ul-share span:last-child { margin-top: 0;}    .ul-share li {margin-bottom: 110px; flex-direction: row;}    .ul-share .item-2 {left: 120px;}}@media (min-width: 992px) {    .ul-share li {margin-bottom: 110px}    .ul-share .item-1 {align-items: flex-end;}    .ul-share .item-2 {left: 450px; align-items: flex-start;}    .ul-share .item-3 {left: 200px; align-items: center;}    .ul-share span:last-child {margin-left: 32px;}}.background-share .obj-0 {background-image: url(/images/tmpl/background/216.svg); width: 1618px; height: 430px; bottom: 140px; left: 300px;}.background-share .obj-1 {background-image: url(/images/tmpl/background/155.png); width: 50px; height: 43px; bottom: 660px; left: 700px;}.background-share .obj-2 {background-image: url(/images/tmpl/background/156.png); width: 40px; height: 35px; bottom: 550px; left: 1060px;}.background-share .obj-3 {background-image: url(/images/tmpl/background/076.png); width: 90px; height: 90px; bottom: 460px; right: 620px;}.background-share .obj-4 {background-image: url(/images/tmpl/background/118.svg); width: 70px; height: 70px; bottom: 535px; right: 330px;}.background-share .obj-5 {background-image: url(/images/tmpl/background/111.png); width: 58px; height: 58px; bottom: 180px; left: 320px;}.background-share .obj-6 {background-image: url(/images/tmpl/background/088.png); width: 14px; height: 14px; bottom: 70px; left: 1000px;}.background-share .obj-7 {background-image: url(/images/tmpl/background/155.png); width: 117px; height: 101px; bottom: 110px; right: 490px;}.ul-disc > li {padding-left: 22px;}.ul-disc > li::before {content: ''; top: .25rem; left: 0; height: 10px; width: 10px; border-radius: 50%; background-image: linear-gradient(125deg, #306AFF 6%, #BE8BFF 83%);}.ul-zigzag > li {padding-left: 60px; margin-bottom: 1rem;}.ul-zigzag > li::before {content: url(/images/tmpl/icon/010.png); position: absolute; left: 0;}.ul-ring > li {padding-left: 22px; margin-bottom: .8rem;}.ul-ring > li::before {content: ''; top: .25rem; left: 0; height: 13px; width: 13px; border-radius: 50%; border: 2px solid var(--purple-3);}.ul-big > li {padding-left: 116px; margin-bottom: 3.75rem;}.ul-big > li::before {transform: translateY(-50%); box-shadow: 5px 10px 20px rgba(255, 0, 170, 0.2); border-radius: 50%; top: 50%; left: 0; width: 90px; height: 90px; display: flex; align-items: center; justify-content: center;}.ul-big .item-1::before {background-image: linear-gradient(125deg, #8A00EF 5%, #FF8BBF 82%);}.ul-big .item-2::before {background-image: linear-gradient(125deg, #FF68E7 5%, #FF8B8B 82%);}.ul-big .item-3::before {background-image: linear-gradient(-55deg, #FDF53F 5%, #FF8B8B 82%);}#modal {background: rgba(255, 255, 255, .8); display:none; position:fixed; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; justify-content: space-between; align-items: center; overflow: auto; z-index:1003;}#modal::before, .modal::after {content: '';}#modal.active {display: flex;}#modal-esc {width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; cursor: pointer;}.modal-callback {background: linear-gradient(to left, #F2A4FF 10%, #886AFF 90%); padding-top: 32px; padding-bottom: 32px;}.modal-callback form > * {margin-top: 27px; display: block;}.modal.activate {animation: blur .5s linear forwards;}.modal.deactivate {animation: blur .5s linear reverse forwards;}#modal-window > * {z-index: 1; position: relative;}.modal-city #modal-body > ul > li > span {text-transform: uppercase; font-weight: 700; color: black; display: inline-block; margin-top: 10px;}.modal-city {background: #fff;}.modal-city a {padding: .75rem; position: relative; display: inline-block; text-decoration: none; font-weight: 500;}.modal-city a::before {position: absolute;}.modal-city a:hover::before {content: ''; animation: link-gradient 5s linear infinite; top: 50%; right: 5px; left: 5px; height: 5px; border-radius: 25px; background: linear-gradient(to right, #8A00EF, #BA42EC 20%, #FE4F78 40%, #FCB316 60%, #B6E142 80%, #2DD246 100%); z-index: -1;}iframe {max-width: 100%;}@media (min-width: 576px) {    .modal-city a {padding: 0 0 0 16px;}    .modal-city #modal-body > ul {column-count: 3;}}@media (min-width: 1200px) {    .modal-city #modal-body > ul {column-count: 6;}}.modal-video, .modal-geo {background: #fff;}@keyframes blur {    from {filter: blur(200px);}    to {filter: blur(0);}}#popup-video {z-index:9999; background: #fff; position: fixed; right: 16px; bottom: 16px; padding: 8px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;}#popup-video > label, #popup-video > button {width: 40px; height: 40px; text-align: center;}#popup-video > label {display: none;}#popup-video > div {display: none; flex-basis: 100%;}@media (min-width: 768px) {    #popup-video > label, #popup-video > button {display: block;}    #popup-video > input:checked ~ button {display: none;}    #popup-video > input:checked ~ div {display: block; width: 230px;}    #popup-video-content {height: 150px; cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;}    #popup-video-content::before {z-index: 1; content: ''; background: url(/images/tmpl/popup.png) no-repeat; width: 100%; height: 100%; background-size: contain; position: absolute; transform: translateX(-50%); left: 50%; bottom: 0;}    #popup-video-content::after {z-index: 1; content: url(/images/tmpl/icon/005.png); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;}    #popup-video-content:hover::after{animation: shake 1.4s linear infinite;}    #popup-video-content > img {transition: .3s;}    #popup-video-content:hover > img {transform: scale(1.1);}}@media (max-height: 700px) {    #popup-video > label {display: none!important;}    #popup-video > div {display: none!important;}    #popup-video button {display: block!important;}}#form-alert {position: fixed; background: linear-gradient(to left, #F2A4FF 10%, #886AFF 90%); transform: translate(-50%, -50%); top: 50%; left: 50%; padding: 32px;}@keyframes rotate {    from {transform: translate3d(-50%, 0, 0) rotateZ(0deg);}    to {transform: translate3d(-50%, 0, 0) rotateZ(360deg);}}.carousel-ring-description {transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center; position: absolute; background-position: top center; background-repeat: no-repeat;}.carousel-ring {border: 4px solid var(--pink-1);}.carousel-ring > * {width: 70px; height: 70px; box-shadow: 5px 10px 20px rgba(255, 0, 170, 0.2); background-color: #fff; display: flex; justify-content: center; align-items: center;}.carousel-ring > *:hover {background-image: linear-gradient(125deg, #8A00EF 5%, #FF8BBF 82%);}.carousel-ring > *:hover::after {filter: brightness(0%) invert(100%);}.carousel-ring-content {height: 500px;}.carousel-wrapper {position: relative; height: 450px;}.carousel-wrapper .carousel-item {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 25px 25px; opacity: 0; transition: all 0.5s ease-in-out;}.carousel-wrapper > input {display: none;}.carousel-wrapper .arrow {transform: translateY(100%); bottom: -15px; cursor: pointer; position: absolute; width: 80px; height: 72px; box-shadow: 5px 5px 20px rgba(166, 180, 200, 0.7), inset -2px -2px 4px rgba(0, 0, 0, 0.1), inset 13px 12px 20px rgba(255, 255, 255, 0.8); border-radius: 20px;}.carousel-wrapper .arrow-prev {background: url(/images/tmpl/icon/001.png) center no-repeat #F8F8F8;}.carousel-wrapper .arrow-next {right: 50px; background: url(/images/tmpl/icon/003.png) center no-repeat #F8F8F8;}.carousel-wrapper > input:checked + .carousel-item {z-index: 3; opacity: 1;}.carousel-right {display: none;}.carousel-right > label {display: inline-block; width: 255px; margin: 5px; position: relative;}@media (min-width: 992px) {    .carousel-wrapper {margin-top: 80px;}    .carousel-right {display: block;}    .carousel-wrapper .arrow {transform: translateX(100%); bottom: 0;}    .carousel-wrapper .arrow-prev {right: -30px;}    .carousel-wrapper .arrow-next {right: -230px;}}.portfolio-img {width: 100%; margin-top: 32px;}.hole {display: none;}@media (min-width: 576px) {    .hole {display: block;}    .hole-mobile {display: none;}}.hole-cloud {position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; width: 670px; height: 440px;}.hole-cloud-content {position: absolute; background-repeat: no-repeat; bottom: -100px; transform: translateX(-50%); left: 50%;}.hole {position: relative; width: 100%;}.hole-content {position: absolute; left: 50%; transform: translateX(-50%);}.smm-cloud {    position: relative;}.smm-cloud::before {    position: absolute;}.h0 {width: 0; height: 0; font-size: 0;}/* h1, .h1 {font-size: 2.2rem; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 120%; text-transform: none; margin-top: 0;}.h1-s1 {font-size: 2rem; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 120%; text-transform: uppercase; margin-top: 0;}.h1-s2 {font-size: 2rem; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 120%; text-transform: none; margin-top: 0;}.h1-s3 {font-size: 2rem; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 120%; text-transform: none; margin-top: 0;} */h2, .h2 {font-size: 1.8rem; font-family: 'Jura', sans-serif; font-weight: 700; line-height: 120%; text-transform: none; margin-top: 0;}.h2-s1 {font-size: 1.8rem; font-family: 'Jura', sans-serif; font-weight: 700; line-height: 120%; text-transform: none; margin-top: 0;}.h2-s2 {font-size: 1.8rem; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 120%; text-transform: uppercase; margin-top: 0;}.h2-s3 {font-size: 1.8rem; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 120%; text-transform: none; margin-top: 0;}h3, .h3 {font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 120%; text-transform: none; margin-top: 0;}.h3-s1 {font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 120%; text-transform: none; margin-top: 0;}.h3-s2 {font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 120%; text-transform: uppercase; margin-top: 0;}h4, .h4 {font-size: 1.25rem; font-family: 'Jura', sans-serif; font-weight: 500; line-height: 120%; text-transform: none; margin-top: 0;}/* h5, .h5 {font-size: 1.1rem; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 120%; text-transform: none; margin-top: 0;}.h5-s1 {font-size: 1.1rem; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 120%; text-transform: none; margin-top: 0;}.h5-s2 {font-size: 1.1rem; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 120%; text-transform: uppercase; margin-top: 0;}.h5-s3 {font-size: 1.1rem; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 120%; text-transform: none; margin-top: 0;} */h6, .h6 {font-size: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 300; line-height: 110%; text-transform: uppercase; margin-top: 0;}.small {font-size: .875rem; font-family: 'Montserrat', sans-serif; font-weight: 400;}.small-s1 {font-size: .875rem; font-family: 'Montserrat', sans-serif; font-weight: 300;}.p {font-size: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 140%; margin-top: 0; margin-bottom: .5rem;}.p-s1 {font-size: 1rem; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 120%;}.strong {font-weight: bold;}blockquote {margin: 0;}@media (min-width: 576px) {    blockquote {margin-left: 5rem;}}address {font-style: normal;}@media (min-width: 576px) {    h1, .h1 {font-size: 3.125rem; line-height: 140%;}    .h1-s1 {font-size: 2.8125rem;}    .h1-s2 {font-size: 2.8125rem; line-height: 1.2;}    .h1-s3 {font-size: 2.8125rem;}    h2, .h2 {font-size: 3.125rem;}    .h2-s1 {font-size: 2rem;}    .h2-s2 {font-size: 2.8125rem;}    .h2-s3 {font-size: 2.8125rem;}    h3, .h3 {font-size: 2rem;}    .h3-s1 {font-size: 2rem;}    .h3-s2 {font-size: 2rem;}    h4, .h4 {font-size: 1.3125rem;}    h5, .h5 {font-size: 1.25rem;}    .h5-s1 {font-size: 1.25rem;}    .h5-s2 {font-size: 1.25rem;}    .h5-s3 {font-size: 1.25rem;}    h6, .h6 {font-size: 1.125rem;}}a.disabled::before {content: ''; animation: link-gradient 5s linear infinite; top: 50%; right: 5px; left: 5px; height: 5px; border-radius: 25px; background: linear-gradient(to right, #8A00EF, #BA42EC 20%, #FE4F78 40%, #FCB316 60%, #B6E142 80%, #2DD246 100%); z-index: -1;}a.logo.disabled::before {content: none;}.portfolio .content {padding: 80px 0;}.portfolio .content .col {margin-bottom: 32px;}.portfolio .content img {width: 100%;}.portfolio .content img ~ * {margin: 32px 0;}.portfolio .content .col > div {height: 100%; padding: 32px; border: 3px solid #000; position: relative; display: flex; flex-direction: column; justify-content: space-between;}.portfolio .btn-wrap {display: flex; justify-content: center;}.portfolio h3 {font-size: 1.25rem; font-family: 'Jura', sans-serif; font-weight: 500; margin: 1rem 0;}@media (min-width: 576px) {    .portfolio .content .col {margin-bottom: 160px;}    .portfolio .content .col > div {padding: 32px 80px;}    .portfolio .content .col > div::before {position: absolute; content: ''; top: -32px; right: 24px; bottom: -32px; left: 24px; background-color: #fff; z-index: -1; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);}}.reviews .content {padding: 64px 0;}.review {margin-top: 32px; padding: 60px; max-width: 1000px; border: 9px solid var(--blue-1);}.review-header {min-height: 190px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.review-header::after {content: '';}.review-name {align-self: flex-end;}.review-logo {align-self: flex-start;}.review-review {margin: 48px 140px 0 40px;}.reviews blockquote {margin: 1rem 0!important;}@media (min-width: 576px) {    .review {padding: 60px;}}.contacts {padding-top: 150px; margin-top: -150px; min-height: 100vh; display:flex; align-items: center;}.contacts .content {max-width: 750px;}.contacts .col {margin-bottom: 42px;}.contacts h4 {margin-bottom: 16px;}.contacts .item-1 a {text-decoration: none; border-bottom: 3px solid var(--purple-3);}.contacts .obj-1 {background-image: url(/images/pages/contacts/004.png); width: 748px; height: 613px; transform: translateY(-50%); top: 50%; right: 180px;}@media (min-width: 768px) {.contacts {height: 100vh; max-height: 1000px; min-height: 900px;}}table {border-collapse: collapse;}table p {margin: 0;}tr {border-bottom: 1px solid lightgray;}th {font-size: 1rem; color: gray; font-weight: 500;}th + th, td + td {padding-left: .5rem;}.breadcrumb {display: flex; flex-wrap: wrap;}.divider {margin: 0 4px;}.text-gradient {font-size: 90px; text-transform: uppercase; background: linear-gradient(to bottom, #8A00EF, #FF8BBF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(--pink-2); display: inline-block; line-height: 100%;}#scroll-to-top {position: fixed; font-size: 0.7rem; transform: rotateZ(0); z-index: 1030; opacity: 0; transition: 0.5s; display: flex; justify-content: center; align-items: center; left: 2em; bottom: 2em; width: 2.5rem; height: 2.5rem; border: none; border-radius: 0.25rem; transition: 0.5s; background: rgba(0, 0, 0, 0.2); cursor: pointer;}#scroll-to-top.active {opacity: 1;}#scroll-to-top.scroll-to-bottom {transform: rotateZ(180deg); opacity: 1;}#scroll-to-top::before {content: url("/images/tmpl/icon/arrow.svg"); transform: rotateZ(180deg); filter: brightness(0%) invert(100%);}#scroll-to-top:hover {background-color: rgba(0, 0, 0, 0.3);}.custom-stati img{border-radius: 10px; max-width: 600px; max-height: 400px; border: 1px solid #ddd; margin: 1rem auto; display: block;}@media screen and (max-width: 600px) {    .custom-stati img{width: 100%; height: auto;}}.support-slider {padding-top: 150px; margin-top: -150px; display:flex; align-items: center;}.support-slider .background {display: flex; align-items: center; transform: unset;} .support-slider .background video {border-radius: 30px; display: none; margin-left: 3rem;}@media (min-width: 768px) {    .support-slider {height: 100vh; max-height: 1000px; min-height: 900px; padding-top: 158px; }    .support-slider .background video {display: block;}}/* @media (min-width: 992px) {    .support-slider .obj-1 {transform: translate(-50%, -50%); top: 50%; left: 70%;}    .circle-container *:before, .circle-container *:after {position: absolute;content: "";}    .circle-container {position: relative;width: 300px;height: 500px;margin: auto;transform: scale3d(1.2, 0.8, 1);}    .circle {position: absolute;border-radius: 50%;}    .circle:nth-child(1) {width: 200px;height: 200px;transform: skew(0, -10deg);top: 15px;left: 3.22px;-webkit-animation: rotate 5s linear infinite;animation: rotate 5s linear infinite;}    .circle:nth-child(1) .content {position: absolute;width: 146px;height: 27px;top: 40%;left: 40%;}    .circle:nth-child(1) .content:nth-child(1) {opacity: 0.5;-webkit-clip-path: polygon(37% 0, 77% 0, 5% 48%);clip-path: polygon(37% 0, 77% 0, 5% 48%);background: #5046b9;transform: rotate(14.4deg) translate(0, 60px);}    .circle:nth-child(1) .content:nth-child(1):before, .circle:nth-child(1) .content:nth-child(1):after {width: 40px;height: 7px;-webkit-clip-path: polygon(79% 0, 16% 0, 27% 48%);clip-path: polygon(79% 0, 16% 0, 27% 48%);}    .circle:nth-child(1) .content:nth-child(1):before {background: #fff;}    .circle:nth-child(1) .content:nth-child(1):after {top: 10px;left: 30px;background: #8d3cc3;}    .circle:nth-child(1) .content:nth-child(2) {opacity: 0.5;-webkit-clip-path: polygon(87% 0, 33% 0, 8% 48%);clip-path: polygon(87% 0, 33% 0, 8% 48%);background: #1703fc;transform: rotate(28.8deg) translate(0, 60px);}    .circle:nth-child(1) .content:nth-child(2):before, .circle:nth-child(1) .content:nth-child(2):after {width: 74px;height: 30px;        -webkit-clip-path: polygon(62% 0, 58% 0, 10% 48%);        clip-path: polygon(62% 0, 58% 0, 10% 48%);    }    .circle:nth-child(1) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #9224db;    }    .circle:nth-child(1) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 61% 0, 17% 48%);        clip-path: polygon(34% 0, 61% 0, 17% 48%);        background: #3729d6;        transform: rotate(43.2deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(3):before, .circle:nth-child(1) .content:nth-child(3):after {        width: 22px;        height: 30px;        -webkit-clip-path: polygon(36% 0, 48% 0, 22% 48%);        clip-path: polygon(36% 0, 48% 0, 22% 48%);    }    .circle:nth-child(1) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(1) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(80% 0, 19% 0, 8% 48%);        clip-path: polygon(80% 0, 19% 0, 8% 48%);        background: #6d6a95;        transform: rotate(57.6deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(4):before, .circle:nth-child(1) .content:nth-child(4):after {        width: 17px;        height: 10px;        -webkit-clip-path: polygon(64% 0, 99% 0, 26% 48%);        clip-path: polygon(64% 0, 99% 0, 26% 48%);    }    .circle:nth-child(1) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #8a4bb4;    }    .circle:nth-child(1) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 74% 0, 99% 48%);        clip-path: polygon(81% 0, 74% 0, 99% 48%);        background: #6b6798;        transform: rotate(72deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(5):before, .circle:nth-child(1) .content:nth-child(5):after {        width: 78px;        height: 9px;        -webkit-clip-path: polygon(30% 0, 39% 0, 51% 48%);        clip-path: polygon(30% 0, 39% 0, 51% 48%);    }    .circle:nth-child(1) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(1) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(9% 0, 62% 0, 24% 48%);        clip-path: polygon(9% 0, 62% 0, 24% 48%);        background: #1c08f7;        transform: rotate(86.4deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(6):before, .circle:nth-child(1) .content:nth-child(6):after {        width: 98px;        height: 40px;        -webkit-clip-path: polygon(38% 0, 41% 0, 39% 48%);        clip-path: polygon(38% 0, 41% 0, 39% 48%);    }    .circle:nth-child(1) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8a49b6;    }    .circle:nth-child(1) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(61% 0, 92% 0, 13% 48%);        clip-path: polygon(61% 0, 92% 0, 13% 48%);        background: #7a7986;        transform: rotate(100.8deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(7):before, .circle:nth-child(1) .content:nth-child(7):after {        width: 4px;        height: 14px;        -webkit-clip-path: polygon(36% 0, 2% 0, 52% 48%);        clip-path: polygon(36% 0, 2% 0, 52% 48%);    }    .circle:nth-child(1) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8a4bb4;    }    .circle:nth-child(1) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(78% 0, 13% 0, 20% 48%);        clip-path: polygon(78% 0, 13% 0, 20% 48%);        background: #4539c6;        transform: rotate(115.2deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(8):before, .circle:nth-child(1) .content:nth-child(8):after {        width: 87px;        height: 41px;        -webkit-clip-path: polygon(71% 0, 4% 0, 48% 48%);        clip-path: polygon(71% 0, 4% 0, 48% 48%);    }    .circle:nth-child(1) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(1) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 77% 0, 12% 48%);        clip-path: polygon(64% 0, 77% 0, 12% 48%);        background: #5f58a7;        transform: rotate(129.6deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(9):before, .circle:nth-child(1) .content:nth-child(9):after {        width: 15px;        height: 22px;        -webkit-clip-path: polygon(50% 0, 22% 0, 46% 48%);        clip-path: polygon(50% 0, 22% 0, 46% 48%);    }    .circle:nth-child(1) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(1) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 85% 0, 56% 48%);        clip-path: polygon(101% 0, 85% 0, 56% 48%);        background: #483dc2;        transform: rotate(144deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(10):before, .circle:nth-child(1) .content:nth-child(10):after {        width: 58px;        height: 28px;        -webkit-clip-path: polygon(2% 0, 52% 0, 97% 48%);        clip-path: polygon(2% 0, 52% 0, 97% 48%);    }    .circle:nth-child(1) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #8c41be;    }    .circle:nth-child(1) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 44% 0, 40% 48%);        clip-path: polygon(23% 0, 44% 0, 40% 48%);        background: #5f58a7;        transform: rotate(158.4deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(11):before, .circle:nth-child(1) .content:nth-child(11):after {        width: 81px;        height: 49px;        -webkit-clip-path: polygon(60% 0, 98% 0, 92% 48%);        clip-path: polygon(60% 0, 98% 0, 92% 48%);    }    .circle:nth-child(1) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #846a95;    }    .circle:nth-child(1) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(73% 0, 21% 0, 26% 48%);        clip-path: polygon(73% 0, 21% 0, 26% 48%);        background: #4539c6;        transform: rotate(172.8deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(12):before, .circle:nth-child(1) .content:nth-child(12):after {        width: 9px;        height: 47px;        -webkit-clip-path: polygon(3% 0, 80% 0, 37% 48%);        clip-path: polygon(3% 0, 80% 0, 37% 48%);    }    .circle:nth-child(1) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #931ce3;    }    .circle:nth-child(1) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(74% 0, 91% 0, 26% 48%);        clip-path: polygon(74% 0, 91% 0, 26% 48%);        background: #1703fc;        transform: rotate(187.2deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(13):before, .circle:nth-child(1) .content:nth-child(13):after {        width: 62px;        height: 48px;        -webkit-clip-path: polygon(56% 0, 80% 0, 17% 48%);        clip-path: polygon(56% 0, 80% 0, 17% 48%);    }    .circle:nth-child(1) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(1) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(87% 0, 52% 0, 60% 48%);        clip-path: polygon(87% 0, 52% 0, 60% 48%);        background: #4438c7;        transform: rotate(201.6deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(14):before, .circle:nth-child(1) .content:nth-child(14):after {        width: 88px;        height: 9px;        -webkit-clip-path: polygon(2% 0, 19% 0, 70% 48%);        clip-path: polygon(2% 0, 19% 0, 70% 48%);    }    .circle:nth-child(1) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(1) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(45% 0, 58% 0, 89% 48%);        clip-path: polygon(45% 0, 58% 0, 89% 48%);        background: #787788;        transform: rotate(216deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(15):before, .circle:nth-child(1) .content:nth-child(15):after {        width: 100px;        height: 47px;        -webkit-clip-path: polygon(68% 0, 78% 0, 71% 48%);        clip-path: polygon(68% 0, 78% 0, 71% 48%);    }    .circle:nth-child(1) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #8857a8;    }    .circle:nth-child(1) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(56% 0, 32% 0, 51% 48%);        clip-path: polygon(56% 0, 32% 0, 51% 48%);        background: #1c08f7;        transform: rotate(230.4deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(16):before, .circle:nth-child(1) .content:nth-child(16):after {        width: 30px;        height: 8px;        -webkit-clip-path: polygon(74% 0, 87% 0, 21% 48%);        clip-path: polygon(74% 0, 87% 0, 21% 48%);    }    .circle:nth-child(1) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #846996;    }    .circle:nth-child(1) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 48% 0, 83% 48%);        clip-path: polygon(11% 0, 48% 0, 83% 48%);        background: #7e7e81;        transform: rotate(244.8deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(17):before, .circle:nth-child(1) .content:nth-child(17):after {        width: 64px;        height: 41px;        -webkit-clip-path: polygon(73% 0, 26% 0, 31% 48%);        clip-path: polygon(73% 0, 26% 0, 31% 48%);    }    .circle:nth-child(1) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #8a49b6;    }    .circle:nth-child(1) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(29% 0, 38% 0, 97% 48%);        clip-path: polygon(29% 0, 38% 0, 97% 48%);        background: #6d6a95;        transform: rotate(259.2deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(18):before, .circle:nth-child(1) .content:nth-child(18):after {        width: 36px;        height: 38px;        -webkit-clip-path: polygon(8% 0, 18% 0, 96% 48%);        clip-path: polygon(8% 0, 18% 0, 96% 48%);    }    .circle:nth-child(1) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #807c83;    }    .circle:nth-child(1) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(82% 0, 17% 0, 34% 48%);        clip-path: polygon(82% 0, 17% 0, 34% 48%);        background: #67629d;        transform: rotate(273.6deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(19):before, .circle:nth-child(1) .content:nth-child(19):after {        width: 87px;        height: 23px;        -webkit-clip-path: polygon(82% 0, 45% 0, 83% 48%);        clip-path: polygon(82% 0, 45% 0, 83% 48%);    }    .circle:nth-child(1) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #9221de;    }    .circle:nth-child(1) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(79% 0, 48% 0, 50% 48%);        clip-path: polygon(79% 0, 48% 0, 50% 48%);        background: #2311ee;        transform: rotate(288deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(20):before, .circle:nth-child(1) .content:nth-child(20):after {        width: 75px;        height: 43px;        -webkit-clip-path: polygon(49% 0, 65% 0, 89% 48%);        clip-path: polygon(49% 0, 65% 0, 89% 48%);    }    .circle:nth-child(1) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #8758a7;    }    .circle:nth-child(1) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(14% 0, 64% 0, 68% 48%);        clip-path: polygon(14% 0, 64% 0, 68% 48%);        background: #5850af;        transform: rotate(302.4deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(21):before, .circle:nth-child(1) .content:nth-child(21):after {        width: 32px;        height: 24px;        -webkit-clip-path: polygon(98% 0, 72% 0, 65% 48%);        clip-path: polygon(98% 0, 72% 0, 65% 48%);    }    .circle:nth-child(1) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(1) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(21% 0, 92% 0, 75% 48%);        clip-path: polygon(21% 0, 92% 0, 75% 48%);        background: #4f45ba;        transform: rotate(316.8deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(22):before, .circle:nth-child(1) .content:nth-child(22):after {        width: 41px;        height: 14px;        -webkit-clip-path: polygon(70% 0, 52% 0, 59% 48%);        clip-path: polygon(70% 0, 52% 0, 59% 48%);    }    .circle:nth-child(1) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(1) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(88% 0, 59% 0, 74% 48%);        clip-path: polygon(88% 0, 59% 0, 74% 48%);        background: #7d7d82;        transform: rotate(331.2deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(23):before, .circle:nth-child(1) .content:nth-child(23):after {        width: 69px;        height: 27px;        -webkit-clip-path: polygon(87% 0, 52% 0, 7% 48%);        clip-path: polygon(87% 0, 52% 0, 7% 48%);    }    .circle:nth-child(1) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #807d82;    }    .circle:nth-child(1) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 86% 0, 49% 48%);        clip-path: polygon(36% 0, 86% 0, 49% 48%);        background: #534ab5;        transform: rotate(345.6deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(24):before, .circle:nth-child(1) .content:nth-child(24):after {        width: 26px;        height: 47px;        -webkit-clip-path: polygon(100% 0, 89% 0, 9% 48%);        clip-path: polygon(100% 0, 89% 0, 9% 48%);    }    .circle:nth-child(1) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #865ea1;    }    .circle:nth-child(1) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(17% 0, 20% 0, 29% 48%);        clip-path: polygon(17% 0, 20% 0, 29% 48%);        background: #564eb1;        transform: rotate(360deg) translate(0, 60px);    }    .circle:nth-child(1) .content:nth-child(25):before, .circle:nth-child(1) .content:nth-child(25):after {        width: 21px;        height: 39px;        -webkit-clip-path: polygon(50% 0, 46% 0, 49% 48%);        clip-path: polygon(50% 0, 46% 0, 49% 48%);    }    .circle:nth-child(1) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(1) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(2) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 30px;        left: 6.44px;        -webkit-animation: rotate 5s linear infinite;        animation: rotate 5s linear infinite;    }    .circle:nth-child(2) .content {        position: absolute;        width: 147px;        height: 4px;        top: 40%;        left: 40%;    }    .circle:nth-child(2) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(75% 0, 28% 0, 28% 48%);        clip-path: polygon(75% 0, 28% 0, 28% 48%);        background: #5147b8;        transform: rotate(14.4deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(1):before, .circle:nth-child(2) .content:nth-child(1):after {        width: 33px;        height: 50px;        -webkit-clip-path: polygon(39% 0, 52% 0, 67% 48%);        clip-path: polygon(39% 0, 52% 0, 67% 48%);    }    .circle:nth-child(2) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(2) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(89% 0, 78% 0, 60% 48%);        clip-path: polygon(89% 0, 78% 0, 60% 48%);        background: #7b7a85;        transform: rotate(28.8deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(2):before, .circle:nth-child(2) .content:nth-child(2):after {        width: 36px;        height: 15px;        -webkit-clip-path: polygon(82% 0, 99% 0, 42% 48%);        clip-path: polygon(82% 0, 99% 0, 42% 48%);    }    .circle:nth-child(2) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #9708f7;    }    .circle:nth-child(2) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 101% 0, 6% 48%);        clip-path: polygon(44% 0, 101% 0, 6% 48%);        background: #7c7c83;        transform: rotate(43.2deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(3):before, .circle:nth-child(2) .content:nth-child(3):after {        width: 73px;        height: 21px;        -webkit-clip-path: polygon(66% 0, 66% 0, 63% 48%);        clip-path: polygon(66% 0, 66% 0, 63% 48%);    }    .circle:nth-child(2) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(2) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(29% 0, 74% 0, 3% 48%);        clip-path: polygon(29% 0, 74% 0, 3% 48%);        background: #4033cc;        transform: rotate(57.6deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(4):before, .circle:nth-child(2) .content:nth-child(4):after {        width: 22px;        height: 46px;        -webkit-clip-path: polygon(42% 0, 54% 0, 84% 48%);        clip-path: polygon(42% 0, 54% 0, 84% 48%);    }    .circle:nth-child(2) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #9222dd;    }    .circle:nth-child(2) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 21% 0, 75% 48%);        clip-path: polygon(44% 0, 21% 0, 75% 48%);        background: #4f45ba;        transform: rotate(72deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(5):before, .circle:nth-child(2) .content:nth-child(5):after {        width: 11px;        height: 50px;        -webkit-clip-path: polygon(100% 0, 72% 0, 55% 48%);        clip-path: polygon(100% 0, 72% 0, 55% 48%);    }    .circle:nth-child(2) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #846798;    }    .circle:nth-child(2) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(52% 0, 53% 0, 47% 48%);        clip-path: polygon(52% 0, 53% 0, 47% 48%);        background: #797887;        transform: rotate(86.4deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(6):before, .circle:nth-child(2) .content:nth-child(6):after {        width: 55px;        height: 3px;        -webkit-clip-path: polygon(13% 0, 5% 0, 21% 48%);        clip-path: polygon(13% 0, 5% 0, 21% 48%);    }    .circle:nth-child(2) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #836c93;    }    .circle:nth-child(2) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 4% 0, 17% 48%);        clip-path: polygon(55% 0, 4% 0, 17% 48%);        background: #392bd4;        transform: rotate(100.8deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(7):before, .circle:nth-child(2) .content:nth-child(7):after {        width: 70px;        height: 9px;        -webkit-clip-path: polygon(42% 0, 2% 0, 99% 48%);        clip-path: polygon(42% 0, 2% 0, 99% 48%);    }    .circle:nth-child(2) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8b44bb;    }    .circle:nth-child(2) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(53% 0, 65% 0, 7% 48%);        clip-path: polygon(53% 0, 65% 0, 7% 48%);        background: #5c55aa;        transform: rotate(115.2deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(8):before, .circle:nth-child(2) .content:nth-child(8):after {        width: 24px;        height: 18px;        -webkit-clip-path: polygon(32% 0, 94% 0, 100% 48%);        clip-path: polygon(32% 0, 94% 0, 100% 48%);    }    .circle:nth-child(2) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #9417e8;    }    .circle:nth-child(2) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 79% 0, 2% 48%);        clip-path: polygon(64% 0, 79% 0, 2% 48%);        background: #615ba4;        transform: rotate(129.6deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(9):before, .circle:nth-child(2) .content:nth-child(9):after {        width: 90px;        height: 1px;        -webkit-clip-path: polygon(13% 0, 55% 0, 55% 48%);        clip-path: polygon(13% 0, 55% 0, 55% 48%);    }    .circle:nth-child(2) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #902dd2;    }    .circle:nth-child(2) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(42% 0, 75% 0, 48% 48%);        clip-path: polygon(42% 0, 75% 0, 48% 48%);        background: #544bb4;        transform: rotate(144deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(10):before, .circle:nth-child(2) .content:nth-child(10):after {        width: 98px;        height: 26px;        -webkit-clip-path: polygon(73% 0, 29% 0, 70% 48%);        clip-path: polygon(73% 0, 29% 0, 70% 48%);    }    .circle:nth-child(2) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(2) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(60% 0, 76% 0, 47% 48%);        clip-path: polygon(60% 0, 76% 0, 47% 48%);        background: #1601fe;        transform: rotate(158.4deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(11):before, .circle:nth-child(2) .content:nth-child(11):after {        width: 75px;        height: 48px;        -webkit-clip-path: polygon(26% 0, 45% 0, 6% 48%);        clip-path: polygon(26% 0, 45% 0, 6% 48%);    }    .circle:nth-child(2) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #902fd0;    }    .circle:nth-child(2) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(83% 0, 62% 0, 36% 48%);        clip-path: polygon(83% 0, 62% 0, 36% 48%);        background: #382ad5;        transform: rotate(172.8deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(12):before, .circle:nth-child(2) .content:nth-child(12):after {        width: 31px;        height: 11px;        -webkit-clip-path: polygon(95% 0, 2% 0, 20% 48%);        clip-path: polygon(95% 0, 2% 0, 20% 48%);    }    .circle:nth-child(2) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #8855aa;    }    .circle:nth-child(2) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 93% 0, 56% 48%);        clip-path: polygon(32% 0, 93% 0, 56% 48%);        background: #5249b6;        transform: rotate(187.2deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(13):before, .circle:nth-child(2) .content:nth-child(13):after {        width: 13px;        height: 45px;        -webkit-clip-path: polygon(93% 0, 29% 0, 45% 48%);        clip-path: polygon(93% 0, 29% 0, 45% 48%);    }    .circle:nth-child(2) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9900ff;    }    .circle:nth-child(2) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(24% 0, 5% 0, 10% 48%);        clip-path: polygon(24% 0, 5% 0, 10% 48%);        background: #635da2;        transform: rotate(201.6deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(14):before, .circle:nth-child(2) .content:nth-child(14):after {        width: 73px;        height: 12px;        -webkit-clip-path: polygon(52% 0, 85% 0, 48% 48%);        clip-path: polygon(52% 0, 85% 0, 48% 48%);    }    .circle:nth-child(2) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #8f32cd;    }    .circle:nth-child(2) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(45% 0, 83% 0, 36% 48%);        clip-path: polygon(45% 0, 83% 0, 36% 48%);        background: #3526d9;        transform: rotate(216deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(15):before, .circle:nth-child(2) .content:nth-child(15):after {        width: 64px;        height: 39px;        -webkit-clip-path: polygon(77% 0, 18% 0, 78% 48%);        clip-path: polygon(77% 0, 18% 0, 78% 48%);    }    .circle:nth-child(2) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #8b44bb;    }    .circle:nth-child(2) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 41% 0, 55% 48%);        clip-path: polygon(55% 0, 41% 0, 55% 48%);        background: #210ef1;        transform: rotate(230.4deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(16):before, .circle:nth-child(2) .content:nth-child(16):after {        width: 95px;        height: 41px;        -webkit-clip-path: polygon(92% 0, 2% 0, 6% 48%);        clip-path: polygon(92% 0, 2% 0, 6% 48%);    }    .circle:nth-child(2) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #9804fb;    }    .circle:nth-child(2) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(6% 0, 54% 0, 86% 48%);        clip-path: polygon(6% 0, 54% 0, 86% 48%);        background: #1e0af5;        transform: rotate(244.8deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(17):before, .circle:nth-child(2) .content:nth-child(17):after {        width: 57px;        height: 23px;        -webkit-clip-path: polygon(68% 0, 76% 0, 11% 48%);        clip-path: polygon(68% 0, 76% 0, 11% 48%);    }    .circle:nth-child(2) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #846798;    }    .circle:nth-child(2) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(40% 0, 29% 0, 81% 48%);        clip-path: polygon(40% 0, 29% 0, 81% 48%);        background: #7c7c83;        transform: rotate(259.2deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(18):before, .circle:nth-child(2) .content:nth-child(18):after {        width: 73px;        height: 42px;        -webkit-clip-path: polygon(75% 0, 64% 0, 58% 48%);        clip-path: polygon(75% 0, 64% 0, 58% 48%);    }    .circle:nth-child(2) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #9128d7;    }    .circle:nth-child(2) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(54% 0, 31% 0, 37% 48%);        clip-path: polygon(54% 0, 31% 0, 37% 48%);        background: #2c1be4;        transform: rotate(273.6deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(19):before, .circle:nth-child(2) .content:nth-child(19):after {        width: 83px;        height: 19px;        -webkit-clip-path: polygon(72% 0, 86% 0, 77% 48%);        clip-path: polygon(72% 0, 86% 0, 77% 48%);    }    .circle:nth-child(2) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(2) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 50% 0, 101% 48%);        clip-path: polygon(67% 0, 50% 0, 101% 48%);        background: #3f32cd;        transform: rotate(288deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(20):before, .circle:nth-child(2) .content:nth-child(20):after {        width: 32px;        height: 13px;        -webkit-clip-path: polygon(76% 0, 2% 0, 27% 48%);        clip-path: polygon(76% 0, 2% 0, 27% 48%);    }    .circle:nth-child(2) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #817a85;    }    .circle:nth-child(2) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(42% 0, 3% 0, 64% 48%);        clip-path: polygon(42% 0, 3% 0, 64% 48%);        background: #5c55aa;        transform: rotate(302.4deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(21):before, .circle:nth-child(2) .content:nth-child(21):after {        width: 21px;        height: 40px;        -webkit-clip-path: polygon(56% 0, 72% 0, 92% 48%);        clip-path: polygon(56% 0, 72% 0, 92% 48%);    }    .circle:nth-child(2) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #8b46b9;    }    .circle:nth-child(2) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(79% 0, 72% 0, 63% 48%);        clip-path: polygon(79% 0, 72% 0, 63% 48%);        background: #392bd4;        transform: rotate(316.8deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(22):before, .circle:nth-child(2) .content:nth-child(22):after {        width: 47px;        height: 27px;        -webkit-clip-path: polygon(87% 0, 7% 0, 3% 48%);        clip-path: polygon(87% 0, 7% 0, 3% 48%);    }    .circle:nth-child(2) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(2) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 45% 0, 74% 48%);        clip-path: polygon(15% 0, 45% 0, 74% 48%);        background: #5e57a8;        transform: rotate(331.2deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(23):before, .circle:nth-child(2) .content:nth-child(23):after {        width: 80px;        height: 25px;        -webkit-clip-path: polygon(76% 0, 32% 0, 50% 48%);        clip-path: polygon(76% 0, 32% 0, 50% 48%);    }    .circle:nth-child(2) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(2) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(56% 0, 3% 0, 98% 48%);        clip-path: polygon(56% 0, 3% 0, 98% 48%);        background: #4f45ba;        transform: rotate(345.6deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(24):before, .circle:nth-child(2) .content:nth-child(24):after {        width: 62px;        height: 19px;        -webkit-clip-path: polygon(88% 0, 30% 0, 64% 48%);        clip-path: polygon(88% 0, 30% 0, 64% 48%);    }    .circle:nth-child(2) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8d3ec1;    }    .circle:nth-child(2) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 59% 0, 66% 48%);        clip-path: polygon(23% 0, 59% 0, 66% 48%);        background: #2513ec;        transform: rotate(360deg) translate(0, 70px);    }    .circle:nth-child(2) .content:nth-child(25):before, .circle:nth-child(2) .content:nth-child(25):after {        width: 91px;        height: 28px;        -webkit-clip-path: polygon(35% 0, 88% 0, 47% 48%);        clip-path: polygon(35% 0, 88% 0, 47% 48%);    }    .circle:nth-child(2) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(2) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #8a4ab5;    }    .circle:nth-child(3) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 45px;        left: 9.66px;        -webkit-animation: rotate-reverse 12s linear infinite;        animation: rotate-reverse 12s linear infinite;    }    .circle:nth-child(3) .content {        position: absolute;        width: 36px;        height: 16px;        top: 40%;        left: 40%;    }    .circle:nth-child(3) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(58% 0, 22% 0, 91% 48%);        clip-path: polygon(58% 0, 22% 0, 91% 48%);        background: #706c93;        transform: rotate(14.4deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(1):before, .circle:nth-child(3) .content:nth-child(1):after {        width: 69px;        height: 39px;        -webkit-clip-path: polygon(39% 0, 47% 0, 55% 48%);        clip-path: polygon(39% 0, 47% 0, 55% 48%);    }    .circle:nth-child(3) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #941ae6;    }    .circle:nth-child(3) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(83% 0, 13% 0, 85% 48%);        clip-path: polygon(83% 0, 13% 0, 85% 48%);        background: #1804fb;        transform: rotate(28.8deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(2):before, .circle:nth-child(3) .content:nth-child(2):after {        width: 32px;        height: 30px;        -webkit-clip-path: polygon(59% 0, 63% 0, 44% 48%);        clip-path: polygon(59% 0, 63% 0, 44% 48%);    }    .circle:nth-child(3) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(3) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(7% 0, 83% 0, 22% 48%);        clip-path: polygon(7% 0, 83% 0, 22% 48%);        background: #5f58a7;        transform: rotate(43.2deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(3):before, .circle:nth-child(3) .content:nth-child(3):after {        width: 68px;        height: 4px;        -webkit-clip-path: polygon(96% 0, 6% 0, 77% 48%);        clip-path: polygon(96% 0, 6% 0, 77% 48%);    }    .circle:nth-child(3) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8b45ba;    }    .circle:nth-child(3) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 29% 0, 28% 48%);        clip-path: polygon(81% 0, 29% 0, 28% 48%);        background: #3e30cf;        transform: rotate(57.6deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(4):before, .circle:nth-child(3) .content:nth-child(4):after {        width: 71px;        height: 12px;        -webkit-clip-path: polygon(20% 0, 98% 0, 19% 48%);        clip-path: polygon(20% 0, 98% 0, 19% 48%);    }    .circle:nth-child(3) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #8a4bb4;    }    .circle:nth-child(3) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(12% 0, 4% 0, 78% 48%);        clip-path: polygon(12% 0, 4% 0, 78% 48%);        background: #4033cc;        transform: rotate(72deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(5):before, .circle:nth-child(3) .content:nth-child(5):after {        width: 36px;        height: 12px;        -webkit-clip-path: polygon(24% 0, 56% 0, 6% 48%);        clip-path: polygon(24% 0, 56% 0, 6% 48%);    }    .circle:nth-child(3) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(3) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(27% 0, 89% 0, 98% 48%);        clip-path: polygon(27% 0, 89% 0, 98% 48%);        background: #5046b9;        transform: rotate(86.4deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(6):before, .circle:nth-child(3) .content:nth-child(6):after {        width: 89px;        height: 4px;        -webkit-clip-path: polygon(91% 0, 97% 0, 43% 48%);        clip-path: polygon(91% 0, 97% 0, 43% 48%);    }    .circle:nth-child(3) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(3) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(79% 0, 38% 0, 73% 48%);        clip-path: polygon(79% 0, 38% 0, 73% 48%);        background: #493ec1;        transform: rotate(100.8deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(7):before, .circle:nth-child(3) .content:nth-child(7):after {        width: 70px;        height: 45px;        -webkit-clip-path: polygon(96% 0, 75% 0, 83% 48%);        clip-path: polygon(96% 0, 75% 0, 83% 48%);    }    .circle:nth-child(3) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #960df2;    }    .circle:nth-child(3) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 101% 0, 69% 48%);        clip-path: polygon(101% 0, 101% 0, 69% 48%);        background: #4337c8;        transform: rotate(115.2deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(8):before, .circle:nth-child(3) .content:nth-child(8):after {        width: 71px;        height: 28px;        -webkit-clip-path: polygon(74% 0, 71% 0, 30% 48%);        clip-path: polygon(74% 0, 71% 0, 30% 48%);    }    .circle:nth-child(3) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(3) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(29% 0, 82% 0, 98% 48%);        clip-path: polygon(29% 0, 82% 0, 98% 48%);        background: #5c55aa;        transform: rotate(129.6deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(9):before, .circle:nth-child(3) .content:nth-child(9):after {        width: 99px;        height: 35px;        -webkit-clip-path: polygon(29% 0, 31% 0, 22% 48%);        clip-path: polygon(29% 0, 31% 0, 22% 48%);    }    .circle:nth-child(3) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #807c83;    }    .circle:nth-child(3) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(71% 0, 39% 0, 100% 48%);        clip-path: polygon(71% 0, 39% 0, 100% 48%);        background: #1703fc;        transform: rotate(144deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(10):before, .circle:nth-child(3) .content:nth-child(10):after {        width: 10px;        height: 31px;        -webkit-clip-path: polygon(65% 0, 44% 0, 41% 48%);        clip-path: polygon(65% 0, 44% 0, 41% 48%);    }    .circle:nth-child(3) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(3) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 71% 0, 54% 48%);        clip-path: polygon(44% 0, 71% 0, 54% 48%);        background: #4a40bf;        transform: rotate(158.4deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(11):before, .circle:nth-child(3) .content:nth-child(11):after {        width: 92px;        height: 50px;        -webkit-clip-path: polygon(35% 0, 83% 0, 91% 48%);        clip-path: polygon(35% 0, 83% 0, 91% 48%);    }    .circle:nth-child(3) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(3) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(18% 0, 36% 0, 25% 48%);        clip-path: polygon(18% 0, 36% 0, 25% 48%);        background: #574fb0;        transform: rotate(172.8deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(12):before, .circle:nth-child(3) .content:nth-child(12):after {        width: 40px;        height: 27px;        -webkit-clip-path: polygon(55% 0, 80% 0, 91% 48%);        clip-path: polygon(55% 0, 80% 0, 91% 48%);    }    .circle:nth-child(3) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #85659a;    }    .circle:nth-child(3) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(95% 0, 92% 0, 33% 48%);        clip-path: polygon(95% 0, 92% 0, 33% 48%);        background: #7a7986;        transform: rotate(187.2deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(13):before, .circle:nth-child(3) .content:nth-child(13):after {        width: 54px;        height: 19px;        -webkit-clip-path: polygon(68% 0, 9% 0, 59% 48%);        clip-path: polygon(68% 0, 9% 0, 59% 48%);    }    .circle:nth-child(3) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #902dd2;    }    .circle:nth-child(3) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 30% 0, 14% 48%);        clip-path: polygon(4% 0, 30% 0, 14% 48%);        background: #574fb0;        transform: rotate(201.6deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(14):before, .circle:nth-child(3) .content:nth-child(14):after {        width: 67px;        height: 31px;        -webkit-clip-path: polygon(84% 0, 89% 0, 6% 48%);        clip-path: polygon(84% 0, 89% 0, 6% 48%);    }    .circle:nth-child(3) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9512ed;    }    .circle:nth-child(3) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(38% 0, 55% 0, 55% 48%);        clip-path: polygon(38% 0, 55% 0, 55% 48%);        background: #787788;        transform: rotate(216deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(15):before, .circle:nth-child(3) .content:nth-child(15):after {        width: 40px;        height: 18px;        -webkit-clip-path: polygon(43% 0, 34% 0, 72% 48%);        clip-path: polygon(43% 0, 34% 0, 72% 48%);    }    .circle:nth-child(3) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #8d3bc4;    }    .circle:nth-child(3) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 44% 0, 42% 48%);        clip-path: polygon(44% 0, 44% 0, 42% 48%);        background: #3425da;        transform: rotate(230.4deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(16):before, .circle:nth-child(3) .content:nth-child(16):after {        width: 97px;        height: 11px;        -webkit-clip-path: polygon(45% 0, 49% 0, 85% 48%);        clip-path: polygon(45% 0, 49% 0, 85% 48%);    }    .circle:nth-child(3) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #82738c;    }    .circle:nth-child(3) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 88% 0, 38% 48%);        clip-path: polygon(15% 0, 88% 0, 38% 48%);        background: #6059a6;        transform: rotate(244.8deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(17):before, .circle:nth-child(3) .content:nth-child(17):after {        width: 55px;        height: 33px;        -webkit-clip-path: polygon(90% 0, 42% 0, 87% 48%);        clip-path: polygon(90% 0, 42% 0, 87% 48%);    }    .circle:nth-child(3) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #846996;    }    .circle:nth-child(3) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(84% 0, 53% 0, 11% 48%);        clip-path: polygon(84% 0, 53% 0, 11% 48%);        background: #6b6798;        transform: rotate(259.2deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(18):before, .circle:nth-child(3) .content:nth-child(18):after {        width: 63px;        height: 37px;        -webkit-clip-path: polygon(23% 0, 57% 0, 101% 48%);        clip-path: polygon(23% 0, 57% 0, 101% 48%);    }    .circle:nth-child(3) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(3) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(53% 0, 91% 0, 56% 48%);        clip-path: polygon(53% 0, 91% 0, 56% 48%);        background: #3729d6;        transform: rotate(273.6deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(19):before, .circle:nth-child(3) .content:nth-child(19):after {        width: 75px;        height: 34px;        -webkit-clip-path: polygon(14% 0, 32% 0, 49% 48%);        clip-path: polygon(14% 0, 32% 0, 49% 48%);    }    .circle:nth-child(3) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(3) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(31% 0, 4% 0, 15% 48%);        clip-path: polygon(31% 0, 4% 0, 15% 48%);        background: #625ca3;        transform: rotate(288deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(20):before, .circle:nth-child(3) .content:nth-child(20):after {        width: 78px;        height: 47px;        -webkit-clip-path: polygon(14% 0, 93% 0, 90% 48%);        clip-path: polygon(14% 0, 93% 0, 90% 48%);    }    .circle:nth-child(3) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #9611ee;    }    .circle:nth-child(3) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(9% 0, 35% 0, 17% 48%);        clip-path: polygon(9% 0, 35% 0, 17% 48%);        background: #1e0af5;        transform: rotate(302.4deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(21):before, .circle:nth-child(3) .content:nth-child(21):after {        width: 84px;        height: 17px;        -webkit-clip-path: polygon(54% 0, 65% 0, 11% 48%);        clip-path: polygon(54% 0, 65% 0, 11% 48%);    }    .circle:nth-child(3) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #85659a;    }    .circle:nth-child(3) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(94% 0, 34% 0, 38% 48%);        clip-path: polygon(94% 0, 34% 0, 38% 48%);        background: #65609f;        transform: rotate(316.8deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(22):before, .circle:nth-child(3) .content:nth-child(22):after {        width: 16px;        height: 10px;        -webkit-clip-path: polygon(77% 0, 55% 0, 35% 48%);        clip-path: polygon(77% 0, 55% 0, 35% 48%);    }    .circle:nth-child(3) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #8f32cd;    }    .circle:nth-child(3) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 78% 0, 25% 48%);        clip-path: polygon(81% 0, 78% 0, 25% 48%);        background: #787788;        transform: rotate(331.2deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(23):before, .circle:nth-child(3) .content:nth-child(23):after {        width: 12px;        height: 18px;        -webkit-clip-path: polygon(43% 0, 2% 0, 20% 48%);        clip-path: polygon(43% 0, 2% 0, 20% 48%);    }    .circle:nth-child(3) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(3) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 53% 0, 90% 48%);        clip-path: polygon(101% 0, 53% 0, 90% 48%);        background: #67629d;        transform: rotate(345.6deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(24):before, .circle:nth-child(3) .content:nth-child(24):after {        width: 28px;        height: 39px;        -webkit-clip-path: polygon(17% 0, 31% 0, 35% 48%);        clip-path: polygon(17% 0, 31% 0, 35% 48%);    }    .circle:nth-child(3) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(3) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(25% 0, 23% 0, 27% 48%);        clip-path: polygon(25% 0, 23% 0, 27% 48%);        background: #5046b9;        transform: rotate(360deg) translate(0, 80px);    }    .circle:nth-child(3) .content:nth-child(25):before, .circle:nth-child(3) .content:nth-child(25):after {        width: 84px;        height: 50px;        -webkit-clip-path: polygon(82% 0, 59% 0, 91% 48%);        clip-path: polygon(82% 0, 59% 0, 91% 48%);    }    .circle:nth-child(3) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(3) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #9222dd;    }    .circle:nth-child(4) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 60px;        left: 12.88px;        -webkit-animation: rotate 13s linear infinite;        animation: rotate 13s linear infinite;    }    .circle:nth-child(4) .content {        position: absolute;        width: 127px;        height: 19px;        top: 40%;        left: 40%;    }    .circle:nth-child(4) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 75% 0, 31% 48%);        clip-path: polygon(81% 0, 75% 0, 31% 48%);        background: #4539c6;        transform: rotate(14.4deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(1):before, .circle:nth-child(4) .content:nth-child(1):after {        width: 62px;        height: 12px;        -webkit-clip-path: polygon(67% 0, 85% 0, 22% 48%);        clip-path: polygon(67% 0, 85% 0, 22% 48%);    }    .circle:nth-child(4) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(4) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(16% 0, 87% 0, 78% 48%);        clip-path: polygon(16% 0, 87% 0, 78% 48%);        background: #615ba4;        transform: rotate(28.8deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(2):before, .circle:nth-child(4) .content:nth-child(2):after {        width: 92px;        height: 17px;        -webkit-clip-path: polygon(66% 0, 70% 0, 4% 48%);        clip-path: polygon(66% 0, 70% 0, 4% 48%);    }    .circle:nth-child(4) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8857a8;    }    .circle:nth-child(4) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(28% 0, 87% 0, 70% 48%);        clip-path: polygon(28% 0, 87% 0, 70% 48%);        background: #493ec1;        transform: rotate(43.2deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(3):before, .circle:nth-child(4) .content:nth-child(3):after {        width: 20px;        height: 31px;        -webkit-clip-path: polygon(38% 0, 4% 0, 100% 48%);        clip-path: polygon(38% 0, 4% 0, 100% 48%);    }    .circle:nth-child(4) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(4) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 73% 0, 94% 48%);        clip-path: polygon(81% 0, 73% 0, 94% 48%);        background: #5c55aa;        transform: rotate(57.6deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(4):before, .circle:nth-child(4) .content:nth-child(4):after {        width: 27px;        height: 43px;        -webkit-clip-path: polygon(83% 0, 56% 0, 59% 48%);        clip-path: polygon(83% 0, 56% 0, 59% 48%);    }    .circle:nth-child(4) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(4) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 24% 0, 51% 48%);        clip-path: polygon(48% 0, 24% 0, 51% 48%);        background: #1a05fa;        transform: rotate(72deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(5):before, .circle:nth-child(4) .content:nth-child(5):after {        width: 22px;        height: 47px;        -webkit-clip-path: polygon(42% 0, 20% 0, 78% 48%);        clip-path: polygon(42% 0, 20% 0, 78% 48%);    }    .circle:nth-child(4) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #912ad5;    }    .circle:nth-child(4) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 3% 0, 84% 48%);        clip-path: polygon(11% 0, 3% 0, 84% 48%);        background: #635da2;        transform: rotate(86.4deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(6):before, .circle:nth-child(4) .content:nth-child(6):after {        width: 7px;        height: 34px;        -webkit-clip-path: polygon(38% 0, 16% 0, 96% 48%);        clip-path: polygon(38% 0, 16% 0, 96% 48%);    }    .circle:nth-child(4) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(4) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(96% 0, 27% 0, 26% 48%);        clip-path: polygon(96% 0, 27% 0, 26% 48%);        background: #2614eb;        transform: rotate(100.8deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(7):before, .circle:nth-child(4) .content:nth-child(7):after {        width: 22px;        height: 22px;        -webkit-clip-path: polygon(76% 0, 99% 0, 42% 48%);        clip-path: polygon(76% 0, 99% 0, 42% 48%);    }    .circle:nth-child(4) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #817788;    }    .circle:nth-child(4) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(39% 0, 83% 0, 19% 48%);        clip-path: polygon(39% 0, 83% 0, 19% 48%);        background: #2e1de2;        transform: rotate(115.2deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(8):before, .circle:nth-child(4) .content:nth-child(8):after {        width: 30px;        height: 31px;        -webkit-clip-path: polygon(86% 0, 3% 0, 63% 48%);        clip-path: polygon(86% 0, 3% 0, 63% 48%);    }    .circle:nth-child(4) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(4) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(13% 0, 31% 0, 84% 48%);        clip-path: polygon(13% 0, 31% 0, 84% 48%);        background: #5f58a7;        transform: rotate(129.6deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(9):before, .circle:nth-child(4) .content:nth-child(9):after {        width: 50px;        height: 8px;        -webkit-clip-path: polygon(4% 0, 14% 0, 64% 48%);        clip-path: polygon(4% 0, 14% 0, 64% 48%);    }    .circle:nth-child(4) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #865ea1;    }    .circle:nth-child(4) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(87% 0, 44% 0, 3% 48%);        clip-path: polygon(87% 0, 44% 0, 3% 48%);        background: #392bd4;        transform: rotate(144deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(10):before, .circle:nth-child(4) .content:nth-child(10):after {        width: 77px;        height: 31px;        -webkit-clip-path: polygon(33% 0, 32% 0, 13% 48%);        clip-path: polygon(33% 0, 32% 0, 13% 48%);    }    .circle:nth-child(4) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #8b44bb;    }    .circle:nth-child(4) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(9% 0, 50% 0, 13% 48%);        clip-path: polygon(9% 0, 50% 0, 13% 48%);        background: #5a53ac;        transform: rotate(158.4deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(11):before, .circle:nth-child(4) .content:nth-child(11):after {        width: 38px;        height: 9px;        -webkit-clip-path: polygon(6% 0, 47% 0, 10% 48%);        clip-path: polygon(6% 0, 47% 0, 10% 48%);    }    .circle:nth-child(4) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8e36c9;    }    .circle:nth-child(4) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 78% 0, 51% 48%);        clip-path: polygon(44% 0, 78% 0, 51% 48%);        background: #4438c7;        transform: rotate(172.8deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(12):before, .circle:nth-child(4) .content:nth-child(12):after {        width: 70px;        height: 22px;        -webkit-clip-path: polygon(15% 0, 44% 0, 41% 48%);        clip-path: polygon(15% 0, 44% 0, 41% 48%);    }    .circle:nth-child(4) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(4) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(49% 0, 55% 0, 90% 48%);        clip-path: polygon(49% 0, 55% 0, 90% 48%);        background: #2614eb;        transform: rotate(187.2deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(13):before, .circle:nth-child(4) .content:nth-child(13):after {        width: 62px;        height: 48px;        -webkit-clip-path: polygon(5% 0, 80% 0, 4% 48%);        clip-path: polygon(5% 0, 80% 0, 4% 48%);    }    .circle:nth-child(4) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(4) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(77% 0, 26% 0, 96% 48%);        clip-path: polygon(77% 0, 26% 0, 96% 48%);        background: #3425da;        transform: rotate(201.6deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(14):before, .circle:nth-child(4) .content:nth-child(14):after {        width: 32px;        height: 1px;        -webkit-clip-path: polygon(71% 0, 92% 0, 71% 48%);        clip-path: polygon(71% 0, 92% 0, 71% 48%);    }    .circle:nth-child(4) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #8952ad;    }    .circle:nth-child(4) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(75% 0, 19% 0, 83% 48%);        clip-path: polygon(75% 0, 19% 0, 83% 48%);        background: #564eb1;        transform: rotate(216deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(15):before, .circle:nth-child(4) .content:nth-child(15):after {        width: 92px;        height: 9px;        -webkit-clip-path: polygon(68% 0, 6% 0, 44% 48%);        clip-path: polygon(68% 0, 6% 0, 44% 48%);    }    .circle:nth-child(4) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #931de2;    }    .circle:nth-child(4) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(100% 0, 79% 0, 2% 48%);        clip-path: polygon(100% 0, 79% 0, 2% 48%);        background: #6f6b94;        transform: rotate(230.4deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(16):before, .circle:nth-child(4) .content:nth-child(16):after {        width: 70px;        height: 40px;        -webkit-clip-path: polygon(42% 0, 90% 0, 25% 48%);        clip-path: polygon(42% 0, 90% 0, 25% 48%);    }    .circle:nth-child(4) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #8e36c9;    }    .circle:nth-child(4) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(27% 0, 68% 0, 46% 48%);        clip-path: polygon(27% 0, 68% 0, 46% 48%);        background: #6d6a95;        transform: rotate(244.8deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(17):before, .circle:nth-child(4) .content:nth-child(17):after {        width: 83px;        height: 2px;        -webkit-clip-path: polygon(47% 0, 94% 0, 74% 48%);        clip-path: polygon(47% 0, 94% 0, 74% 48%);    }    .circle:nth-child(4) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #960ef1;    }    .circle:nth-child(4) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(25% 0, 87% 0, 48% 48%);        clip-path: polygon(25% 0, 87% 0, 48% 48%);        background: #66619e;        transform: rotate(259.2deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(18):before, .circle:nth-child(4) .content:nth-child(18):after {        width: 4px;        height: 7px;        -webkit-clip-path: polygon(15% 0, 44% 0, 15% 48%);        clip-path: polygon(15% 0, 44% 0, 15% 48%);    }    .circle:nth-child(4) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #9709f6;    }    .circle:nth-child(4) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(74% 0, 96% 0, 32% 48%);        clip-path: polygon(74% 0, 96% 0, 32% 48%);        background: #220ff0;        transform: rotate(273.6deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(19):before, .circle:nth-child(4) .content:nth-child(19):after {        width: 51px;        height: 44px;        -webkit-clip-path: polygon(57% 0, 90% 0, 57% 48%);        clip-path: polygon(57% 0, 90% 0, 57% 48%);    }    .circle:nth-child(4) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #817788;    }    .circle:nth-child(4) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(42% 0, 94% 0, 19% 48%);        clip-path: polygon(42% 0, 94% 0, 19% 48%);        background: #76748b;        transform: rotate(288deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(20):before, .circle:nth-child(4) .content:nth-child(20):after {        width: 55px;        height: 26px;        -webkit-clip-path: polygon(91% 0, 17% 0, 44% 48%);        clip-path: polygon(91% 0, 17% 0, 44% 48%);    }    .circle:nth-child(4) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #8759a6;    }    .circle:nth-child(4) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(72% 0, 25% 0, 7% 48%);        clip-path: polygon(72% 0, 25% 0, 7% 48%);        background: #787788;        transform: rotate(302.4deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(21):before, .circle:nth-child(4) .content:nth-child(21):after {        width: 64px;        height: 44px;        -webkit-clip-path: polygon(28% 0, 70% 0, 62% 48%);        clip-path: polygon(28% 0, 70% 0, 62% 48%);    }    .circle:nth-child(4) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #931de2;    }    .circle:nth-child(4) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 10% 0, 67% 48%);        clip-path: polygon(67% 0, 10% 0, 67% 48%);        background: #706c93;        transform: rotate(316.8deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(22):before, .circle:nth-child(4) .content:nth-child(22):after {        width: 3px;        height: 42px;        -webkit-clip-path: polygon(45% 0, 101% 0, 73% 48%);        clip-path: polygon(45% 0, 101% 0, 73% 48%);    }    .circle:nth-child(4) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #8a4ab5;    }    .circle:nth-child(4) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(61% 0, 23% 0, 62% 48%);        clip-path: polygon(61% 0, 23% 0, 62% 48%);        background: #473cc3;        transform: rotate(331.2deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(23):before, .circle:nth-child(4) .content:nth-child(23):after {        width: 37px;        height: 26px;        -webkit-clip-path: polygon(100% 0, 21% 0, 19% 48%);        clip-path: polygon(100% 0, 21% 0, 19% 48%);    }    .circle:nth-child(4) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(4) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(31% 0, 43% 0, 64% 48%);        clip-path: polygon(31% 0, 43% 0, 64% 48%);        background: #3425da;        transform: rotate(345.6deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(24):before, .circle:nth-child(4) .content:nth-child(24):after {        width: 84px;        height: 20px;        -webkit-clip-path: polygon(64% 0, 73% 0, 3% 48%);        clip-path: polygon(64% 0, 73% 0, 3% 48%);    }    .circle:nth-child(4) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8a49b6;    }    .circle:nth-child(4) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 35% 0, 56% 48%);        clip-path: polygon(36% 0, 35% 0, 56% 48%);        background: #3d2fd0;        transform: rotate(360deg) translate(0, 90px);    }    .circle:nth-child(4) .content:nth-child(25):before, .circle:nth-child(4) .content:nth-child(25):after {        width: 3px;        height: 14px;        -webkit-clip-path: polygon(98% 0, 23% 0, 91% 48%);        clip-path: polygon(98% 0, 23% 0, 91% 48%);    }    .circle:nth-child(4) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(4) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #8d3bc4;    }    .circle:nth-child(5) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 75px;        left: 16.1px;        -webkit-animation: rotate 8s linear infinite;        animation: rotate 8s linear infinite;    }    .circle:nth-child(5) .content {        position: absolute;        width: 8px;        height: 32px;        top: 40%;        left: 40%;    }    .circle:nth-child(5) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(18% 0, 91% 0, 35% 48%);        clip-path: polygon(18% 0, 91% 0, 35% 48%);        background: #2513ec;        transform: rotate(14.4deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(1):before, .circle:nth-child(5) .content:nth-child(1):after {        width: 31px;        height: 12px;        -webkit-clip-path: polygon(45% 0, 35% 0, 35% 48%);        clip-path: polygon(45% 0, 35% 0, 35% 48%);    }    .circle:nth-child(5) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #82758a;    }    .circle:nth-child(5) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(19% 0, 13% 0, 46% 48%);        clip-path: polygon(19% 0, 13% 0, 46% 48%);        background: #797887;        transform: rotate(28.8deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(2):before, .circle:nth-child(5) .content:nth-child(2):after {        width: 31px;        height: 39px;        -webkit-clip-path: polygon(54% 0, 50% 0, 23% 48%);        clip-path: polygon(54% 0, 50% 0, 23% 48%);    }    .circle:nth-child(5) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #83708f;    }    .circle:nth-child(5) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 92% 0, 31% 48%);        clip-path: polygon(15% 0, 92% 0, 31% 48%);        background: #1a05fa;        transform: rotate(43.2deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(3):before, .circle:nth-child(5) .content:nth-child(3):after {        width: 50px;        height: 10px;        -webkit-clip-path: polygon(13% 0, 10% 0, 76% 48%);        clip-path: polygon(13% 0, 10% 0, 76% 48%);    }    .circle:nth-child(5) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(5) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 12% 0, 25% 48%);        clip-path: polygon(57% 0, 12% 0, 25% 48%);        background: #625ca3;        transform: rotate(57.6deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(4):before, .circle:nth-child(5) .content:nth-child(4):after {        width: 48px;        height: 10px;        -webkit-clip-path: polygon(3% 0, 71% 0, 31% 48%);        clip-path: polygon(3% 0, 71% 0, 31% 48%);    }    .circle:nth-child(5) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #960ef1;    }    .circle:nth-child(5) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 81% 0, 101% 48%);        clip-path: polygon(64% 0, 81% 0, 101% 48%);        background: #645ea1;        transform: rotate(72deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(5):before, .circle:nth-child(5) .content:nth-child(5):after {        width: 97px;        height: 32px;        -webkit-clip-path: polygon(97% 0, 9% 0, 32% 48%);        clip-path: polygon(97% 0, 9% 0, 32% 48%);    }    .circle:nth-child(5) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8c41be;    }    .circle:nth-child(5) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 16% 0, 76% 48%);        clip-path: polygon(41% 0, 16% 0, 76% 48%);        background: #1500ff;        transform: rotate(86.4deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(6):before, .circle:nth-child(5) .content:nth-child(6):after {        width: 71px;        height: 29px;        -webkit-clip-path: polygon(71% 0, 28% 0, 88% 48%);        clip-path: polygon(71% 0, 28% 0, 88% 48%);    }    .circle:nth-child(5) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(5) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(74% 0, 55% 0, 51% 48%);        clip-path: polygon(74% 0, 55% 0, 51% 48%);        background: #1804fb;        transform: rotate(100.8deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(7):before, .circle:nth-child(5) .content:nth-child(7):after {        width: 31px;        height: 13px;        -webkit-clip-path: polygon(89% 0, 96% 0, 59% 48%);        clip-path: polygon(89% 0, 96% 0, 59% 48%);    }    .circle:nth-child(5) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(5) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(74% 0, 88% 0, 94% 48%);        clip-path: polygon(74% 0, 88% 0, 94% 48%);        background: #3526d9;        transform: rotate(115.2deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(8):before, .circle:nth-child(5) .content:nth-child(8):after {        width: 59px;        height: 45px;        -webkit-clip-path: polygon(65% 0, 84% 0, 21% 48%);        clip-path: polygon(65% 0, 84% 0, 21% 48%);    }    .circle:nth-child(5) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(5) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(25% 0, 64% 0, 22% 48%);        clip-path: polygon(25% 0, 64% 0, 22% 48%);        background: #716e91;        transform: rotate(129.6deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(9):before, .circle:nth-child(5) .content:nth-child(9):after {        width: 36px;        height: 38px;        -webkit-clip-path: polygon(64% 0, 83% 0, 11% 48%);        clip-path: polygon(64% 0, 83% 0, 11% 48%);    }    .circle:nth-child(5) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #894eb1;    }    .circle:nth-child(5) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(72% 0, 84% 0, 101% 48%);        clip-path: polygon(72% 0, 84% 0, 101% 48%);        background: #5850af;        transform: rotate(144deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(10):before, .circle:nth-child(5) .content:nth-child(10):after {        width: 5px;        height: 20px;        -webkit-clip-path: polygon(63% 0, 99% 0, 17% 48%);        clip-path: polygon(63% 0, 99% 0, 17% 48%);    }    .circle:nth-child(5) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(5) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(9% 0, 31% 0, 101% 48%);        clip-path: polygon(9% 0, 31% 0, 101% 48%);        background: #6c6996;        transform: rotate(158.4deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(11):before, .circle:nth-child(5) .content:nth-child(11):after {        width: 71px;        height: 48px;        -webkit-clip-path: polygon(59% 0, 18% 0, 80% 48%);        clip-path: polygon(59% 0, 18% 0, 80% 48%);    }    .circle:nth-child(5) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8855aa;    }    .circle:nth-child(5) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 17% 0, 6% 48%);        clip-path: polygon(36% 0, 17% 0, 6% 48%);        background: #5c55aa;        transform: rotate(172.8deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(12):before, .circle:nth-child(5) .content:nth-child(12):after {        width: 39px;        height: 41px;        -webkit-clip-path: polygon(10% 0, 6% 0, 43% 48%);        clip-path: polygon(10% 0, 6% 0, 43% 48%);    }    .circle:nth-child(5) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(5) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(94% 0, 26% 0, 80% 48%);        clip-path: polygon(94% 0, 26% 0, 80% 48%);        background: #4b41be;        transform: rotate(187.2deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(13):before, .circle:nth-child(5) .content:nth-child(13):after {        width: 90px;        height: 15px;        -webkit-clip-path: polygon(36% 0, 87% 0, 54% 48%);        clip-path: polygon(36% 0, 87% 0, 54% 48%);    }    .circle:nth-child(5) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #894eb1;    }    .circle:nth-child(5) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(80% 0, 3% 0, 90% 48%);        clip-path: polygon(80% 0, 3% 0, 90% 48%);        background: #787788;        transform: rotate(201.6deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(14):before, .circle:nth-child(5) .content:nth-child(14):after {        width: 80px;        height: 37px;        -webkit-clip-path: polygon(55% 0, 16% 0, 5% 48%);        clip-path: polygon(55% 0, 16% 0, 5% 48%);    }    .circle:nth-child(5) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(5) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(82% 0, 87% 0, 94% 48%);        clip-path: polygon(82% 0, 87% 0, 94% 48%);        background: #7c7c83;        transform: rotate(216deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(15):before, .circle:nth-child(5) .content:nth-child(15):after {        width: 74px;        height: 9px;        -webkit-clip-path: polygon(36% 0, 61% 0, 53% 48%);        clip-path: polygon(36% 0, 61% 0, 53% 48%);    }    .circle:nth-child(5) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #817788;    }    .circle:nth-child(5) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(78% 0, 25% 0, 63% 48%);        clip-path: polygon(78% 0, 25% 0, 63% 48%);        background: #5249b6;        transform: rotate(230.4deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(16):before, .circle:nth-child(5) .content:nth-child(16):after {        width: 79px;        height: 26px;        -webkit-clip-path: polygon(82% 0, 46% 0, 19% 48%);        clip-path: polygon(82% 0, 46% 0, 19% 48%);    }    .circle:nth-child(5) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #9709f6;    }    .circle:nth-child(5) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(52% 0, 26% 0, 98% 48%);        clip-path: polygon(52% 0, 26% 0, 98% 48%);        background: #75738c;        transform: rotate(244.8deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(17):before, .circle:nth-child(5) .content:nth-child(17):after {        width: 1px;        height: 43px;        -webkit-clip-path: polygon(98% 0, 66% 0, 24% 48%);        clip-path: polygon(98% 0, 66% 0, 24% 48%);    }    .circle:nth-child(5) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9708f7;    }    .circle:nth-child(5) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 59% 0, 98% 48%);        clip-path: polygon(34% 0, 59% 0, 98% 48%);        background: #3222dd;        transform: rotate(259.2deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(18):before, .circle:nth-child(5) .content:nth-child(18):after {        width: 33px;        height: 32px;        -webkit-clip-path: polygon(71% 0, 48% 0, 34% 48%);        clip-path: polygon(71% 0, 48% 0, 34% 48%);    }    .circle:nth-child(5) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(5) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(24% 0, 44% 0, 43% 48%);        clip-path: polygon(24% 0, 44% 0, 43% 48%);        background: #4134cb;        transform: rotate(273.6deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(19):before, .circle:nth-child(5) .content:nth-child(19):after {        width: 65px;        height: 13px;        -webkit-clip-path: polygon(89% 0, 45% 0, 99% 48%);        clip-path: polygon(89% 0, 45% 0, 99% 48%);    }    .circle:nth-child(5) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(5) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 8% 0, 6% 48%);        clip-path: polygon(67% 0, 8% 0, 6% 48%);        background: #1a05fa;        transform: rotate(288deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(20):before, .circle:nth-child(5) .content:nth-child(20):after {        width: 50px;        height: 30px;        -webkit-clip-path: polygon(28% 0, 32% 0, 37% 48%);        clip-path: polygon(28% 0, 32% 0, 37% 48%);    }    .circle:nth-child(5) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(5) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(19% 0, 55% 0, 96% 48%);        clip-path: polygon(19% 0, 55% 0, 96% 48%);        background: #4134cb;        transform: rotate(302.4deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(21):before, .circle:nth-child(5) .content:nth-child(21):after {        width: 41px;        height: 38px;        -webkit-clip-path: polygon(5% 0, 63% 0, 11% 48%);        clip-path: polygon(5% 0, 63% 0, 11% 48%);    }    .circle:nth-child(5) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #8b45ba;    }    .circle:nth-child(5) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 74% 0, 100% 48%);        clip-path: polygon(23% 0, 74% 0, 100% 48%);        background: #2918e7;        transform: rotate(316.8deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(22):before, .circle:nth-child(5) .content:nth-child(22):after {        width: 48px;        height: 35px;        -webkit-clip-path: polygon(99% 0, 81% 0, 78% 48%);        clip-path: polygon(99% 0, 81% 0, 78% 48%);    }    .circle:nth-child(5) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(5) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(60% 0, 57% 0, 36% 48%);        clip-path: polygon(60% 0, 57% 0, 36% 48%);        background: #574fb0;        transform: rotate(331.2deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(23):before, .circle:nth-child(5) .content:nth-child(23):after {        width: 2px;        height: 28px;        -webkit-clip-path: polygon(39% 0, 28% 0, 21% 48%);        clip-path: polygon(39% 0, 28% 0, 21% 48%);    }    .circle:nth-child(5) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8e38c7;    }    .circle:nth-child(5) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(49% 0, 34% 0, 81% 48%);        clip-path: polygon(49% 0, 34% 0, 81% 48%);        background: #5b54ab;        transform: rotate(345.6deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(24):before, .circle:nth-child(5) .content:nth-child(24):after {        width: 64px;        height: 13px;        -webkit-clip-path: polygon(59% 0, 94% 0, 8% 48%);        clip-path: polygon(59% 0, 94% 0, 8% 48%);    }    .circle:nth-child(5) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #9708f7;    }    .circle:nth-child(5) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(59% 0, 71% 0, 2% 48%);        clip-path: polygon(59% 0, 71% 0, 2% 48%);        background: #3425da;        transform: rotate(360deg) translate(0, 100px);    }    .circle:nth-child(5) .content:nth-child(25):before, .circle:nth-child(5) .content:nth-child(25):after {        width: 31px;        height: 7px;        -webkit-clip-path: polygon(43% 0, 38% 0, 59% 48%);        clip-path: polygon(43% 0, 38% 0, 59% 48%);    }    .circle:nth-child(5) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(5) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #8759a6;    }    .circle:nth-child(6) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 90px;        left: 19.32px;        -webkit-animation: rotate-reverse 16s linear infinite;        animation: rotate-reverse 16s linear infinite;    }    .circle:nth-child(6) .content {        position: absolute;        width: 14px;        height: 37px;        top: 40%;        left: 40%;    }    .circle:nth-child(6) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(17% 0, 31% 0, 84% 48%);        clip-path: polygon(17% 0, 31% 0, 84% 48%);        background: #3628d7;        transform: rotate(14.4deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(1):before, .circle:nth-child(6) .content:nth-child(1):after {        width: 2px;        height: 24px;        -webkit-clip-path: polygon(25% 0, 81% 0, 76% 48%);        clip-path: polygon(25% 0, 81% 0, 76% 48%);    }    .circle:nth-child(6) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8b45ba;    }    .circle:nth-child(6) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(37% 0, 31% 0, 62% 48%);        clip-path: polygon(37% 0, 31% 0, 62% 48%);        background: #554db3;        transform: rotate(28.8deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(2):before, .circle:nth-child(6) .content:nth-child(2):after {        width: 38px;        height: 12px;        -webkit-clip-path: polygon(20% 0, 98% 0, 47% 48%);        clip-path: polygon(20% 0, 98% 0, 47% 48%);    }    .circle:nth-child(6) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8f34cb;    }    .circle:nth-child(6) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(45% 0, 14% 0, 79% 48%);        clip-path: polygon(45% 0, 14% 0, 79% 48%);        background: #2f1fe0;        transform: rotate(43.2deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(3):before, .circle:nth-child(6) .content:nth-child(3):after {        width: 32px;        height: 11px;        -webkit-clip-path: polygon(41% 0, 12% 0, 37% 48%);        clip-path: polygon(41% 0, 12% 0, 37% 48%);    }    .circle:nth-child(6) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8e38c7;    }    .circle:nth-child(6) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(6% 0, 68% 0, 20% 48%);        clip-path: polygon(6% 0, 68% 0, 20% 48%);        background: #1f0bf4;        transform: rotate(57.6deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(4):before, .circle:nth-child(6) .content:nth-child(4):after {        width: 55px;        height: 33px;        -webkit-clip-path: polygon(22% 0, 75% 0, 81% 48%);        clip-path: polygon(22% 0, 75% 0, 81% 48%);    }    .circle:nth-child(6) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #8d3cc3;    }    .circle:nth-child(6) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(5% 0, 89% 0, 62% 48%);        clip-path: polygon(5% 0, 89% 0, 62% 48%);        background: #1f0bf4;        transform: rotate(72deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(5):before, .circle:nth-child(6) .content:nth-child(5):after {        width: 82px;        height: 30px;        -webkit-clip-path: polygon(54% 0, 89% 0, 82% 48%);        clip-path: polygon(54% 0, 89% 0, 82% 48%);    }    .circle:nth-child(6) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #9224db;    }    .circle:nth-child(6) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(27% 0, 3% 0, 86% 48%);        clip-path: polygon(27% 0, 3% 0, 86% 48%);        background: #67629d;        transform: rotate(86.4deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(6):before, .circle:nth-child(6) .content:nth-child(6):after {        width: 34px;        height: 45px;        -webkit-clip-path: polygon(73% 0, 58% 0, 25% 48%);        clip-path: polygon(73% 0, 58% 0, 25% 48%);    }    .circle:nth-child(6) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(6) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(43% 0, 39% 0, 14% 48%);        clip-path: polygon(43% 0, 39% 0, 14% 48%);        background: #2c1be4;        transform: rotate(100.8deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(7):before, .circle:nth-child(6) .content:nth-child(7):after {        width: 30px;        height: 14px;        -webkit-clip-path: polygon(21% 0, 91% 0, 100% 48%);        clip-path: polygon(21% 0, 91% 0, 100% 48%);    }    .circle:nth-child(6) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(6) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 52% 0, 59% 48%);        clip-path: polygon(81% 0, 52% 0, 59% 48%);        background: #3526d9;        transform: rotate(115.2deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(8):before, .circle:nth-child(6) .content:nth-child(8):after {        width: 66px;        height: 12px;        -webkit-clip-path: polygon(38% 0, 86% 0, 45% 48%);        clip-path: polygon(38% 0, 86% 0, 45% 48%);    }    .circle:nth-child(6) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(6) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 55% 0, 79% 48%);        clip-path: polygon(15% 0, 55% 0, 79% 48%);        background: #2311ee;        transform: rotate(129.6deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(9):before, .circle:nth-child(6) .content:nth-child(9):after {        width: 61px;        height: 11px;        -webkit-clip-path: polygon(97% 0, 11% 0, 81% 48%);        clip-path: polygon(97% 0, 11% 0, 81% 48%);    }    .circle:nth-child(6) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #894eb1;    }    .circle:nth-child(6) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(82% 0, 83% 0, 4% 48%);        clip-path: polygon(82% 0, 83% 0, 4% 48%);        background: #3526d9;        transform: rotate(144deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(10):before, .circle:nth-child(6) .content:nth-child(10):after {        width: 65px;        height: 31px;        -webkit-clip-path: polygon(80% 0, 52% 0, 77% 48%);        clip-path: polygon(80% 0, 52% 0, 77% 48%);    }    .circle:nth-child(6) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9225da;    }    .circle:nth-child(6) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(90% 0, 14% 0, 17% 48%);        clip-path: polygon(90% 0, 14% 0, 17% 48%);        background: #76748b;        transform: rotate(158.4deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(11):before, .circle:nth-child(6) .content:nth-child(11):after {        width: 46px;        height: 2px;        -webkit-clip-path: polygon(16% 0, 46% 0, 88% 48%);        clip-path: polygon(16% 0, 46% 0, 88% 48%);    }    .circle:nth-child(6) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(6) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(92% 0, 73% 0, 63% 48%);        clip-path: polygon(92% 0, 73% 0, 63% 48%);        background: #3729d6;        transform: rotate(172.8deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(12):before, .circle:nth-child(6) .content:nth-child(12):after {        width: 94px;        height: 46px;        -webkit-clip-path: polygon(56% 0, 16% 0, 67% 48%);        clip-path: polygon(56% 0, 16% 0, 67% 48%);    }    .circle:nth-child(6) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #9126d9;    }    .circle:nth-child(6) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(33% 0, 91% 0, 83% 48%);        clip-path: polygon(33% 0, 91% 0, 83% 48%);        background: #645ea1;        transform: rotate(187.2deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(13):before, .circle:nth-child(6) .content:nth-child(13):after {        width: 92px;        height: 47px;        -webkit-clip-path: polygon(86% 0, 75% 0, 99% 48%);        clip-path: polygon(86% 0, 75% 0, 99% 48%);    }    .circle:nth-child(6) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(6) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(56% 0, 71% 0, 101% 48%);        clip-path: polygon(56% 0, 71% 0, 101% 48%);        background: #1804fb;        transform: rotate(201.6deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(14):before, .circle:nth-child(6) .content:nth-child(14):after {        width: 68px;        height: 46px;        -webkit-clip-path: polygon(86% 0, 23% 0, 66% 48%);        clip-path: polygon(86% 0, 23% 0, 66% 48%);    }    .circle:nth-child(6) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9320df;    }    .circle:nth-child(6) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(10% 0, 12% 0, 97% 48%);        clip-path: polygon(10% 0, 12% 0, 97% 48%);        background: #74718e;        transform: rotate(216deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(15):before, .circle:nth-child(6) .content:nth-child(15):after {        width: 31px;        height: 32px;        -webkit-clip-path: polygon(92% 0, 49% 0, 28% 48%);        clip-path: polygon(92% 0, 49% 0, 28% 48%);    }    .circle:nth-child(6) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #894fb0;    }    .circle:nth-child(6) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 81% 0, 91% 48%);        clip-path: polygon(32% 0, 81% 0, 91% 48%);        background: #2d1ce3;        transform: rotate(230.4deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(16):before, .circle:nth-child(6) .content:nth-child(16):after {        width: 53px;        height: 32px;        -webkit-clip-path: polygon(28% 0, 81% 0, 47% 48%);        clip-path: polygon(28% 0, 81% 0, 47% 48%);    }    .circle:nth-child(6) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(6) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(43% 0, 33% 0, 9% 48%);        clip-path: polygon(43% 0, 33% 0, 9% 48%);        background: #2311ee;        transform: rotate(244.8deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(17):before, .circle:nth-child(6) .content:nth-child(17):after {        width: 2px;        height: 43px;        -webkit-clip-path: polygon(49% 0, 11% 0, 34% 48%);        clip-path: polygon(49% 0, 11% 0, 34% 48%);    }    .circle:nth-child(6) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(6) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(37% 0, 4% 0, 16% 48%);        clip-path: polygon(37% 0, 4% 0, 16% 48%);        background: #5147b8;        transform: rotate(259.2deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(18):before, .circle:nth-child(6) .content:nth-child(18):after {        width: 41px;        height: 5px;        -webkit-clip-path: polygon(88% 0, 25% 0, 2% 48%);        clip-path: polygon(88% 0, 25% 0, 2% 48%);    }    .circle:nth-child(6) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #970af5;    }    .circle:nth-child(6) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(46% 0, 23% 0, 12% 48%);        clip-path: polygon(46% 0, 23% 0, 12% 48%);        background: #67629d;        transform: rotate(273.6deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(19):before, .circle:nth-child(6) .content:nth-child(19):after {        width: 65px;        height: 32px;        -webkit-clip-path: polygon(43% 0, 62% 0, 58% 48%);        clip-path: polygon(43% 0, 62% 0, 58% 48%);    }    .circle:nth-child(6) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #9708f7;    }    .circle:nth-child(6) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(20% 0, 69% 0, 37% 48%);        clip-path: polygon(20% 0, 69% 0, 37% 48%);        background: #4134cb;        transform: rotate(288deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(20):before, .circle:nth-child(6) .content:nth-child(20):after {        width: 50px;        height: 4px;        -webkit-clip-path: polygon(15% 0, 44% 0, 51% 48%);        clip-path: polygon(15% 0, 44% 0, 51% 48%);    }    .circle:nth-child(6) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(6) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(28% 0, 73% 0, 51% 48%);        clip-path: polygon(28% 0, 73% 0, 51% 48%);        background: #6f6b94;        transform: rotate(302.4deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(21):before, .circle:nth-child(6) .content:nth-child(21):after {        width: 49px;        height: 23px;        -webkit-clip-path: polygon(98% 0, 24% 0, 66% 48%);        clip-path: polygon(98% 0, 24% 0, 66% 48%);    }    .circle:nth-child(6) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #85659a;    }    .circle:nth-child(6) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 22% 0, 28% 48%);        clip-path: polygon(34% 0, 22% 0, 28% 48%);        background: #5249b6;        transform: rotate(316.8deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(22):before, .circle:nth-child(6) .content:nth-child(22):after {        width: 34px;        height: 14px;        -webkit-clip-path: polygon(14% 0, 4% 0, 68% 48%);        clip-path: polygon(14% 0, 4% 0, 68% 48%);    }    .circle:nth-child(6) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #931de2;    }    .circle:nth-child(6) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 45% 0, 34% 48%);        clip-path: polygon(81% 0, 45% 0, 34% 48%);        background: #473cc3;        transform: rotate(331.2deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(23):before, .circle:nth-child(6) .content:nth-child(23):after {        width: 50px;        height: 9px;        -webkit-clip-path: polygon(36% 0, 90% 0, 42% 48%);        clip-path: polygon(36% 0, 90% 0, 42% 48%);    }    .circle:nth-child(6) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(6) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(10% 0, 54% 0, 27% 48%);        clip-path: polygon(10% 0, 54% 0, 27% 48%);        background: #5147b8;        transform: rotate(345.6deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(24):before, .circle:nth-child(6) .content:nth-child(24):after {        width: 64px;        height: 1px;        -webkit-clip-path: polygon(32% 0, 34% 0, 26% 48%);        clip-path: polygon(32% 0, 34% 0, 26% 48%);    }    .circle:nth-child(6) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #894fb0;    }    .circle:nth-child(6) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(6% 0, 86% 0, 8% 48%);        clip-path: polygon(6% 0, 86% 0, 8% 48%);        background: #716e91;        transform: rotate(360deg) translate(0, 110px);    }    .circle:nth-child(6) .content:nth-child(25):before, .circle:nth-child(6) .content:nth-child(25):after {        width: 46px;        height: 37px;        -webkit-clip-path: polygon(46% 0, 32% 0, 20% 48%);        clip-path: polygon(46% 0, 32% 0, 20% 48%);    }    .circle:nth-child(6) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(6) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #9516e9;    }    .circle:nth-child(7) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 105px;        left: 22.54px;        -webkit-animation: rotate 12s linear infinite;        animation: rotate 12s linear infinite;    }    .circle:nth-child(7) .content {        position: absolute;        width: 67px;        height: 39px;        top: 40%;        left: 40%;    }    .circle:nth-child(7) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(7% 0, 60% 0, 74% 48%);        clip-path: polygon(7% 0, 60% 0, 74% 48%);        background: #3729d6;        transform: rotate(14.4deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(1):before, .circle:nth-child(7) .content:nth-child(1):after {        width: 24px;        height: 23px;        -webkit-clip-path: polygon(82% 0, 67% 0, 77% 48%);        clip-path: polygon(82% 0, 67% 0, 77% 48%);    }    .circle:nth-child(7) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8f32cd;    }    .circle:nth-child(7) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(95% 0, 93% 0, 46% 48%);        clip-path: polygon(95% 0, 93% 0, 46% 48%);        background: #210ef1;        transform: rotate(28.8deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(2):before, .circle:nth-child(7) .content:nth-child(2):after {        width: 52px;        height: 13px;        -webkit-clip-path: polygon(39% 0, 35% 0, 86% 48%);        clip-path: polygon(39% 0, 35% 0, 86% 48%);    }    .circle:nth-child(7) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8e38c7;    }    .circle:nth-child(7) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 96% 0, 25% 48%);        clip-path: polygon(101% 0, 96% 0, 25% 48%);        background: #5c55aa;        transform: rotate(43.2deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(3):before, .circle:nth-child(7) .content:nth-child(3):after {        width: 55px;        height: 22px;        -webkit-clip-path: polygon(96% 0, 96% 0, 83% 48%);        clip-path: polygon(96% 0, 96% 0, 83% 48%);    }    .circle:nth-child(7) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(7) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(62% 0, 4% 0, 20% 48%);        clip-path: polygon(62% 0, 4% 0, 20% 48%);        background: #3425da;        transform: rotate(57.6deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(4):before, .circle:nth-child(7) .content:nth-child(4):after {        width: 60px;        height: 39px;        -webkit-clip-path: polygon(58% 0, 54% 0, 25% 48%);        clip-path: polygon(58% 0, 54% 0, 25% 48%);    }    .circle:nth-child(7) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #836c93;    }    .circle:nth-child(7) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(29% 0, 8% 0, 90% 48%);        clip-path: polygon(29% 0, 8% 0, 90% 48%);        background: #3121de;        transform: rotate(72deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(5):before, .circle:nth-child(7) .content:nth-child(5):after {        width: 26px;        height: 41px;        -webkit-clip-path: polygon(71% 0, 74% 0, 86% 48%);        clip-path: polygon(71% 0, 74% 0, 86% 48%);    }    .circle:nth-child(7) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #931de2;    }    .circle:nth-child(7) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(17% 0, 22% 0, 34% 48%);        clip-path: polygon(17% 0, 22% 0, 34% 48%);        background: #2e1de2;        transform: rotate(86.4deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(6):before, .circle:nth-child(7) .content:nth-child(6):after {        width: 84px;        height: 36px;        -webkit-clip-path: polygon(87% 0, 42% 0, 101% 48%);        clip-path: polygon(87% 0, 42% 0, 101% 48%);    }    .circle:nth-child(7) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(7) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 21% 0, 46% 48%);        clip-path: polygon(81% 0, 21% 0, 46% 48%);        background: #7c7c83;        transform: rotate(100.8deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(7):before, .circle:nth-child(7) .content:nth-child(7):after {        width: 46px;        height: 22px;        -webkit-clip-path: polygon(21% 0, 26% 0, 90% 48%);        clip-path: polygon(21% 0, 26% 0, 90% 48%);    }    .circle:nth-child(7) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #9514eb;    }    .circle:nth-child(7) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 34% 0, 99% 48%);        clip-path: polygon(101% 0, 34% 0, 99% 48%);        background: #7b7a85;        transform: rotate(115.2deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(8):before, .circle:nth-child(7) .content:nth-child(8):after {        width: 56px;        height: 25px;        -webkit-clip-path: polygon(46% 0, 27% 0, 26% 48%);        clip-path: polygon(46% 0, 27% 0, 26% 48%);    }    .circle:nth-child(7) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(7) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 17% 0, 79% 48%);        clip-path: polygon(51% 0, 17% 0, 79% 48%);        background: #5046b9;        transform: rotate(129.6deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(9):before, .circle:nth-child(7) .content:nth-child(9):after {        width: 23px;        height: 8px;        -webkit-clip-path: polygon(8% 0, 71% 0, 19% 48%);        clip-path: polygon(8% 0, 71% 0, 19% 48%);    }    .circle:nth-child(7) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8e39c6;    }    .circle:nth-child(7) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 13% 0, 54% 48%);        clip-path: polygon(44% 0, 13% 0, 54% 48%);        background: #7b7a85;        transform: rotate(144deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(10):before, .circle:nth-child(7) .content:nth-child(10):after {        width: 38px;        height: 19px;        -webkit-clip-path: polygon(4% 0, 9% 0, 15% 48%);        clip-path: polygon(4% 0, 9% 0, 15% 48%);    }    .circle:nth-child(7) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9418e7;    }    .circle:nth-child(7) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(89% 0, 89% 0, 89% 48%);        clip-path: polygon(89% 0, 89% 0, 89% 48%);        background: #1601fe;        transform: rotate(158.4deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(11):before, .circle:nth-child(7) .content:nth-child(11):after {        width: 36px;        height: 10px;        -webkit-clip-path: polygon(54% 0, 76% 0, 17% 48%);        clip-path: polygon(54% 0, 76% 0, 17% 48%);    }    .circle:nth-child(7) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(7) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(12% 0, 70% 0, 50% 48%);        clip-path: polygon(12% 0, 70% 0, 50% 48%);        background: #3a2dd2;        transform: rotate(172.8deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(12):before, .circle:nth-child(7) .content:nth-child(12):after {        width: 27px;        height: 18px;        -webkit-clip-path: polygon(68% 0, 31% 0, 24% 48%);        clip-path: polygon(68% 0, 31% 0, 24% 48%);    }    .circle:nth-child(7) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #8c42bd;    }    .circle:nth-child(7) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 41% 0, 97% 48%);        clip-path: polygon(41% 0, 41% 0, 97% 48%);        background: #3020df;        transform: rotate(187.2deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(13):before, .circle:nth-child(7) .content:nth-child(13):after {        width: 88px;        height: 49px;        -webkit-clip-path: polygon(17% 0, 53% 0, 80% 48%);        clip-path: polygon(17% 0, 53% 0, 80% 48%);    }    .circle:nth-child(7) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(7) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(7% 0, 96% 0, 29% 48%);        clip-path: polygon(7% 0, 96% 0, 29% 48%);        background: #3526d9;        transform: rotate(201.6deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(14):before, .circle:nth-child(7) .content:nth-child(14):after {        width: 58px;        height: 17px;        -webkit-clip-path: polygon(42% 0, 86% 0, 47% 48%);        clip-path: polygon(42% 0, 86% 0, 47% 48%);    }    .circle:nth-child(7) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #82738c;    }    .circle:nth-child(7) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(39% 0, 84% 0, 73% 48%);        clip-path: polygon(39% 0, 84% 0, 73% 48%);        background: #1804fb;        transform: rotate(216deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(15):before, .circle:nth-child(7) .content:nth-child(15):after {        width: 44px;        height: 9px;        -webkit-clip-path: polygon(14% 0, 48% 0, 56% 48%);        clip-path: polygon(14% 0, 48% 0, 56% 48%);    }    .circle:nth-child(7) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(7) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(84% 0, 88% 0, 46% 48%);        clip-path: polygon(84% 0, 88% 0, 46% 48%);        background: #5046b9;        transform: rotate(230.4deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(16):before, .circle:nth-child(7) .content:nth-child(16):after {        width: 64px;        height: 39px;        -webkit-clip-path: polygon(82% 0, 22% 0, 20% 48%);        clip-path: polygon(82% 0, 22% 0, 20% 48%);    }    .circle:nth-child(7) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #8952ad;    }    .circle:nth-child(7) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(90% 0, 83% 0, 34% 48%);        clip-path: polygon(90% 0, 83% 0, 34% 48%);        background: #5147b8;        transform: rotate(244.8deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(17):before, .circle:nth-child(7) .content:nth-child(17):after {        width: 35px;        height: 17px;        -webkit-clip-path: polygon(30% 0, 33% 0, 21% 48%);        clip-path: polygon(30% 0, 33% 0, 21% 48%);    }    .circle:nth-child(7) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #8c40bf;    }    .circle:nth-child(7) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 81% 0, 51% 48%);        clip-path: polygon(41% 0, 81% 0, 51% 48%);        background: #726f90;        transform: rotate(259.2deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(18):before, .circle:nth-child(7) .content:nth-child(18):after {        width: 28px;        height: 18px;        -webkit-clip-path: polygon(37% 0, 44% 0, 6% 48%);        clip-path: polygon(37% 0, 44% 0, 6% 48%);    }    .circle:nth-child(7) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(7) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(75% 0, 25% 0, 26% 48%);        clip-path: polygon(75% 0, 25% 0, 26% 48%);        background: #2d1ce3;        transform: rotate(273.6deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(19):before, .circle:nth-child(7) .content:nth-child(19):after {        width: 94px;        height: 17px;        -webkit-clip-path: polygon(76% 0, 24% 0, 21% 48%);        clip-path: polygon(76% 0, 24% 0, 21% 48%);    }    .circle:nth-child(7) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #9224db;    }    .circle:nth-child(7) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(65% 0, 10% 0, 18% 48%);        clip-path: polygon(65% 0, 10% 0, 18% 48%);        background: #7e7e81;        transform: rotate(288deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(20):before, .circle:nth-child(7) .content:nth-child(20):after {        width: 96px;        height: 33px;        -webkit-clip-path: polygon(32% 0, 6% 0, 88% 48%);        clip-path: polygon(32% 0, 6% 0, 88% 48%);    }    .circle:nth-child(7) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #85659a;    }    .circle:nth-child(7) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 48% 0, 11% 48%);        clip-path: polygon(57% 0, 48% 0, 11% 48%);        background: #3425da;        transform: rotate(302.4deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(21):before, .circle:nth-child(7) .content:nth-child(21):after {        width: 15px;        height: 21px;        -webkit-clip-path: polygon(67% 0, 66% 0, 79% 48%);        clip-path: polygon(67% 0, 66% 0, 79% 48%);    }    .circle:nth-child(7) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(7) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(70% 0, 50% 0, 21% 48%);        clip-path: polygon(70% 0, 50% 0, 21% 48%);        background: #473cc3;        transform: rotate(316.8deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(22):before, .circle:nth-child(7) .content:nth-child(22):after {        width: 77px;        height: 39px;        -webkit-clip-path: polygon(21% 0, 29% 0, 86% 48%);        clip-path: polygon(21% 0, 29% 0, 86% 48%);    }    .circle:nth-child(7) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #8b46b9;    }    .circle:nth-child(7) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(68% 0, 7% 0, 91% 48%);        clip-path: polygon(68% 0, 7% 0, 91% 48%);        background: #3c2ed1;        transform: rotate(331.2deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(23):before, .circle:nth-child(7) .content:nth-child(23):after {        width: 64px;        height: 12px;        -webkit-clip-path: polygon(96% 0, 38% 0, 42% 48%);        clip-path: polygon(96% 0, 38% 0, 42% 48%);    }    .circle:nth-child(7) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #9225da;    }    .circle:nth-child(7) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(46% 0, 66% 0, 99% 48%);        clip-path: polygon(46% 0, 66% 0, 99% 48%);        background: #77758a;        transform: rotate(345.6deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(24):before, .circle:nth-child(7) .content:nth-child(24):after {        width: 58px;        height: 15px;        -webkit-clip-path: polygon(37% 0, 25% 0, 19% 48%);        clip-path: polygon(37% 0, 25% 0, 19% 48%);    }    .circle:nth-child(7) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #9128d7;    }    .circle:nth-child(7) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(18% 0, 30% 0, 6% 48%);        clip-path: polygon(18% 0, 30% 0, 6% 48%);        background: #2d1ce3;        transform: rotate(360deg) translate(0, 120px);    }    .circle:nth-child(7) .content:nth-child(25):before, .circle:nth-child(7) .content:nth-child(25):after {        width: 30px;        height: 34px;        -webkit-clip-path: polygon(70% 0, 5% 0, 22% 48%);        clip-path: polygon(70% 0, 5% 0, 22% 48%);    }    .circle:nth-child(7) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(7) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #941ae6;    }    .circle:nth-child(8) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 120px;        left: 25.76px;        -webkit-animation: rotate 17s linear infinite;        animation: rotate 17s linear infinite;    }    .circle:nth-child(8) .content {        position: absolute;        width: 125px;        height: 29px;        top: 40%;        left: 40%;    }    .circle:nth-child(8) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(47% 0, 11% 0, 92% 48%);        clip-path: polygon(47% 0, 11% 0, 92% 48%);        background: #2b1ae6;        transform: rotate(14.4deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(1):before, .circle:nth-child(8) .content:nth-child(1):after {        width: 46px;        height: 15px;        -webkit-clip-path: polygon(71% 0, 19% 0, 9% 48%);        clip-path: polygon(71% 0, 19% 0, 9% 48%);    }    .circle:nth-child(8) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(8) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(39% 0, 74% 0, 66% 48%);        clip-path: polygon(39% 0, 74% 0, 66% 48%);        background: #65609f;        transform: rotate(28.8deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(2):before, .circle:nth-child(8) .content:nth-child(2):after {        width: 58px;        height: 6px;        -webkit-clip-path: polygon(11% 0, 64% 0, 27% 48%);        clip-path: polygon(11% 0, 64% 0, 27% 48%);    }    .circle:nth-child(8) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #817887;    }    .circle:nth-child(8) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(13% 0, 3% 0, 51% 48%);        clip-path: polygon(13% 0, 3% 0, 51% 48%);        background: #76748b;        transform: rotate(43.2deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(3):before, .circle:nth-child(8) .content:nth-child(3):after {        width: 15px;        height: 22px;        -webkit-clip-path: polygon(14% 0, 45% 0, 17% 48%);        clip-path: polygon(14% 0, 45% 0, 17% 48%);    }    .circle:nth-child(8) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8a4bb4;    }    .circle:nth-child(8) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(86% 0, 51% 0, 21% 48%);        clip-path: polygon(86% 0, 51% 0, 21% 48%);        background: #483dc2;        transform: rotate(57.6deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(4):before, .circle:nth-child(8) .content:nth-child(4):after {        width: 35px;        height: 48px;        -webkit-clip-path: polygon(93% 0, 5% 0, 37% 48%);        clip-path: polygon(93% 0, 5% 0, 37% 48%);    }    .circle:nth-child(8) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #865ea1;    }    .circle:nth-child(8) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(76% 0, 50% 0, 11% 48%);        clip-path: polygon(76% 0, 50% 0, 11% 48%);        background: #797887;        transform: rotate(72deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(5):before, .circle:nth-child(8) .content:nth-child(5):after {        width: 13px;        height: 32px;        -webkit-clip-path: polygon(27% 0, 43% 0, 67% 48%);        clip-path: polygon(27% 0, 43% 0, 67% 48%);    }    .circle:nth-child(8) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(8) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 93% 0, 19% 48%);        clip-path: polygon(51% 0, 93% 0, 19% 48%);        background: #392bd4;        transform: rotate(86.4deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(6):before, .circle:nth-child(8) .content:nth-child(6):after {        width: 6px;        height: 46px;        -webkit-clip-path: polygon(70% 0, 15% 0, 97% 48%);        clip-path: polygon(70% 0, 15% 0, 97% 48%);    }    .circle:nth-child(8) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(8) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 70% 0, 28% 48%);        clip-path: polygon(23% 0, 70% 0, 28% 48%);        background: #1601fe;        transform: rotate(100.8deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(7):before, .circle:nth-child(8) .content:nth-child(7):after {        width: 17px;        height: 35px;        -webkit-clip-path: polygon(74% 0, 70% 0, 72% 48%);        clip-path: polygon(74% 0, 70% 0, 72% 48%);    }    .circle:nth-child(8) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8c41be;    }    .circle:nth-child(8) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 27% 0, 8% 48%);        clip-path: polygon(48% 0, 27% 0, 8% 48%);        background: #3628d7;        transform: rotate(115.2deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(8):before, .circle:nth-child(8) .content:nth-child(8):after {        width: 45px;        height: 42px;        -webkit-clip-path: polygon(8% 0, 41% 0, 75% 48%);        clip-path: polygon(8% 0, 41% 0, 75% 48%);    }    .circle:nth-child(8) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #9708f7;    }    .circle:nth-child(8) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(17% 0, 56% 0, 17% 48%);        clip-path: polygon(17% 0, 56% 0, 17% 48%);        background: #4337c8;        transform: rotate(129.6deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(9):before, .circle:nth-child(8) .content:nth-child(9):after {        width: 74px;        height: 6px;        -webkit-clip-path: polygon(26% 0, 15% 0, 92% 48%);        clip-path: polygon(26% 0, 15% 0, 92% 48%);    }    .circle:nth-child(8) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(8) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(93% 0, 89% 0, 43% 48%);        clip-path: polygon(93% 0, 89% 0, 43% 48%);        background: #2817e8;        transform: rotate(144deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(10):before, .circle:nth-child(8) .content:nth-child(10):after {        width: 17px;        height: 6px;        -webkit-clip-path: polygon(33% 0, 98% 0, 23% 48%);        clip-path: polygon(33% 0, 98% 0, 23% 48%);    }    .circle:nth-child(8) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #846798;    }    .circle:nth-child(8) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(16% 0, 61% 0, 79% 48%);        clip-path: polygon(16% 0, 61% 0, 79% 48%);        background: #706c93;        transform: rotate(158.4deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(11):before, .circle:nth-child(8) .content:nth-child(11):after {        width: 87px;        height: 8px;        -webkit-clip-path: polygon(51% 0, 85% 0, 45% 48%);        clip-path: polygon(51% 0, 85% 0, 45% 48%);    }    .circle:nth-child(8) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(8) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(22% 0, 29% 0, 34% 48%);        clip-path: polygon(22% 0, 29% 0, 34% 48%);        background: #473cc3;        transform: rotate(172.8deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(12):before, .circle:nth-child(8) .content:nth-child(12):after {        width: 45px;        height: 10px;        -webkit-clip-path: polygon(68% 0, 33% 0, 94% 48%);        clip-path: polygon(68% 0, 33% 0, 94% 48%);    }    .circle:nth-child(8) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #970af5;    }    .circle:nth-child(8) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(53% 0, 38% 0, 99% 48%);        clip-path: polygon(53% 0, 38% 0, 99% 48%);        background: #3121de;        transform: rotate(187.2deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(13):before, .circle:nth-child(8) .content:nth-child(13):after {        width: 96px;        height: 43px;        -webkit-clip-path: polygon(57% 0, 71% 0, 7% 48%);        clip-path: polygon(57% 0, 71% 0, 7% 48%);    }    .circle:nth-child(8) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #8b44bb;    }    .circle:nth-child(8) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(2% 0, 73% 0, 74% 48%);        clip-path: polygon(2% 0, 73% 0, 74% 48%);        background: #1f0bf4;        transform: rotate(201.6deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(14):before, .circle:nth-child(8) .content:nth-child(14):after {        width: 73px;        height: 32px;        -webkit-clip-path: polygon(47% 0, 44% 0, 60% 48%);        clip-path: polygon(47% 0, 44% 0, 60% 48%);    }    .circle:nth-child(8) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #817887;    }    .circle:nth-child(8) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(83% 0, 71% 0, 17% 48%);        clip-path: polygon(83% 0, 71% 0, 17% 48%);        background: #5046b9;        transform: rotate(216deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(15):before, .circle:nth-child(8) .content:nth-child(15):after {        width: 57px;        height: 19px;        -webkit-clip-path: polygon(14% 0, 44% 0, 38% 48%);        clip-path: polygon(14% 0, 44% 0, 38% 48%);    }    .circle:nth-child(8) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #8c42bd;    }    .circle:nth-child(8) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 45% 0, 8% 48%);        clip-path: polygon(32% 0, 45% 0, 8% 48%);        background: #5046b9;        transform: rotate(230.4deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(16):before, .circle:nth-child(8) .content:nth-child(16):after {        width: 67px;        height: 3px;        -webkit-clip-path: polygon(99% 0, 55% 0, 78% 48%);        clip-path: polygon(99% 0, 55% 0, 78% 48%);    }    .circle:nth-child(8) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #894eb1;    }    .circle:nth-child(8) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(73% 0, 15% 0, 3% 48%);        clip-path: polygon(73% 0, 15% 0, 3% 48%);        background: #5e57a8;        transform: rotate(244.8deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(17):before, .circle:nth-child(8) .content:nth-child(17):after {        width: 76px;        height: 3px;        -webkit-clip-path: polygon(46% 0, 65% 0, 76% 48%);        clip-path: polygon(46% 0, 65% 0, 76% 48%);    }    .circle:nth-child(8) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(8) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(99% 0, 51% 0, 89% 48%);        clip-path: polygon(99% 0, 51% 0, 89% 48%);        background: #4f45ba;        transform: rotate(259.2deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(18):before, .circle:nth-child(8) .content:nth-child(18):after {        width: 36px;        height: 45px;        -webkit-clip-path: polygon(13% 0, 99% 0, 86% 48%);        clip-path: polygon(13% 0, 99% 0, 86% 48%);    }    .circle:nth-child(8) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(8) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(30% 0, 75% 0, 97% 48%);        clip-path: polygon(30% 0, 75% 0, 97% 48%);        background: #2311ee;        transform: rotate(273.6deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(19):before, .circle:nth-child(8) .content:nth-child(19):after {        width: 94px;        height: 46px;        -webkit-clip-path: polygon(84% 0, 96% 0, 21% 48%);        clip-path: polygon(84% 0, 96% 0, 21% 48%);    }    .circle:nth-child(8) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(8) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(26% 0, 31% 0, 55% 48%);        clip-path: polygon(26% 0, 31% 0, 55% 48%);        background: #74718e;        transform: rotate(288deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(20):before, .circle:nth-child(8) .content:nth-child(20):after {        width: 18px;        height: 15px;        -webkit-clip-path: polygon(78% 0, 7% 0, 76% 48%);        clip-path: polygon(78% 0, 7% 0, 76% 48%);    }    .circle:nth-child(8) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(8) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(91% 0, 12% 0, 80% 48%);        clip-path: polygon(91% 0, 12% 0, 80% 48%);        background: #2f1fe0;        transform: rotate(302.4deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(21):before, .circle:nth-child(8) .content:nth-child(21):after {        width: 19px;        height: 34px;        -webkit-clip-path: polygon(29% 0, 49% 0, 56% 48%);        clip-path: polygon(29% 0, 49% 0, 56% 48%);    }    .circle:nth-child(8) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(8) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(94% 0, 84% 0, 14% 48%);        clip-path: polygon(94% 0, 84% 0, 14% 48%);        background: #4b41be;        transform: rotate(316.8deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(22):before, .circle:nth-child(8) .content:nth-child(22):after {        width: 78px;        height: 35px;        -webkit-clip-path: polygon(101% 0, 82% 0, 56% 48%);        clip-path: polygon(101% 0, 82% 0, 56% 48%);    }    .circle:nth-child(8) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #82758a;    }    .circle:nth-child(8) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(2% 0, 8% 0, 29% 48%);        clip-path: polygon(2% 0, 8% 0, 29% 48%);        background: #73708f;        transform: rotate(331.2deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(23):before, .circle:nth-child(8) .content:nth-child(23):after {        width: 45px;        height: 25px;        -webkit-clip-path: polygon(93% 0, 59% 0, 22% 48%);        clip-path: polygon(93% 0, 59% 0, 22% 48%);    }    .circle:nth-child(8) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(8) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(30% 0, 36% 0, 80% 48%);        clip-path: polygon(30% 0, 36% 0, 80% 48%);        background: #4134cb;        transform: rotate(345.6deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(24):before, .circle:nth-child(8) .content:nth-child(24):after {        width: 52px;        height: 43px;        -webkit-clip-path: polygon(54% 0, 36% 0, 36% 48%);        clip-path: polygon(54% 0, 36% 0, 36% 48%);    }    .circle:nth-child(8) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8f34cb;    }    .circle:nth-child(8) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(98% 0, 56% 0, 50% 48%);        clip-path: polygon(98% 0, 56% 0, 50% 48%);        background: #3e30cf;        transform: rotate(360deg) translate(0, 130px);    }    .circle:nth-child(8) .content:nth-child(25):before, .circle:nth-child(8) .content:nth-child(25):after {        width: 4px;        height: 20px;        -webkit-clip-path: polygon(49% 0, 27% 0, 7% 48%);        clip-path: polygon(49% 0, 27% 0, 7% 48%);    }    .circle:nth-child(8) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(8) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #817788;    }    .circle:nth-child(9) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 135px;        left: 28.98px;        -webkit-animation: rotate-reverse 11s linear infinite;        animation: rotate-reverse 11s linear infinite;    }    .circle:nth-child(9) .content {        position: absolute;        width: 60px;        height: 23px;        top: 40%;        left: 40%;    }    .circle:nth-child(9) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(76% 0, 65% 0, 23% 48%);        clip-path: polygon(76% 0, 65% 0, 23% 48%);        background: #706c93;        transform: rotate(14.4deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(1):before, .circle:nth-child(9) .content:nth-child(1):after {        width: 26px;        height: 33px;        -webkit-clip-path: polygon(94% 0, 18% 0, 6% 48%);        clip-path: polygon(94% 0, 18% 0, 6% 48%);    }    .circle:nth-child(9) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8855aa;    }    .circle:nth-child(9) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(10% 0, 74% 0, 93% 48%);        clip-path: polygon(10% 0, 74% 0, 93% 48%);        background: #3020df;        transform: rotate(28.8deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(2):before, .circle:nth-child(9) .content:nth-child(2):after {        width: 3px;        height: 17px;        -webkit-clip-path: polygon(93% 0, 86% 0, 4% 48%);        clip-path: polygon(93% 0, 86% 0, 4% 48%);    }    .circle:nth-child(9) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8c41be;    }    .circle:nth-child(9) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 5% 0, 64% 48%);        clip-path: polygon(41% 0, 5% 0, 64% 48%);        background: #3e30cf;        transform: rotate(43.2deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(3):before, .circle:nth-child(9) .content:nth-child(3):after {        width: 25px;        height: 30px;        -webkit-clip-path: polygon(83% 0, 17% 0, 26% 48%);        clip-path: polygon(83% 0, 17% 0, 26% 48%);    }    .circle:nth-child(9) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8a49b6;    }    .circle:nth-child(9) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(22% 0, 79% 0, 16% 48%);        clip-path: polygon(22% 0, 79% 0, 16% 48%);        background: #726f90;        transform: rotate(57.6deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(4):before, .circle:nth-child(9) .content:nth-child(4):after {        width: 89px;        height: 41px;        -webkit-clip-path: polygon(9% 0, 40% 0, 75% 48%);        clip-path: polygon(9% 0, 40% 0, 75% 48%);    }    .circle:nth-child(9) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #85639c;    }    .circle:nth-child(9) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 22% 0, 56% 48%);        clip-path: polygon(23% 0, 22% 0, 56% 48%);        background: #220ff0;        transform: rotate(72deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(5):before, .circle:nth-child(9) .content:nth-child(5):after {        width: 82px;        height: 41px;        -webkit-clip-path: polygon(87% 0, 27% 0, 84% 48%);        clip-path: polygon(87% 0, 27% 0, 84% 48%);    }    .circle:nth-child(9) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #931de2;    }    .circle:nth-child(9) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(25% 0, 12% 0, 96% 48%);        clip-path: polygon(25% 0, 12% 0, 96% 48%);        background: #726f90;        transform: rotate(86.4deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(6):before, .circle:nth-child(9) .content:nth-child(6):after {        width: 25px;        height: 48px;        -webkit-clip-path: polygon(53% 0, 34% 0, 29% 48%);        clip-path: polygon(53% 0, 34% 0, 29% 48%);    }    .circle:nth-child(9) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(9) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(40% 0, 15% 0, 2% 48%);        clip-path: polygon(40% 0, 15% 0, 2% 48%);        background: #7e7e81;        transform: rotate(100.8deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(7):before, .circle:nth-child(9) .content:nth-child(7):after {        width: 100px;        height: 50px;        -webkit-clip-path: polygon(26% 0, 74% 0, 43% 48%);        clip-path: polygon(26% 0, 74% 0, 43% 48%);    }    .circle:nth-child(9) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8d3cc3;    }    .circle:nth-child(9) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(20% 0, 50% 0, 13% 48%);        clip-path: polygon(20% 0, 50% 0, 13% 48%);        background: #797887;        transform: rotate(115.2deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(8):before, .circle:nth-child(9) .content:nth-child(8):after {        width: 54px;        height: 42px;        -webkit-clip-path: polygon(8% 0, 68% 0, 53% 48%);        clip-path: polygon(8% 0, 68% 0, 53% 48%);    }    .circle:nth-child(9) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #970af5;    }    .circle:nth-child(9) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(59% 0, 65% 0, 19% 48%);        clip-path: polygon(59% 0, 65% 0, 19% 48%);        background: #200df2;        transform: rotate(129.6deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(9):before, .circle:nth-child(9) .content:nth-child(9):after {        width: 66px;        height: 42px;        -webkit-clip-path: polygon(66% 0, 49% 0, 10% 48%);        clip-path: polygon(66% 0, 49% 0, 10% 48%);    }    .circle:nth-child(9) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #9417e8;    }    .circle:nth-child(9) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(40% 0, 70% 0, 13% 48%);        clip-path: polygon(40% 0, 70% 0, 13% 48%);        background: #473cc3;        transform: rotate(144deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(10):before, .circle:nth-child(9) .content:nth-child(10):after {        width: 37px;        height: 50px;        -webkit-clip-path: polygon(10% 0, 3% 0, 25% 48%);        clip-path: polygon(10% 0, 3% 0, 25% 48%);    }    .circle:nth-child(9) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #8f34cb;    }    .circle:nth-child(9) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 61% 0, 55% 48%);        clip-path: polygon(4% 0, 61% 0, 55% 48%);        background: #75738c;        transform: rotate(158.4deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(11):before, .circle:nth-child(9) .content:nth-child(11):after {        width: 33px;        height: 34px;        -webkit-clip-path: polygon(89% 0, 18% 0, 46% 48%);        clip-path: polygon(89% 0, 18% 0, 46% 48%);    }    .circle:nth-child(9) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8855aa;    }    .circle:nth-child(9) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 62% 0, 19% 48%);        clip-path: polygon(36% 0, 62% 0, 19% 48%);        background: #645ea1;        transform: rotate(172.8deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(12):before, .circle:nth-child(9) .content:nth-child(12):after {        width: 33px;        height: 13px;        -webkit-clip-path: polygon(30% 0, 101% 0, 70% 48%);        clip-path: polygon(30% 0, 101% 0, 70% 48%);    }    .circle:nth-child(9) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #9418e7;    }    .circle:nth-child(9) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(82% 0, 54% 0, 95% 48%);        clip-path: polygon(82% 0, 54% 0, 95% 48%);        background: #3121de;        transform: rotate(187.2deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(13):before, .circle:nth-child(9) .content:nth-child(13):after {        width: 92px;        height: 11px;        -webkit-clip-path: polygon(69% 0, 30% 0, 63% 48%);        clip-path: polygon(69% 0, 30% 0, 63% 48%);    }    .circle:nth-child(9) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9901fe;    }    .circle:nth-child(9) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 12% 0, 91% 48%);        clip-path: polygon(51% 0, 12% 0, 91% 48%);        background: #7c7c83;        transform: rotate(201.6deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(14):before, .circle:nth-child(9) .content:nth-child(14):after {        width: 64px;        height: 9px;        -webkit-clip-path: polygon(30% 0, 70% 0, 77% 48%);        clip-path: polygon(30% 0, 70% 0, 77% 48%);    }    .circle:nth-child(9) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #82758a;    }    .circle:nth-child(9) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(83% 0, 36% 0, 20% 48%);        clip-path: polygon(83% 0, 36% 0, 20% 48%);        background: #5c55aa;        transform: rotate(216deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(15):before, .circle:nth-child(9) .content:nth-child(15):after {        width: 43px;        height: 2px;        -webkit-clip-path: polygon(52% 0, 55% 0, 27% 48%);        clip-path: polygon(52% 0, 55% 0, 27% 48%);    }    .circle:nth-child(9) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(9) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 40% 0, 57% 48%);        clip-path: polygon(32% 0, 40% 0, 57% 48%);        background: #5046b9;        transform: rotate(230.4deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(16):before, .circle:nth-child(9) .content:nth-child(16):after {        width: 38px;        height: 45px;        -webkit-clip-path: polygon(82% 0, 49% 0, 34% 48%);        clip-path: polygon(82% 0, 49% 0, 34% 48%);    }    .circle:nth-child(9) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(9) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(9% 0, 34% 0, 34% 48%);        clip-path: polygon(9% 0, 34% 0, 34% 48%);        background: #716e91;        transform: rotate(244.8deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(17):before, .circle:nth-child(9) .content:nth-child(17):after {        width: 39px;        height: 4px;        -webkit-clip-path: polygon(6% 0, 82% 0, 46% 48%);        clip-path: polygon(6% 0, 82% 0, 46% 48%);    }    .circle:nth-child(9) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #8b44bb;    }    .circle:nth-child(9) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(78% 0, 34% 0, 20% 48%);        clip-path: polygon(78% 0, 34% 0, 20% 48%);        background: #3020df;        transform: rotate(259.2deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(18):before, .circle:nth-child(9) .content:nth-child(18):after {        width: 6px;        height: 14px;        -webkit-clip-path: polygon(18% 0, 42% 0, 84% 48%);        clip-path: polygon(18% 0, 42% 0, 84% 48%);    }    .circle:nth-child(9) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #970af5;    }    .circle:nth-child(9) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(78% 0, 6% 0, 81% 48%);        clip-path: polygon(78% 0, 6% 0, 81% 48%);        background: #574fb0;        transform: rotate(273.6deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(19):before, .circle:nth-child(9) .content:nth-child(19):after {        width: 98px;        height: 25px;        -webkit-clip-path: polygon(101% 0, 11% 0, 20% 48%);        clip-path: polygon(101% 0, 11% 0, 20% 48%);    }    .circle:nth-child(9) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #9516e9;    }    .circle:nth-child(9) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 71% 0, 28% 48%);        clip-path: polygon(67% 0, 71% 0, 28% 48%);        background: #1c08f7;        transform: rotate(288deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(20):before, .circle:nth-child(9) .content:nth-child(20):after {        width: 34px;        height: 35px;        -webkit-clip-path: polygon(55% 0, 84% 0, 37% 48%);        clip-path: polygon(55% 0, 84% 0, 37% 48%);    }    .circle:nth-child(9) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #8854ab;    }    .circle:nth-child(9) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(35% 0, 71% 0, 9% 48%);        clip-path: polygon(35% 0, 71% 0, 9% 48%);        background: #2513ec;        transform: rotate(302.4deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(21):before, .circle:nth-child(9) .content:nth-child(21):after {        width: 92px;        height: 3px;        -webkit-clip-path: polygon(86% 0, 80% 0, 26% 48%);        clip-path: polygon(86% 0, 80% 0, 26% 48%);    }    .circle:nth-child(9) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #9320df;    }    .circle:nth-child(9) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(26% 0, 72% 0, 57% 48%);        clip-path: polygon(26% 0, 72% 0, 57% 48%);        background: #7e7e81;        transform: rotate(316.8deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(22):before, .circle:nth-child(9) .content:nth-child(22):after {        width: 77px;        height: 20px;        -webkit-clip-path: polygon(35% 0, 83% 0, 72% 48%);        clip-path: polygon(35% 0, 83% 0, 72% 48%);    }    .circle:nth-child(9) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(9) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(69% 0, 71% 0, 87% 48%);        clip-path: polygon(69% 0, 71% 0, 87% 48%);        background: #534ab5;        transform: rotate(331.2deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(23):before, .circle:nth-child(9) .content:nth-child(23):after {        width: 9px;        height: 15px;        -webkit-clip-path: polygon(95% 0, 96% 0, 73% 48%);        clip-path: polygon(95% 0, 96% 0, 73% 48%);    }    .circle:nth-child(9) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #83708f;    }    .circle:nth-child(9) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(87% 0, 96% 0, 91% 48%);        clip-path: polygon(87% 0, 96% 0, 91% 48%);        background: #2412ed;        transform: rotate(345.6deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(24):before, .circle:nth-child(9) .content:nth-child(24):after {        width: 26px;        height: 37px;        -webkit-clip-path: polygon(99% 0, 27% 0, 82% 48%);        clip-path: polygon(99% 0, 27% 0, 82% 48%);    }    .circle:nth-child(9) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(9) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(6% 0, 86% 0, 66% 48%);        clip-path: polygon(6% 0, 86% 0, 66% 48%);        background: #483dc2;        transform: rotate(360deg) translate(0, 140px);    }    .circle:nth-child(9) .content:nth-child(25):before, .circle:nth-child(9) .content:nth-child(25):after {        width: 29px;        height: 39px;        -webkit-clip-path: polygon(18% 0, 38% 0, 14% 48%);        clip-path: polygon(18% 0, 38% 0, 14% 48%);    }    .circle:nth-child(9) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(9) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(10) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 150px;        left: 32.2px;        -webkit-animation: rotate 18s linear infinite;        animation: rotate 18s linear infinite;    }    .circle:nth-child(10) .content {        position: absolute;        width: 57px;        height: 15px;        top: 40%;        left: 40%;    }    .circle:nth-child(10) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 96% 0, 55% 48%);        clip-path: polygon(4% 0, 96% 0, 55% 48%);        background: #2311ee;        transform: rotate(14.4deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(1):before, .circle:nth-child(10) .content:nth-child(1):after {        width: 10px;        height: 46px;        -webkit-clip-path: polygon(15% 0, 14% 0, 56% 48%);        clip-path: polygon(15% 0, 14% 0, 56% 48%);    }    .circle:nth-child(10) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(10) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(12% 0, 15% 0, 85% 48%);        clip-path: polygon(12% 0, 15% 0, 85% 48%);        background: #1c08f7;        transform: rotate(28.8deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(2):before, .circle:nth-child(10) .content:nth-child(2):after {        width: 75px;        height: 1px;        -webkit-clip-path: polygon(47% 0, 6% 0, 52% 48%);        clip-path: polygon(47% 0, 6% 0, 52% 48%);    }    .circle:nth-child(10) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #817a85;    }    .circle:nth-child(10) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(35% 0, 46% 0, 84% 48%);        clip-path: polygon(35% 0, 46% 0, 84% 48%);        background: #5f58a7;        transform: rotate(43.2deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(3):before, .circle:nth-child(10) .content:nth-child(3):after {        width: 76px;        height: 12px;        -webkit-clip-path: polygon(82% 0, 99% 0, 55% 48%);        clip-path: polygon(82% 0, 99% 0, 55% 48%);    }    .circle:nth-child(10) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #931fe0;    }    .circle:nth-child(10) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(17% 0, 83% 0, 87% 48%);        clip-path: polygon(17% 0, 83% 0, 87% 48%);        background: #3222dd;        transform: rotate(57.6deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(4):before, .circle:nth-child(10) .content:nth-child(4):after {        width: 60px;        height: 12px;        -webkit-clip-path: polygon(44% 0, 91% 0, 45% 48%);        clip-path: polygon(44% 0, 91% 0, 45% 48%);    }    .circle:nth-child(10) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #807c83;    }    .circle:nth-child(10) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(8% 0, 13% 0, 74% 48%);        clip-path: polygon(8% 0, 13% 0, 74% 48%);        background: #7c7c83;        transform: rotate(72deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(5):before, .circle:nth-child(10) .content:nth-child(5):after {        width: 17px;        height: 43px;        -webkit-clip-path: polygon(40% 0, 75% 0, 68% 48%);        clip-path: polygon(40% 0, 75% 0, 68% 48%);    }    .circle:nth-child(10) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #9128d7;    }    .circle:nth-child(10) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(8% 0, 57% 0, 13% 48%);        clip-path: polygon(8% 0, 57% 0, 13% 48%);        background: #2614eb;        transform: rotate(86.4deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(6):before, .circle:nth-child(10) .content:nth-child(6):after {        width: 11px;        height: 22px;        -webkit-clip-path: polygon(47% 0, 33% 0, 48% 48%);        clip-path: polygon(47% 0, 33% 0, 48% 48%);    }    .circle:nth-child(10) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #846b94;    }    .circle:nth-child(10) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(30% 0, 62% 0, 30% 48%);        clip-path: polygon(30% 0, 62% 0, 30% 48%);        background: #3425da;        transform: rotate(100.8deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(7):before, .circle:nth-child(10) .content:nth-child(7):after {        width: 15px;        height: 48px;        -webkit-clip-path: polygon(97% 0, 37% 0, 33% 48%);        clip-path: polygon(97% 0, 37% 0, 33% 48%);    }    .circle:nth-child(10) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(10) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 40% 0, 56% 48%);        clip-path: polygon(36% 0, 40% 0, 56% 48%);        background: #635da2;        transform: rotate(115.2deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(8):before, .circle:nth-child(10) .content:nth-child(8):after {        width: 5px;        height: 1px;        -webkit-clip-path: polygon(72% 0, 75% 0, 89% 48%);        clip-path: polygon(72% 0, 75% 0, 89% 48%);    }    .circle:nth-child(10) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(10) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(87% 0, 50% 0, 78% 48%);        clip-path: polygon(87% 0, 50% 0, 78% 48%);        background: #645ea1;        transform: rotate(129.6deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(9):before, .circle:nth-child(10) .content:nth-child(9):after {        width: 43px;        height: 13px;        -webkit-clip-path: polygon(24% 0, 81% 0, 88% 48%);        clip-path: polygon(24% 0, 81% 0, 88% 48%);    }    .circle:nth-child(10) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8f34cb;    }    .circle:nth-child(10) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(97% 0, 51% 0, 59% 48%);        clip-path: polygon(97% 0, 51% 0, 59% 48%);        background: #68639c;        transform: rotate(144deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(10):before, .circle:nth-child(10) .content:nth-child(10):after {        width: 11px;        height: 6px;        -webkit-clip-path: polygon(55% 0, 81% 0, 27% 48%);        clip-path: polygon(55% 0, 81% 0, 27% 48%);    }    .circle:nth-child(10) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #817a85;    }    .circle:nth-child(10) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(70% 0, 6% 0, 97% 48%);        clip-path: polygon(70% 0, 6% 0, 97% 48%);        background: #3f32cd;        transform: rotate(158.4deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(11):before, .circle:nth-child(10) .content:nth-child(11):after {        width: 29px;        height: 19px;        -webkit-clip-path: polygon(90% 0, 61% 0, 43% 48%);        clip-path: polygon(90% 0, 61% 0, 43% 48%);    }    .circle:nth-child(10) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #846a95;    }    .circle:nth-child(10) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(28% 0, 28% 0, 13% 48%);        clip-path: polygon(28% 0, 28% 0, 13% 48%);        background: #3526d9;        transform: rotate(172.8deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(12):before, .circle:nth-child(10) .content:nth-child(12):after {        width: 86px;        height: 5px;        -webkit-clip-path: polygon(98% 0, 58% 0, 28% 48%);        clip-path: polygon(98% 0, 58% 0, 28% 48%);    }    .circle:nth-child(10) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #8e38c7;    }    .circle:nth-child(10) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(9% 0, 87% 0, 31% 48%);        clip-path: polygon(9% 0, 87% 0, 31% 48%);        background: #5046b9;        transform: rotate(187.2deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(13):before, .circle:nth-child(10) .content:nth-child(13):after {        width: 55px;        height: 49px;        -webkit-clip-path: polygon(46% 0, 20% 0, 45% 48%);        clip-path: polygon(46% 0, 20% 0, 45% 48%);    }    .circle:nth-child(10) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9709f6;    }    .circle:nth-child(10) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(96% 0, 61% 0, 69% 48%);        clip-path: polygon(96% 0, 61% 0, 69% 48%);        background: #1d09f6;        transform: rotate(201.6deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(14):before, .circle:nth-child(10) .content:nth-child(14):after {        width: 58px;        height: 29px;        -webkit-clip-path: polygon(91% 0, 62% 0, 82% 48%);        clip-path: polygon(91% 0, 62% 0, 82% 48%);    }    .circle:nth-child(10) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9417e8;    }    .circle:nth-child(10) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(17% 0, 95% 0, 85% 48%);        clip-path: polygon(17% 0, 95% 0, 85% 48%);        background: #1601fe;        transform: rotate(216deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(15):before, .circle:nth-child(10) .content:nth-child(15):after {        width: 43px;        height: 12px;        -webkit-clip-path: polygon(28% 0, 27% 0, 11% 48%);        clip-path: polygon(28% 0, 27% 0, 11% 48%);    }    .circle:nth-child(10) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #8c40bf;    }    .circle:nth-child(10) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(53% 0, 63% 0, 61% 48%);        clip-path: polygon(53% 0, 63% 0, 61% 48%);        background: #66619e;        transform: rotate(230.4deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(16):before, .circle:nth-child(10) .content:nth-child(16):after {        width: 90px;        height: 2px;        -webkit-clip-path: polygon(27% 0, 92% 0, 11% 48%);        clip-path: polygon(27% 0, 92% 0, 11% 48%);    }    .circle:nth-child(10) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(10) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 62% 0, 94% 48%);        clip-path: polygon(41% 0, 62% 0, 94% 48%);        background: #67629d;        transform: rotate(244.8deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(17):before, .circle:nth-child(10) .content:nth-child(17):after {        width: 13px;        height: 28px;        -webkit-clip-path: polygon(50% 0, 10% 0, 85% 48%);        clip-path: polygon(50% 0, 10% 0, 85% 48%);    }    .circle:nth-child(10) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9418e7;    }    .circle:nth-child(10) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(69% 0, 91% 0, 32% 48%);        clip-path: polygon(69% 0, 91% 0, 32% 48%);        background: #2e1de2;        transform: rotate(259.2deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(18):before, .circle:nth-child(10) .content:nth-child(18):after {        width: 84px;        height: 7px;        -webkit-clip-path: polygon(3% 0, 52% 0, 43% 48%);        clip-path: polygon(3% 0, 52% 0, 43% 48%);    }    .circle:nth-child(10) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #86619e;    }    .circle:nth-child(10) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(26% 0, 28% 0, 90% 48%);        clip-path: polygon(26% 0, 28% 0, 90% 48%);        background: #3d2fd0;        transform: rotate(273.6deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(19):before, .circle:nth-child(10) .content:nth-child(19):after {        width: 13px;        height: 12px;        -webkit-clip-path: polygon(57% 0, 73% 0, 29% 48%);        clip-path: polygon(57% 0, 73% 0, 29% 48%);    }    .circle:nth-child(10) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(10) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 95% 0, 60% 48%);        clip-path: polygon(48% 0, 95% 0, 60% 48%);        background: #69659a;        transform: rotate(288deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(20):before, .circle:nth-child(10) .content:nth-child(20):after {        width: 34px;        height: 3px;        -webkit-clip-path: polygon(60% 0, 63% 0, 100% 48%);        clip-path: polygon(60% 0, 63% 0, 100% 48%);    }    .circle:nth-child(10) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #9901fe;    }    .circle:nth-child(10) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(27% 0, 96% 0, 58% 48%);        clip-path: polygon(27% 0, 96% 0, 58% 48%);        background: #1a05fa;        transform: rotate(302.4deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(21):before, .circle:nth-child(10) .content:nth-child(21):after {        width: 81px;        height: 13px;        -webkit-clip-path: polygon(98% 0, 77% 0, 29% 48%);        clip-path: polygon(98% 0, 77% 0, 29% 48%);    }    .circle:nth-child(10) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #875ca3;    }    .circle:nth-child(10) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(8% 0, 38% 0, 31% 48%);        clip-path: polygon(8% 0, 38% 0, 31% 48%);        background: #69659a;        transform: rotate(316.8deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(22):before, .circle:nth-child(10) .content:nth-child(22):after {        width: 44px;        height: 3px;        -webkit-clip-path: polygon(31% 0, 70% 0, 56% 48%);        clip-path: polygon(31% 0, 70% 0, 56% 48%);    }    .circle:nth-child(10) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(10) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(22% 0, 101% 0, 32% 48%);        clip-path: polygon(22% 0, 101% 0, 32% 48%);        background: #69659a;        transform: rotate(331.2deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(23):before, .circle:nth-child(10) .content:nth-child(23):after {        width: 60px;        height: 23px;        -webkit-clip-path: polygon(97% 0, 3% 0, 3% 48%);        clip-path: polygon(97% 0, 3% 0, 3% 48%);    }    .circle:nth-child(10) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(10) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(25% 0, 21% 0, 7% 48%);        clip-path: polygon(25% 0, 21% 0, 7% 48%);        background: #5850af;        transform: rotate(345.6deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(24):before, .circle:nth-child(10) .content:nth-child(24):after {        width: 49px;        height: 39px;        -webkit-clip-path: polygon(11% 0, 28% 0, 16% 48%);        clip-path: polygon(11% 0, 28% 0, 16% 48%);    }    .circle:nth-child(10) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8950af;    }    .circle:nth-child(10) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 71% 0, 16% 48%);        clip-path: polygon(48% 0, 71% 0, 16% 48%);        background: #1601fe;        transform: rotate(360deg) translate(0, 150px);    }    .circle:nth-child(10) .content:nth-child(25):before, .circle:nth-child(10) .content:nth-child(25):after {        width: 9px;        height: 50px;        -webkit-clip-path: polygon(27% 0, 16% 0, 62% 48%);        clip-path: polygon(27% 0, 16% 0, 62% 48%);    }    .circle:nth-child(10) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(10) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #902dd2;    }    .circle:nth-child(11) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 165px;        left: 35.42px;        -webkit-animation: rotate 15s linear infinite;        animation: rotate 15s linear infinite;    }    .circle:nth-child(11) .content {        position: absolute;        width: 135px;        height: 42px;        top: 40%;        left: 40%;    }    .circle:nth-child(11) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 52% 0, 58% 48%);        clip-path: polygon(23% 0, 52% 0, 58% 48%);        background: #73708f;        transform: rotate(14.4deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(1):before, .circle:nth-child(11) .content:nth-child(1):after {        width: 57px;        height: 42px;        -webkit-clip-path: polygon(34% 0, 34% 0, 22% 48%);        clip-path: polygon(34% 0, 34% 0, 22% 48%);    }    .circle:nth-child(11) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8c42bd;    }    .circle:nth-child(11) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(35% 0, 77% 0, 4% 48%);        clip-path: polygon(35% 0, 77% 0, 4% 48%);        background: #3e30cf;        transform: rotate(28.8deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(2):before, .circle:nth-child(11) .content:nth-child(2):after {        width: 46px;        height: 50px;        -webkit-clip-path: polygon(66% 0, 36% 0, 47% 48%);        clip-path: polygon(66% 0, 36% 0, 47% 48%);    }    .circle:nth-child(11) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #836c93;    }    .circle:nth-child(11) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(21% 0, 53% 0, 79% 48%);        clip-path: polygon(21% 0, 53% 0, 79% 48%);        background: #4e44bb;        transform: rotate(43.2deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(3):before, .circle:nth-child(11) .content:nth-child(3):after {        width: 22px;        height: 6px;        -webkit-clip-path: polygon(62% 0, 23% 0, 65% 48%);        clip-path: polygon(62% 0, 23% 0, 65% 48%);    }    .circle:nth-child(11) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #817887;    }    .circle:nth-child(11) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 75% 0, 94% 48%);        clip-path: polygon(55% 0, 75% 0, 94% 48%);        background: #5b54ab;        transform: rotate(57.6deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(4):before, .circle:nth-child(11) .content:nth-child(4):after {        width: 93px;        height: 23px;        -webkit-clip-path: polygon(12% 0, 97% 0, 36% 48%);        clip-path: polygon(12% 0, 97% 0, 36% 48%);    }    .circle:nth-child(11) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #8a4ab5;    }    .circle:nth-child(11) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(22% 0, 71% 0, 32% 48%);        clip-path: polygon(22% 0, 71% 0, 32% 48%);        background: #2311ee;        transform: rotate(72deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(5):before, .circle:nth-child(11) .content:nth-child(5):after {        width: 21px;        height: 20px;        -webkit-clip-path: polygon(75% 0, 67% 0, 9% 48%);        clip-path: polygon(75% 0, 67% 0, 9% 48%);    }    .circle:nth-child(11) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8857a8;    }    .circle:nth-child(11) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(50% 0, 63% 0, 57% 48%);        clip-path: polygon(50% 0, 63% 0, 57% 48%);        background: #2311ee;        transform: rotate(86.4deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(6):before, .circle:nth-child(11) .content:nth-child(6):after {        width: 58px;        height: 50px;        -webkit-clip-path: polygon(63% 0, 36% 0, 99% 48%);        clip-path: polygon(63% 0, 36% 0, 99% 48%);    }    .circle:nth-child(11) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #931ce3;    }    .circle:nth-child(11) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 35% 0, 18% 48%);        clip-path: polygon(34% 0, 35% 0, 18% 48%);        background: #4f45ba;        transform: rotate(100.8deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(7):before, .circle:nth-child(11) .content:nth-child(7):after {        width: 97px;        height: 23px;        -webkit-clip-path: polygon(31% 0, 74% 0, 94% 48%);        clip-path: polygon(31% 0, 74% 0, 94% 48%);    }    .circle:nth-child(11) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #9417e8;    }    .circle:nth-child(11) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(24% 0, 42% 0, 54% 48%);        clip-path: polygon(24% 0, 42% 0, 54% 48%);        background: #6a6699;        transform: rotate(115.2deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(8):before, .circle:nth-child(11) .content:nth-child(8):after {        width: 14px;        height: 32px;        -webkit-clip-path: polygon(56% 0, 43% 0, 36% 48%);        clip-path: polygon(56% 0, 43% 0, 36% 48%);    }    .circle:nth-child(11) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(11) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(56% 0, 70% 0, 52% 48%);        clip-path: polygon(56% 0, 70% 0, 52% 48%);        background: #4236c9;        transform: rotate(129.6deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(9):before, .circle:nth-child(11) .content:nth-child(9):after {        width: 26px;        height: 9px;        -webkit-clip-path: polygon(72% 0, 11% 0, 62% 48%);        clip-path: polygon(72% 0, 11% 0, 62% 48%);    }    .circle:nth-child(11) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8c41be;    }    .circle:nth-child(11) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(97% 0, 20% 0, 98% 48%);        clip-path: polygon(97% 0, 20% 0, 98% 48%);        background: #2311ee;        transform: rotate(144deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(10):before, .circle:nth-child(11) .content:nth-child(10):after {        width: 82px;        height: 37px;        -webkit-clip-path: polygon(49% 0, 50% 0, 52% 48%);        clip-path: polygon(49% 0, 50% 0, 52% 48%);    }    .circle:nth-child(11) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9320df;    }    .circle:nth-child(11) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 87% 0, 11% 48%);        clip-path: polygon(64% 0, 87% 0, 11% 48%);        background: #5850af;        transform: rotate(158.4deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(11):before, .circle:nth-child(11) .content:nth-child(11):after {        width: 34px;        height: 46px;        -webkit-clip-path: polygon(94% 0, 72% 0, 67% 48%);        clip-path: polygon(94% 0, 72% 0, 67% 48%);    }    .circle:nth-child(11) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #9129d6;    }    .circle:nth-child(11) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(33% 0, 35% 0, 62% 48%);        clip-path: polygon(33% 0, 35% 0, 62% 48%);        background: #574fb0;        transform: rotate(172.8deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(12):before, .circle:nth-child(11) .content:nth-child(12):after {        width: 29px;        height: 1px;        -webkit-clip-path: polygon(44% 0, 22% 0, 98% 48%);        clip-path: polygon(44% 0, 22% 0, 98% 48%);    }    .circle:nth-child(11) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #960df2;    }    .circle:nth-child(11) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(43% 0, 52% 0, 40% 48%);        clip-path: polygon(43% 0, 52% 0, 40% 48%);        background: #3f32cd;        transform: rotate(187.2deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(13):before, .circle:nth-child(11) .content:nth-child(13):after {        width: 30px;        height: 43px;        -webkit-clip-path: polygon(11% 0, 92% 0, 18% 48%);        clip-path: polygon(11% 0, 92% 0, 18% 48%);    }    .circle:nth-child(11) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(11) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(46% 0, 74% 0, 52% 48%);        clip-path: polygon(46% 0, 74% 0, 52% 48%);        background: #1500ff;        transform: rotate(201.6deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(14):before, .circle:nth-child(11) .content:nth-child(14):after {        width: 95px;        height: 23px;        -webkit-clip-path: polygon(29% 0, 35% 0, 7% 48%);        clip-path: polygon(29% 0, 35% 0, 7% 48%);    }    .circle:nth-child(11) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9225da;    }    .circle:nth-child(11) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(68% 0, 42% 0, 13% 48%);        clip-path: polygon(68% 0, 42% 0, 13% 48%);        background: #74718e;        transform: rotate(216deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(15):before, .circle:nth-child(11) .content:nth-child(15):after {        width: 90px;        height: 18px;        -webkit-clip-path: polygon(98% 0, 43% 0, 90% 48%);        clip-path: polygon(98% 0, 43% 0, 90% 48%);    }    .circle:nth-child(11) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(11) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(10% 0, 76% 0, 13% 48%);        clip-path: polygon(10% 0, 76% 0, 13% 48%);        background: #65609f;        transform: rotate(230.4deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(16):before, .circle:nth-child(11) .content:nth-child(16):after {        width: 19px;        height: 38px;        -webkit-clip-path: polygon(63% 0, 40% 0, 4% 48%);        clip-path: polygon(63% 0, 40% 0, 4% 48%);    }    .circle:nth-child(11) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #8a49b6;    }    .circle:nth-child(11) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 99% 0, 61% 48%);        clip-path: polygon(36% 0, 99% 0, 61% 48%);        background: #3020df;        transform: rotate(244.8deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(17):before, .circle:nth-child(11) .content:nth-child(17):after {        width: 68px;        height: 28px;        -webkit-clip-path: polygon(28% 0, 43% 0, 54% 48%);        clip-path: polygon(28% 0, 43% 0, 54% 48%);    }    .circle:nth-child(11) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #8d3bc4;    }    .circle:nth-child(11) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(96% 0, 48% 0, 9% 48%);        clip-path: polygon(96% 0, 48% 0, 9% 48%);        background: #797887;        transform: rotate(259.2deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(18):before, .circle:nth-child(11) .content:nth-child(18):after {        width: 87px;        height: 43px;        -webkit-clip-path: polygon(47% 0, 3% 0, 54% 48%);        clip-path: polygon(47% 0, 3% 0, 54% 48%);    }    .circle:nth-child(11) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #960ef1;    }    .circle:nth-child(11) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(2% 0, 79% 0, 31% 48%);        clip-path: polygon(2% 0, 79% 0, 31% 48%);        background: #2311ee;        transform: rotate(273.6deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(19):before, .circle:nth-child(11) .content:nth-child(19):after {        width: 38px;        height: 47px;        -webkit-clip-path: polygon(49% 0, 100% 0, 78% 48%);        clip-path: polygon(49% 0, 100% 0, 78% 48%);    }    .circle:nth-child(11) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(11) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(65% 0, 66% 0, 6% 48%);        clip-path: polygon(65% 0, 66% 0, 6% 48%);        background: #1e0af5;        transform: rotate(288deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(20):before, .circle:nth-child(11) .content:nth-child(20):after {        width: 20px;        height: 8px;        -webkit-clip-path: polygon(94% 0, 24% 0, 63% 48%);        clip-path: polygon(94% 0, 24% 0, 63% 48%);    }    .circle:nth-child(11) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #807d82;    }    .circle:nth-child(11) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 33% 0, 55% 48%);        clip-path: polygon(32% 0, 33% 0, 55% 48%);        background: #534ab5;        transform: rotate(302.4deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(21):before, .circle:nth-child(11) .content:nth-child(21):after {        width: 29px;        height: 13px;        -webkit-clip-path: polygon(67% 0, 83% 0, 34% 48%);        clip-path: polygon(67% 0, 83% 0, 34% 48%);    }    .circle:nth-child(11) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #9221de;    }    .circle:nth-child(11) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(84% 0, 16% 0, 79% 48%);        clip-path: polygon(84% 0, 16% 0, 79% 48%);        background: #726f90;        transform: rotate(316.8deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(22):before, .circle:nth-child(11) .content:nth-child(22):after {        width: 11px;        height: 36px;        -webkit-clip-path: polygon(69% 0, 64% 0, 74% 48%);        clip-path: polygon(69% 0, 64% 0, 74% 48%);    }    .circle:nth-child(11) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(11) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(2% 0, 8% 0, 11% 48%);        clip-path: polygon(2% 0, 8% 0, 11% 48%);        background: #66619e;        transform: rotate(331.2deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(23):before, .circle:nth-child(11) .content:nth-child(23):after {        width: 50px;        height: 5px;        -webkit-clip-path: polygon(93% 0, 81% 0, 23% 48%);        clip-path: polygon(93% 0, 81% 0, 23% 48%);    }    .circle:nth-child(11) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(11) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(14% 0, 48% 0, 55% 48%);        clip-path: polygon(14% 0, 48% 0, 55% 48%);        background: #210ef1;        transform: rotate(345.6deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(24):before, .circle:nth-child(11) .content:nth-child(24):after {        width: 42px;        height: 27px;        -webkit-clip-path: polygon(86% 0, 15% 0, 88% 48%);        clip-path: polygon(86% 0, 15% 0, 88% 48%);    }    .circle:nth-child(11) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(11) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(87% 0, 90% 0, 31% 48%);        clip-path: polygon(87% 0, 90% 0, 31% 48%);        background: #4b41be;        transform: rotate(360deg) translate(0, 160px);    }    .circle:nth-child(11) .content:nth-child(25):before, .circle:nth-child(11) .content:nth-child(25):after {        width: 90px;        height: 40px;        -webkit-clip-path: polygon(11% 0, 95% 0, 61% 48%);        clip-path: polygon(11% 0, 95% 0, 61% 48%);    }    .circle:nth-child(11) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(11) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #8e36c9;    }    .circle:nth-child(12) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 180px;        left: 38.64px;        -webkit-animation: rotate-reverse 14s linear infinite;        animation: rotate-reverse 14s linear infinite;    }    .circle:nth-child(12) .content {        position: absolute;        width: 94px;        height: 15px;        top: 40%;        left: 40%;    }    .circle:nth-child(12) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 71% 0, 94% 48%);        clip-path: polygon(36% 0, 71% 0, 94% 48%);        background: #1a05fa;        transform: rotate(14.4deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(1):before, .circle:nth-child(12) .content:nth-child(1):after {        width: 5px;        height: 5px;        -webkit-clip-path: polygon(88% 0, 17% 0, 63% 48%);        clip-path: polygon(88% 0, 17% 0, 63% 48%);    }    .circle:nth-child(12) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #9418e7;    }    .circle:nth-child(12) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(26% 0, 30% 0, 57% 48%);        clip-path: polygon(26% 0, 30% 0, 57% 48%);        background: #3628d7;        transform: rotate(28.8deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(2):before, .circle:nth-child(12) .content:nth-child(2):after {        width: 37px;        height: 39px;        -webkit-clip-path: polygon(91% 0, 4% 0, 83% 48%);        clip-path: polygon(91% 0, 4% 0, 83% 48%);    }    .circle:nth-child(12) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #9126d9;    }    .circle:nth-child(12) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 98% 0, 59% 48%);        clip-path: polygon(64% 0, 98% 0, 59% 48%);        background: #544bb4;        transform: rotate(43.2deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(3):before, .circle:nth-child(12) .content:nth-child(3):after {        width: 92px;        height: 46px;        -webkit-clip-path: polygon(67% 0, 14% 0, 39% 48%);        clip-path: polygon(67% 0, 14% 0, 39% 48%);    }    .circle:nth-child(12) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(12) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(14% 0, 35% 0, 51% 48%);        clip-path: polygon(14% 0, 35% 0, 51% 48%);        background: #4033cc;        transform: rotate(57.6deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(4):before, .circle:nth-child(12) .content:nth-child(4):after {        width: 86px;        height: 31px;        -webkit-clip-path: polygon(82% 0, 46% 0, 39% 48%);        clip-path: polygon(82% 0, 46% 0, 39% 48%);    }    .circle:nth-child(12) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #931ce3;    }    .circle:nth-child(12) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 35% 0, 25% 48%);        clip-path: polygon(64% 0, 35% 0, 25% 48%);        background: #1a05fa;        transform: rotate(72deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(5):before, .circle:nth-child(12) .content:nth-child(5):after {        width: 37px;        height: 23px;        -webkit-clip-path: polygon(15% 0, 46% 0, 101% 48%);        clip-path: polygon(15% 0, 46% 0, 101% 48%);    }    .circle:nth-child(12) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(12) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(63% 0, 86% 0, 48% 48%);        clip-path: polygon(63% 0, 86% 0, 48% 48%);        background: #5a53ac;        transform: rotate(86.4deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(6):before, .circle:nth-child(12) .content:nth-child(6):after {        width: 40px;        height: 29px;        -webkit-clip-path: polygon(39% 0, 66% 0, 101% 48%);        clip-path: polygon(39% 0, 66% 0, 101% 48%);    }    .circle:nth-child(12) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8c42bd;    }    .circle:nth-child(12) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(47% 0, 32% 0, 4% 48%);        clip-path: polygon(47% 0, 32% 0, 4% 48%);        background: #1d09f6;        transform: rotate(100.8deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(7):before, .circle:nth-child(12) .content:nth-child(7):after {        width: 7px;        height: 12px;        -webkit-clip-path: polygon(67% 0, 72% 0, 101% 48%);        clip-path: polygon(67% 0, 72% 0, 101% 48%);    }    .circle:nth-child(12) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8e38c7;    }    .circle:nth-child(12) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(28% 0, 78% 0, 52% 48%);        clip-path: polygon(28% 0, 78% 0, 52% 48%);        background: #3f32cd;        transform: rotate(115.2deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(8):before, .circle:nth-child(12) .content:nth-child(8):after {        width: 14px;        height: 37px;        -webkit-clip-path: polygon(76% 0, 63% 0, 81% 48%);        clip-path: polygon(76% 0, 63% 0, 81% 48%);    }    .circle:nth-child(12) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #8a4bb4;    }    .circle:nth-child(12) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 62% 0, 13% 48%);        clip-path: polygon(67% 0, 62% 0, 13% 48%);        background: #2d1ce3;        transform: rotate(129.6deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(9):before, .circle:nth-child(12) .content:nth-child(9):after {        width: 90px;        height: 15px;        -webkit-clip-path: polygon(17% 0, 33% 0, 31% 48%);        clip-path: polygon(17% 0, 33% 0, 31% 48%);    }    .circle:nth-child(12) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #807c83;    }    .circle:nth-child(12) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(50% 0, 31% 0, 38% 48%);        clip-path: polygon(50% 0, 31% 0, 38% 48%);        background: #4e44bb;        transform: rotate(144deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(10):before, .circle:nth-child(12) .content:nth-child(10):after {        width: 81px;        height: 25px;        -webkit-clip-path: polygon(2% 0, 52% 0, 49% 48%);        clip-path: polygon(2% 0, 52% 0, 49% 48%);    }    .circle:nth-child(12) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(12) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 22% 0, 79% 48%);        clip-path: polygon(41% 0, 22% 0, 79% 48%);        background: #4e44bb;        transform: rotate(158.4deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(11):before, .circle:nth-child(12) .content:nth-child(11):after {        width: 64px;        height: 49px;        -webkit-clip-path: polygon(97% 0, 77% 0, 94% 48%);        clip-path: polygon(97% 0, 77% 0, 94% 48%);    }    .circle:nth-child(12) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(12) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 94% 0, 23% 48%);        clip-path: polygon(41% 0, 94% 0, 23% 48%);        background: #4a40bf;        transform: rotate(172.8deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(12):before, .circle:nth-child(12) .content:nth-child(12):after {        width: 80px;        height: 28px;        -webkit-clip-path: polygon(17% 0, 37% 0, 22% 48%);        clip-path: polygon(17% 0, 37% 0, 22% 48%);    }    .circle:nth-child(12) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #8a4bb4;    }    .circle:nth-child(12) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(22% 0, 71% 0, 80% 48%);        clip-path: polygon(22% 0, 71% 0, 80% 48%);        background: #1e0af5;        transform: rotate(187.2deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(13):before, .circle:nth-child(12) .content:nth-child(13):after {        width: 60px;        height: 23px;        -webkit-clip-path: polygon(86% 0, 42% 0, 44% 48%);        clip-path: polygon(86% 0, 42% 0, 44% 48%);    }    .circle:nth-child(12) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(12) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(87% 0, 35% 0, 39% 48%);        clip-path: polygon(87% 0, 35% 0, 39% 48%);        background: #2e1de2;        transform: rotate(201.6deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(14):before, .circle:nth-child(12) .content:nth-child(14):after {        width: 74px;        height: 19px;        -webkit-clip-path: polygon(88% 0, 18% 0, 68% 48%);        clip-path: polygon(88% 0, 18% 0, 68% 48%);    }    .circle:nth-child(12) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(12) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(95% 0, 66% 0, 66% 48%);        clip-path: polygon(95% 0, 66% 0, 66% 48%);        background: #4539c6;        transform: rotate(216deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(15):before, .circle:nth-child(12) .content:nth-child(15):after {        width: 52px;        height: 8px;        -webkit-clip-path: polygon(28% 0, 87% 0, 45% 48%);        clip-path: polygon(28% 0, 87% 0, 45% 48%);    }    .circle:nth-child(12) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #8e37c8;    }    .circle:nth-child(12) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(96% 0, 89% 0, 54% 48%);        clip-path: polygon(96% 0, 89% 0, 54% 48%);        background: #1e0af5;        transform: rotate(230.4deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(16):before, .circle:nth-child(12) .content:nth-child(16):after {        width: 47px;        height: 47px;        -webkit-clip-path: polygon(48% 0, 9% 0, 95% 48%);        clip-path: polygon(48% 0, 9% 0, 95% 48%);    }    .circle:nth-child(12) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(12) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(49% 0, 70% 0, 60% 48%);        clip-path: polygon(49% 0, 70% 0, 60% 48%);        background: #2b1ae6;        transform: rotate(244.8deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(17):before, .circle:nth-child(12) .content:nth-child(17):after {        width: 85px;        height: 30px;        -webkit-clip-path: polygon(90% 0, 10% 0, 72% 48%);        clip-path: polygon(90% 0, 10% 0, 72% 48%);    }    .circle:nth-child(12) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9900ff;    }    .circle:nth-child(12) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(18% 0, 89% 0, 91% 48%);        clip-path: polygon(18% 0, 89% 0, 91% 48%);        background: #7a7986;        transform: rotate(259.2deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(18):before, .circle:nth-child(12) .content:nth-child(18):after {        width: 17px;        height: 13px;        -webkit-clip-path: polygon(14% 0, 94% 0, 5% 48%);        clip-path: polygon(14% 0, 94% 0, 5% 48%);    }    .circle:nth-child(12) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #86619e;    }    .circle:nth-child(12) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 11% 0, 101% 48%);        clip-path: polygon(57% 0, 11% 0, 101% 48%);        background: #534ab5;        transform: rotate(273.6deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(19):before, .circle:nth-child(12) .content:nth-child(19):after {        width: 69px;        height: 35px;        -webkit-clip-path: polygon(80% 0, 88% 0, 59% 48%);        clip-path: polygon(80% 0, 88% 0, 59% 48%);    }    .circle:nth-child(12) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #86619e;    }    .circle:nth-child(12) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 48% 0, 7% 48%);        clip-path: polygon(4% 0, 48% 0, 7% 48%);        background: #2311ee;        transform: rotate(288deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(20):before, .circle:nth-child(12) .content:nth-child(20):after {        width: 2px;        height: 25px;        -webkit-clip-path: polygon(3% 0, 98% 0, 71% 48%);        clip-path: polygon(3% 0, 98% 0, 71% 48%);    }    .circle:nth-child(12) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #960ef1;    }    .circle:nth-child(12) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(71% 0, 41% 0, 73% 48%);        clip-path: polygon(71% 0, 41% 0, 73% 48%);        background: #5147b8;        transform: rotate(302.4deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(21):before, .circle:nth-child(12) .content:nth-child(21):after {        width: 27px;        height: 8px;        -webkit-clip-path: polygon(17% 0, 78% 0, 20% 48%);        clip-path: polygon(17% 0, 78% 0, 20% 48%);    }    .circle:nth-child(12) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #86619e;    }    .circle:nth-child(12) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(73% 0, 55% 0, 49% 48%);        clip-path: polygon(73% 0, 55% 0, 49% 48%);        background: #1804fb;        transform: rotate(316.8deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(22):before, .circle:nth-child(12) .content:nth-child(22):after {        width: 65px;        height: 41px;        -webkit-clip-path: polygon(36% 0, 86% 0, 20% 48%);        clip-path: polygon(36% 0, 86% 0, 20% 48%);    }    .circle:nth-child(12) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(12) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(42% 0, 6% 0, 41% 48%);        clip-path: polygon(42% 0, 6% 0, 41% 48%);        background: #5147b8;        transform: rotate(331.2deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(23):before, .circle:nth-child(12) .content:nth-child(23):after {        width: 23px;        height: 47px;        -webkit-clip-path: polygon(69% 0, 32% 0, 54% 48%);        clip-path: polygon(69% 0, 32% 0, 54% 48%);    }    .circle:nth-child(12) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(12) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(28% 0, 32% 0, 22% 48%);        clip-path: polygon(28% 0, 32% 0, 22% 48%);        background: #4539c6;        transform: rotate(345.6deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(24):before, .circle:nth-child(12) .content:nth-child(24):after {        width: 4px;        height: 43px;        -webkit-clip-path: polygon(21% 0, 37% 0, 34% 48%);        clip-path: polygon(21% 0, 37% 0, 34% 48%);    }    .circle:nth-child(12) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(12) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(83% 0, 25% 0, 39% 48%);        clip-path: polygon(83% 0, 25% 0, 39% 48%);        background: #706c93;        transform: rotate(360deg) translate(0, 170px);    }    .circle:nth-child(12) .content:nth-child(25):before, .circle:nth-child(12) .content:nth-child(25):after {        width: 70px;        height: 19px;        -webkit-clip-path: polygon(15% 0, 60% 0, 30% 48%);        clip-path: polygon(15% 0, 60% 0, 30% 48%);    }    .circle:nth-child(12) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(12) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #8950af;    }    .circle:nth-child(13) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 195px;        left: 41.86px;        -webkit-animation: rotate 22s linear infinite;        animation: rotate 22s linear infinite;    }    .circle:nth-child(13) .content {        position: absolute;        width: 45px;        height: 41px;        top: 40%;        left: 40%;    }    .circle:nth-child(13) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 13% 0, 30% 48%);        clip-path: polygon(55% 0, 13% 0, 30% 48%);        background: #1b06f9;        transform: rotate(14.4deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(1):before, .circle:nth-child(13) .content:nth-child(1):after {        width: 58px;        height: 46px;        -webkit-clip-path: polygon(89% 0, 21% 0, 77% 48%);        clip-path: polygon(89% 0, 21% 0, 77% 48%);    }    .circle:nth-child(13) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #9129d6;    }    .circle:nth-child(13) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(88% 0, 88% 0, 90% 48%);        clip-path: polygon(88% 0, 88% 0, 90% 48%);        background: #1804fb;        transform: rotate(28.8deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(2):before, .circle:nth-child(13) .content:nth-child(2):after {        width: 26px;        height: 43px;        -webkit-clip-path: polygon(6% 0, 37% 0, 67% 48%);        clip-path: polygon(6% 0, 37% 0, 67% 48%);    }    .circle:nth-child(13) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(13) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(58% 0, 26% 0, 74% 48%);        clip-path: polygon(58% 0, 26% 0, 74% 48%);        background: #3425da;        transform: rotate(43.2deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(3):before, .circle:nth-child(13) .content:nth-child(3):after {        width: 15px;        height: 20px;        -webkit-clip-path: polygon(51% 0, 41% 0, 3% 48%);        clip-path: polygon(51% 0, 41% 0, 3% 48%);    }    .circle:nth-child(13) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #970af5;    }    .circle:nth-child(13) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(72% 0, 17% 0, 46% 48%);        clip-path: polygon(72% 0, 17% 0, 46% 48%);        background: #6a6699;        transform: rotate(57.6deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(4):before, .circle:nth-child(13) .content:nth-child(4):after {        width: 2px;        height: 33px;        -webkit-clip-path: polygon(65% 0, 92% 0, 26% 48%);        clip-path: polygon(65% 0, 92% 0, 26% 48%);    }    .circle:nth-child(13) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(13) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(47% 0, 61% 0, 70% 48%);        clip-path: polygon(47% 0, 61% 0, 70% 48%);        background: #1d09f6;        transform: rotate(72deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(5):before, .circle:nth-child(13) .content:nth-child(5):after {        width: 50px;        height: 2px;        -webkit-clip-path: polygon(43% 0, 42% 0, 81% 48%);        clip-path: polygon(43% 0, 42% 0, 81% 48%);    }    .circle:nth-child(13) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #9224db;    }    .circle:nth-child(13) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(14% 0, 71% 0, 6% 48%);        clip-path: polygon(14% 0, 71% 0, 6% 48%);        background: #5249b6;        transform: rotate(86.4deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(6):before, .circle:nth-child(13) .content:nth-child(6):after {        width: 73px;        height: 19px;        -webkit-clip-path: polygon(52% 0, 87% 0, 25% 48%);        clip-path: polygon(52% 0, 87% 0, 25% 48%);    }    .circle:nth-child(13) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(13) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(85% 0, 73% 0, 58% 48%);        clip-path: polygon(85% 0, 73% 0, 58% 48%);        background: #2614eb;        transform: rotate(100.8deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(7):before, .circle:nth-child(13) .content:nth-child(7):after {        width: 12px;        height: 13px;        -webkit-clip-path: polygon(20% 0, 32% 0, 93% 48%);        clip-path: polygon(20% 0, 32% 0, 93% 48%);    }    .circle:nth-child(13) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #9514eb;    }    .circle:nth-child(13) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(33% 0, 88% 0, 96% 48%);        clip-path: polygon(33% 0, 88% 0, 96% 48%);        background: #2c1be4;        transform: rotate(115.2deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(8):before, .circle:nth-child(13) .content:nth-child(8):after {        width: 4px;        height: 17px;        -webkit-clip-path: polygon(58% 0, 51% 0, 5% 48%);        clip-path: polygon(58% 0, 51% 0, 5% 48%);    }    .circle:nth-child(13) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(13) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(96% 0, 16% 0, 74% 48%);        clip-path: polygon(96% 0, 16% 0, 74% 48%);        background: #74718e;        transform: rotate(129.6deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(9):before, .circle:nth-child(13) .content:nth-child(9):after {        width: 58px;        height: 47px;        -webkit-clip-path: polygon(57% 0, 50% 0, 94% 48%);        clip-path: polygon(57% 0, 50% 0, 94% 48%);    }    .circle:nth-child(13) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(13) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 78% 0, 8% 48%);        clip-path: polygon(55% 0, 78% 0, 8% 48%);        background: #220ff0;        transform: rotate(144deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(10):before, .circle:nth-child(13) .content:nth-child(10):after {        width: 56px;        height: 23px;        -webkit-clip-path: polygon(89% 0, 9% 0, 21% 48%);        clip-path: polygon(89% 0, 9% 0, 21% 48%);    }    .circle:nth-child(13) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #970af5;    }    .circle:nth-child(13) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 28% 0, 90% 48%);        clip-path: polygon(67% 0, 28% 0, 90% 48%);        background: #2d1ce3;        transform: rotate(158.4deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(11):before, .circle:nth-child(13) .content:nth-child(11):after {        width: 18px;        height: 14px;        -webkit-clip-path: polygon(33% 0, 88% 0, 5% 48%);        clip-path: polygon(33% 0, 88% 0, 5% 48%);    }    .circle:nth-child(13) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(13) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(14% 0, 79% 0, 96% 48%);        clip-path: polygon(14% 0, 79% 0, 96% 48%);        background: #76748b;        transform: rotate(172.8deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(12):before, .circle:nth-child(13) .content:nth-child(12):after {        width: 31px;        height: 41px;        -webkit-clip-path: polygon(44% 0, 85% 0, 27% 48%);        clip-path: polygon(44% 0, 85% 0, 27% 48%);    }    .circle:nth-child(13) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(13) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 64% 0, 56% 48%);        clip-path: polygon(51% 0, 64% 0, 56% 48%);        background: #534ab5;        transform: rotate(187.2deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(13):before, .circle:nth-child(13) .content:nth-child(13):after {        width: 5px;        height: 34px;        -webkit-clip-path: polygon(4% 0, 35% 0, 95% 48%);        clip-path: polygon(4% 0, 35% 0, 95% 48%);    }    .circle:nth-child(13) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(13) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(84% 0, 11% 0, 65% 48%);        clip-path: polygon(84% 0, 11% 0, 65% 48%);        background: #3020df;        transform: rotate(201.6deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(14):before, .circle:nth-child(13) .content:nth-child(14):after {        width: 77px;        height: 7px;        -webkit-clip-path: polygon(86% 0, 44% 0, 68% 48%);        clip-path: polygon(86% 0, 44% 0, 68% 48%);    }    .circle:nth-child(13) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #960ff0;    }    .circle:nth-child(13) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 46% 0, 60% 48%);        clip-path: polygon(51% 0, 46% 0, 60% 48%);        background: #1804fb;        transform: rotate(216deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(15):before, .circle:nth-child(13) .content:nth-child(15):after {        width: 39px;        height: 32px;        -webkit-clip-path: polygon(35% 0, 69% 0, 77% 48%);        clip-path: polygon(35% 0, 69% 0, 77% 48%);    }    .circle:nth-child(13) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #8758a7;    }    .circle:nth-child(13) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(72% 0, 14% 0, 33% 48%);        clip-path: polygon(72% 0, 14% 0, 33% 48%);        background: #3425da;        transform: rotate(230.4deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(16):before, .circle:nth-child(13) .content:nth-child(16):after {        width: 66px;        height: 5px;        -webkit-clip-path: polygon(87% 0, 89% 0, 20% 48%);        clip-path: polygon(87% 0, 89% 0, 20% 48%);    }    .circle:nth-child(13) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #970af5;    }    .circle:nth-child(13) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 38% 0, 83% 48%);        clip-path: polygon(81% 0, 38% 0, 83% 48%);        background: #1f0bf4;        transform: rotate(244.8deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(17):before, .circle:nth-child(13) .content:nth-child(17):after {        width: 52px;        height: 13px;        -webkit-clip-path: polygon(14% 0, 50% 0, 88% 48%);        clip-path: polygon(14% 0, 50% 0, 88% 48%);    }    .circle:nth-child(13) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(13) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(85% 0, 64% 0, 71% 48%);        clip-path: polygon(85% 0, 64% 0, 71% 48%);        background: #5952ad;        transform: rotate(259.2deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(18):before, .circle:nth-child(13) .content:nth-child(18):after {        width: 90px;        height: 28px;        -webkit-clip-path: polygon(80% 0, 37% 0, 91% 48%);        clip-path: polygon(80% 0, 37% 0, 91% 48%);    }    .circle:nth-child(13) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #894eb1;    }    .circle:nth-child(13) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 32% 0, 19% 48%);        clip-path: polygon(23% 0, 32% 0, 19% 48%);        background: #3425da;        transform: rotate(273.6deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(19):before, .circle:nth-child(13) .content:nth-child(19):after {        width: 21px;        height: 20px;        -webkit-clip-path: polygon(14% 0, 54% 0, 15% 48%);        clip-path: polygon(14% 0, 54% 0, 15% 48%);    }    .circle:nth-child(13) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #9514eb;    }    .circle:nth-child(13) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(37% 0, 59% 0, 19% 48%);        clip-path: polygon(37% 0, 59% 0, 19% 48%);        background: #3020df;        transform: rotate(288deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(20):before, .circle:nth-child(13) .content:nth-child(20):after {        width: 55px;        height: 48px;        -webkit-clip-path: polygon(93% 0, 66% 0, 86% 48%);        clip-path: polygon(93% 0, 66% 0, 86% 48%);    }    .circle:nth-child(13) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #85659a;    }    .circle:nth-child(13) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 95% 0, 49% 48%);        clip-path: polygon(67% 0, 95% 0, 49% 48%);        background: #3a2dd2;        transform: rotate(302.4deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(21):before, .circle:nth-child(13) .content:nth-child(21):after {        width: 10px;        height: 2px;        -webkit-clip-path: polygon(66% 0, 9% 0, 58% 48%);        clip-path: polygon(66% 0, 9% 0, 58% 48%);    }    .circle:nth-child(13) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(13) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(40% 0, 58% 0, 47% 48%);        clip-path: polygon(40% 0, 58% 0, 47% 48%);        background: #3d2fd0;        transform: rotate(316.8deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(22):before, .circle:nth-child(13) .content:nth-child(22):after {        width: 52px;        height: 23px;        -webkit-clip-path: polygon(3% 0, 4% 0, 65% 48%);        clip-path: polygon(3% 0, 4% 0, 65% 48%);    }    .circle:nth-child(13) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #846996;    }    .circle:nth-child(13) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(39% 0, 61% 0, 72% 48%);        clip-path: polygon(39% 0, 61% 0, 72% 48%);        background: #635da2;        transform: rotate(331.2deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(23):before, .circle:nth-child(13) .content:nth-child(23):after {        width: 99px;        height: 20px;        -webkit-clip-path: polygon(28% 0, 43% 0, 62% 48%);        clip-path: polygon(28% 0, 43% 0, 62% 48%);    }    .circle:nth-child(13) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8d3bc4;    }    .circle:nth-child(13) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(91% 0, 57% 0, 9% 48%);        clip-path: polygon(91% 0, 57% 0, 9% 48%);        background: #3526d9;        transform: rotate(345.6deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(24):before, .circle:nth-child(13) .content:nth-child(24):after {        width: 90px;        height: 36px;        -webkit-clip-path: polygon(86% 0, 75% 0, 70% 48%);        clip-path: polygon(86% 0, 75% 0, 70% 48%);    }    .circle:nth-child(13) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(13) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(91% 0, 44% 0, 2% 48%);        clip-path: polygon(91% 0, 44% 0, 2% 48%);        background: #4d42bd;        transform: rotate(360deg) translate(0, 180px);    }    .circle:nth-child(13) .content:nth-child(25):before, .circle:nth-child(13) .content:nth-child(25):after {        width: 85px;        height: 46px;        -webkit-clip-path: polygon(53% 0, 86% 0, 53% 48%);        clip-path: polygon(53% 0, 86% 0, 53% 48%);    }    .circle:nth-child(13) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(13) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(14) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 210px;        left: 45.08px;        -webkit-animation: rotate 22s linear infinite;        animation: rotate 22s linear infinite;    }    .circle:nth-child(14) .content {        position: absolute;        width: 146px;        height: 40px;        top: 40%;        left: 40%;    }    .circle:nth-child(14) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 88% 0, 26% 48%);        clip-path: polygon(64% 0, 88% 0, 26% 48%);        background: #392bd4;        transform: rotate(14.4deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(1):before, .circle:nth-child(14) .content:nth-child(1):after {        width: 61px;        height: 18px;        -webkit-clip-path: polygon(46% 0, 53% 0, 62% 48%);        clip-path: polygon(46% 0, 53% 0, 62% 48%);    }    .circle:nth-child(14) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8950af;    }    .circle:nth-child(14) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 96% 0, 44% 48%);        clip-path: polygon(15% 0, 96% 0, 44% 48%);        background: #3425da;        transform: rotate(28.8deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(2):before, .circle:nth-child(14) .content:nth-child(2):after {        width: 2px;        height: 19px;        -webkit-clip-path: polygon(37% 0, 45% 0, 83% 48%);        clip-path: polygon(37% 0, 45% 0, 83% 48%);    }    .circle:nth-child(14) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8c40bf;    }    .circle:nth-child(14) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 41% 0, 88% 48%);        clip-path: polygon(34% 0, 41% 0, 88% 48%);        background: #3e30cf;        transform: rotate(43.2deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(3):before, .circle:nth-child(14) .content:nth-child(3):after {        width: 56px;        height: 10px;        -webkit-clip-path: polygon(9% 0, 92% 0, 98% 48%);        clip-path: polygon(9% 0, 92% 0, 98% 48%);    }    .circle:nth-child(14) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(14) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(29% 0, 81% 0, 25% 48%);        clip-path: polygon(29% 0, 81% 0, 25% 48%);        background: #3526d9;        transform: rotate(57.6deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(4):before, .circle:nth-child(14) .content:nth-child(4):after {        width: 55px;        height: 37px;        -webkit-clip-path: polygon(72% 0, 87% 0, 27% 48%);        clip-path: polygon(72% 0, 87% 0, 27% 48%);    }    .circle:nth-child(14) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #894fb0;    }    .circle:nth-child(14) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(94% 0, 73% 0, 10% 48%);        clip-path: polygon(94% 0, 73% 0, 10% 48%);        background: #65609f;        transform: rotate(72deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(5):before, .circle:nth-child(14) .content:nth-child(5):after {        width: 60px;        height: 42px;        -webkit-clip-path: polygon(41% 0, 76% 0, 42% 48%);        clip-path: polygon(41% 0, 76% 0, 42% 48%);    }    .circle:nth-child(14) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8952ad;    }    .circle:nth-child(14) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(60% 0, 56% 0, 58% 48%);        clip-path: polygon(60% 0, 56% 0, 58% 48%);        background: #726f90;        transform: rotate(86.4deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(6):before, .circle:nth-child(14) .content:nth-child(6):after {        width: 9px;        height: 8px;        -webkit-clip-path: polygon(65% 0, 98% 0, 89% 48%);        clip-path: polygon(65% 0, 98% 0, 89% 48%);    }    .circle:nth-child(14) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #9225da;    }    .circle:nth-child(14) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 99% 0, 60% 48%);        clip-path: polygon(32% 0, 99% 0, 60% 48%);        background: #7c7c83;        transform: rotate(100.8deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(7):before, .circle:nth-child(14) .content:nth-child(7):after {        width: 92px;        height: 17px;        -webkit-clip-path: polygon(38% 0, 84% 0, 70% 48%);        clip-path: polygon(38% 0, 84% 0, 70% 48%);    }    .circle:nth-child(14) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #85639c;    }    .circle:nth-child(14) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(82% 0, 79% 0, 4% 48%);        clip-path: polygon(82% 0, 79% 0, 4% 48%);        background: #1a05fa;        transform: rotate(115.2deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(8):before, .circle:nth-child(14) .content:nth-child(8):after {        width: 63px;        height: 13px;        -webkit-clip-path: polygon(68% 0, 32% 0, 24% 48%);        clip-path: polygon(68% 0, 32% 0, 24% 48%);    }    .circle:nth-child(14) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #9418e7;    }    .circle:nth-child(14) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(47% 0, 51% 0, 56% 48%);        clip-path: polygon(47% 0, 51% 0, 56% 48%);        background: #3425da;        transform: rotate(129.6deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(9):before, .circle:nth-child(14) .content:nth-child(9):after {        width: 11px;        height: 35px;        -webkit-clip-path: polygon(86% 0, 39% 0, 42% 48%);        clip-path: polygon(86% 0, 39% 0, 42% 48%);    }    .circle:nth-child(14) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8a49b6;    }    .circle:nth-child(14) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 62% 0, 17% 48%);        clip-path: polygon(48% 0, 62% 0, 17% 48%);        background: #4236c9;        transform: rotate(144deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(10):before, .circle:nth-child(14) .content:nth-child(10):after {        width: 61px;        height: 44px;        -webkit-clip-path: polygon(55% 0, 101% 0, 3% 48%);        clip-path: polygon(55% 0, 101% 0, 3% 48%);    }    .circle:nth-child(14) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9224db;    }    .circle:nth-child(14) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(95% 0, 79% 0, 40% 48%);        clip-path: polygon(95% 0, 79% 0, 40% 48%);        background: #3d2fd0;        transform: rotate(158.4deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(11):before, .circle:nth-child(14) .content:nth-child(11):after {        width: 90px;        height: 29px;        -webkit-clip-path: polygon(42% 0, 69% 0, 40% 48%);        clip-path: polygon(42% 0, 69% 0, 40% 48%);    }    .circle:nth-child(14) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(14) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(7% 0, 84% 0, 10% 48%);        clip-path: polygon(7% 0, 84% 0, 10% 48%);        background: #1601fe;        transform: rotate(172.8deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(12):before, .circle:nth-child(14) .content:nth-child(12):after {        width: 56px;        height: 41px;        -webkit-clip-path: polygon(32% 0, 38% 0, 41% 48%);        clip-path: polygon(32% 0, 38% 0, 41% 48%);    }    .circle:nth-child(14) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #846798;    }    .circle:nth-child(14) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(13% 0, 75% 0, 46% 48%);        clip-path: polygon(13% 0, 75% 0, 46% 48%);        background: #716e91;        transform: rotate(187.2deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(13):before, .circle:nth-child(14) .content:nth-child(13):after {        width: 10px;        height: 34px;        -webkit-clip-path: polygon(81% 0, 6% 0, 46% 48%);        clip-path: polygon(81% 0, 6% 0, 46% 48%);    }    .circle:nth-child(14) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #82758a;    }    .circle:nth-child(14) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(90% 0, 2% 0, 90% 48%);        clip-path: polygon(90% 0, 2% 0, 90% 48%);        background: #1601fe;        transform: rotate(201.6deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(14):before, .circle:nth-child(14) .content:nth-child(14):after {        width: 95px;        height: 11px;        -webkit-clip-path: polygon(6% 0, 74% 0, 83% 48%);        clip-path: polygon(6% 0, 74% 0, 83% 48%);    }    .circle:nth-child(14) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(14) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(19% 0, 71% 0, 44% 48%);        clip-path: polygon(19% 0, 71% 0, 44% 48%);        background: #3a2dd2;        transform: rotate(216deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(15):before, .circle:nth-child(14) .content:nth-child(15):after {        width: 98px;        height: 34px;        -webkit-clip-path: polygon(101% 0, 49% 0, 56% 48%);        clip-path: polygon(101% 0, 49% 0, 56% 48%);    }    .circle:nth-child(14) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #82718e;    }    .circle:nth-child(14) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(37% 0, 96% 0, 75% 48%);        clip-path: polygon(37% 0, 96% 0, 75% 48%);        background: #67629d;        transform: rotate(230.4deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(16):before, .circle:nth-child(14) .content:nth-child(16):after {        width: 42px;        height: 36px;        -webkit-clip-path: polygon(40% 0, 8% 0, 67% 48%);        clip-path: polygon(40% 0, 8% 0, 67% 48%);    }    .circle:nth-child(14) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #941ae6;    }    .circle:nth-child(14) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(9% 0, 84% 0, 58% 48%);        clip-path: polygon(9% 0, 84% 0, 58% 48%);        background: #5a53ac;        transform: rotate(244.8deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(17):before, .circle:nth-child(14) .content:nth-child(17):after {        width: 4px;        height: 46px;        -webkit-clip-path: polygon(13% 0, 3% 0, 90% 48%);        clip-path: polygon(13% 0, 3% 0, 90% 48%);    }    .circle:nth-child(14) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #82738c;    }    .circle:nth-child(14) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 21% 0, 49% 48%);        clip-path: polygon(44% 0, 21% 0, 49% 48%);        background: #4134cb;        transform: rotate(259.2deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(18):before, .circle:nth-child(14) .content:nth-child(18):after {        width: 63px;        height: 35px;        -webkit-clip-path: polygon(46% 0, 9% 0, 23% 48%);        clip-path: polygon(46% 0, 9% 0, 23% 48%);    }    .circle:nth-child(14) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #8b44bb;    }    .circle:nth-child(14) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(2% 0, 78% 0, 97% 48%);        clip-path: polygon(2% 0, 78% 0, 97% 48%);        background: #2d1ce3;        transform: rotate(273.6deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(19):before, .circle:nth-child(14) .content:nth-child(19):after {        width: 47px;        height: 49px;        -webkit-clip-path: polygon(24% 0, 44% 0, 68% 48%);        clip-path: polygon(24% 0, 44% 0, 68% 48%);    }    .circle:nth-child(14) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #8854ab;    }    .circle:nth-child(14) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 34% 0, 37% 48%);        clip-path: polygon(15% 0, 34% 0, 37% 48%);        background: #6d6a95;        transform: rotate(288deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(20):before, .circle:nth-child(14) .content:nth-child(20):after {        width: 30px;        height: 26px;        -webkit-clip-path: polygon(68% 0, 10% 0, 68% 48%);        clip-path: polygon(68% 0, 10% 0, 68% 48%);    }    .circle:nth-child(14) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #960ff0;    }    .circle:nth-child(14) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(61% 0, 21% 0, 94% 48%);        clip-path: polygon(61% 0, 21% 0, 94% 48%);        background: #3526d9;        transform: rotate(302.4deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(21):before, .circle:nth-child(14) .content:nth-child(21):after {        width: 72px;        height: 13px;        -webkit-clip-path: polygon(19% 0, 24% 0, 48% 48%);        clip-path: polygon(19% 0, 24% 0, 48% 48%);    }    .circle:nth-child(14) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #8759a6;    }    .circle:nth-child(14) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(50% 0, 23% 0, 55% 48%);        clip-path: polygon(50% 0, 23% 0, 55% 48%);        background: #2614eb;        transform: rotate(316.8deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(22):before, .circle:nth-child(14) .content:nth-child(22):after {        width: 45px;        height: 25px;        -webkit-clip-path: polygon(6% 0, 98% 0, 52% 48%);        clip-path: polygon(6% 0, 98% 0, 52% 48%);    }    .circle:nth-child(14) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9128d7;    }    .circle:nth-child(14) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 30% 0, 71% 48%);        clip-path: polygon(48% 0, 30% 0, 71% 48%);        background: #6a6699;        transform: rotate(331.2deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(23):before, .circle:nth-child(14) .content:nth-child(23):after {        width: 73px;        height: 41px;        -webkit-clip-path: polygon(71% 0, 76% 0, 7% 48%);        clip-path: polygon(71% 0, 76% 0, 7% 48%);    }    .circle:nth-child(14) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8952ad;    }    .circle:nth-child(14) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 42% 0, 11% 48%);        clip-path: polygon(57% 0, 42% 0, 11% 48%);        background: #3222dd;        transform: rotate(345.6deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(24):before, .circle:nth-child(14) .content:nth-child(24):after {        width: 68px;        height: 3px;        -webkit-clip-path: polygon(64% 0, 59% 0, 51% 48%);        clip-path: polygon(64% 0, 59% 0, 51% 48%);    }    .circle:nth-child(14) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #931de2;    }    .circle:nth-child(14) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(14% 0, 87% 0, 26% 48%);        clip-path: polygon(14% 0, 87% 0, 26% 48%);        background: #4438c7;        transform: rotate(360deg) translate(0, 190px);    }    .circle:nth-child(14) .content:nth-child(25):before, .circle:nth-child(14) .content:nth-child(25):after {        width: 44px;        height: 30px;        -webkit-clip-path: polygon(14% 0, 20% 0, 4% 48%);        clip-path: polygon(14% 0, 20% 0, 4% 48%);    }    .circle:nth-child(14) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(14) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #9222dd;    }    .circle:nth-child(15) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 225px;        left: 48.3px;        -webkit-animation: rotate-reverse 19s linear infinite;        animation: rotate-reverse 19s linear infinite;    }    .circle:nth-child(15) .content {        position: absolute;        width: 13px;        height: 31px;        top: 40%;        left: 40%;    }    .circle:nth-child(15) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 57% 0, 101% 48%);        clip-path: polygon(11% 0, 57% 0, 101% 48%);        background: #1804fb;        transform: rotate(14.4deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(1):before, .circle:nth-child(15) .content:nth-child(1):after {        width: 27px;        height: 3px;        -webkit-clip-path: polygon(44% 0, 36% 0, 79% 48%);        clip-path: polygon(44% 0, 36% 0, 79% 48%);    }    .circle:nth-child(15) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(15) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(46% 0, 39% 0, 25% 48%);        clip-path: polygon(46% 0, 39% 0, 25% 48%);        background: #1d09f6;        transform: rotate(28.8deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(2):before, .circle:nth-child(15) .content:nth-child(2):after {        width: 63px;        height: 31px;        -webkit-clip-path: polygon(29% 0, 10% 0, 101% 48%);        clip-path: polygon(29% 0, 10% 0, 101% 48%);    }    .circle:nth-child(15) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8f32cd;    }    .circle:nth-child(15) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(47% 0, 69% 0, 75% 48%);        clip-path: polygon(47% 0, 69% 0, 75% 48%);        background: #69659a;        transform: rotate(43.2deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(3):before, .circle:nth-child(15) .content:nth-child(3):after {        width: 88px;        height: 28px;        -webkit-clip-path: polygon(72% 0, 66% 0, 66% 48%);        clip-path: polygon(72% 0, 66% 0, 66% 48%);    }    .circle:nth-child(15) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(15) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(85% 0, 22% 0, 39% 48%);        clip-path: polygon(85% 0, 22% 0, 39% 48%);        background: #473cc3;        transform: rotate(57.6deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(4):before, .circle:nth-child(15) .content:nth-child(4):after {        width: 64px;        height: 19px;        -webkit-clip-path: polygon(72% 0, 69% 0, 72% 48%);        clip-path: polygon(72% 0, 69% 0, 72% 48%);    }    .circle:nth-child(15) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(15) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(45% 0, 15% 0, 56% 48%);        clip-path: polygon(45% 0, 15% 0, 56% 48%);        background: #4a40bf;        transform: rotate(72deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(5):before, .circle:nth-child(15) .content:nth-child(5):after {        width: 41px;        height: 18px;        -webkit-clip-path: polygon(13% 0, 92% 0, 45% 48%);        clip-path: polygon(13% 0, 92% 0, 45% 48%);    }    .circle:nth-child(15) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #83708f;    }    .circle:nth-child(15) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(10% 0, 58% 0, 16% 48%);        clip-path: polygon(10% 0, 58% 0, 16% 48%);        background: #73708f;        transform: rotate(86.4deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(6):before, .circle:nth-child(15) .content:nth-child(6):after {        width: 77px;        height: 33px;        -webkit-clip-path: polygon(8% 0, 31% 0, 51% 48%);        clip-path: polygon(8% 0, 31% 0, 51% 48%);    }    .circle:nth-child(15) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(15) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(59% 0, 34% 0, 87% 48%);        clip-path: polygon(59% 0, 34% 0, 87% 48%);        background: #4a40bf;        transform: rotate(100.8deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(7):before, .circle:nth-child(15) .content:nth-child(7):after {        width: 5px;        height: 11px;        -webkit-clip-path: polygon(31% 0, 88% 0, 97% 48%);        clip-path: polygon(31% 0, 88% 0, 97% 48%);    }    .circle:nth-child(15) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8d3ec1;    }    .circle:nth-child(15) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(87% 0, 68% 0, 88% 48%);        clip-path: polygon(87% 0, 68% 0, 88% 48%);        background: #6d6a95;        transform: rotate(115.2deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(8):before, .circle:nth-child(15) .content:nth-child(8):after {        width: 68px;        height: 49px;        -webkit-clip-path: polygon(17% 0, 7% 0, 97% 48%);        clip-path: polygon(17% 0, 7% 0, 97% 48%);    }    .circle:nth-child(15) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(15) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(31% 0, 41% 0, 10% 48%);        clip-path: polygon(31% 0, 41% 0, 10% 48%);        background: #4b41be;        transform: rotate(129.6deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(9):before, .circle:nth-child(15) .content:nth-child(9):after {        width: 73px;        height: 26px;        -webkit-clip-path: polygon(73% 0, 49% 0, 77% 48%);        clip-path: polygon(73% 0, 49% 0, 77% 48%);    }    .circle:nth-child(15) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(15) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(35% 0, 71% 0, 2% 48%);        clip-path: polygon(35% 0, 71% 0, 2% 48%);        background: #2918e7;        transform: rotate(144deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(10):before, .circle:nth-child(15) .content:nth-child(10):after {        width: 72px;        height: 42px;        -webkit-clip-path: polygon(16% 0, 22% 0, 43% 48%);        clip-path: polygon(16% 0, 22% 0, 43% 48%);    }    .circle:nth-child(15) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(15) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(98% 0, 92% 0, 55% 48%);        clip-path: polygon(98% 0, 92% 0, 55% 48%);        background: #3020df;        transform: rotate(158.4deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(11):before, .circle:nth-child(15) .content:nth-child(11):after {        width: 66px;        height: 33px;        -webkit-clip-path: polygon(87% 0, 40% 0, 99% 48%);        clip-path: polygon(87% 0, 40% 0, 99% 48%);    }    .circle:nth-child(15) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #9128d7;    }    .circle:nth-child(15) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(27% 0, 88% 0, 56% 48%);        clip-path: polygon(27% 0, 88% 0, 56% 48%);        background: #2614eb;        transform: rotate(172.8deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(12):before, .circle:nth-child(15) .content:nth-child(12):after {        width: 9px;        height: 50px;        -webkit-clip-path: polygon(89% 0, 55% 0, 32% 48%);        clip-path: polygon(89% 0, 55% 0, 32% 48%);    }    .circle:nth-child(15) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #817a85;    }    .circle:nth-child(15) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 21% 0, 96% 48%);        clip-path: polygon(32% 0, 21% 0, 96% 48%);        background: #1a05fa;        transform: rotate(187.2deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(13):before, .circle:nth-child(15) .content:nth-child(13):after {        width: 14px;        height: 38px;        -webkit-clip-path: polygon(62% 0, 35% 0, 87% 48%);        clip-path: polygon(62% 0, 35% 0, 87% 48%);    }    .circle:nth-child(15) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #902dd2;    }    .circle:nth-child(15) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(73% 0, 65% 0, 62% 48%);        clip-path: polygon(73% 0, 65% 0, 62% 48%);        background: #3d2fd0;        transform: rotate(201.6deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(14):before, .circle:nth-child(15) .content:nth-child(14):after {        width: 29px;        height: 24px;        -webkit-clip-path: polygon(14% 0, 58% 0, 12% 48%);        clip-path: polygon(14% 0, 58% 0, 12% 48%);    }    .circle:nth-child(15) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(15) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(29% 0, 85% 0, 73% 48%);        clip-path: polygon(29% 0, 85% 0, 73% 48%);        background: #1f0bf4;        transform: rotate(216deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(15):before, .circle:nth-child(15) .content:nth-child(15):after {        width: 51px;        height: 50px;        -webkit-clip-path: polygon(93% 0, 94% 0, 49% 48%);        clip-path: polygon(93% 0, 94% 0, 49% 48%);    }    .circle:nth-child(15) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(15) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(86% 0, 26% 0, 65% 48%);        clip-path: polygon(86% 0, 26% 0, 65% 48%);        background: #3d2fd0;        transform: rotate(230.4deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(16):before, .circle:nth-child(15) .content:nth-child(16):after {        width: 75px;        height: 27px;        -webkit-clip-path: polygon(88% 0, 13% 0, 99% 48%);        clip-path: polygon(88% 0, 13% 0, 99% 48%);    }    .circle:nth-child(15) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(15) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(39% 0, 13% 0, 95% 48%);        clip-path: polygon(39% 0, 13% 0, 95% 48%);        background: #3e30cf;        transform: rotate(244.8deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(17):before, .circle:nth-child(15) .content:nth-child(17):after {        width: 27px;        height: 8px;        -webkit-clip-path: polygon(13% 0, 5% 0, 84% 48%);        clip-path: polygon(13% 0, 5% 0, 84% 48%);    }    .circle:nth-child(15) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #85639c;    }    .circle:nth-child(15) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 74% 0, 99% 48%);        clip-path: polygon(23% 0, 74% 0, 99% 48%);        background: #3526d9;        transform: rotate(259.2deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(18):before, .circle:nth-child(15) .content:nth-child(18):after {        width: 6px;        height: 6px;        -webkit-clip-path: polygon(29% 0, 83% 0, 97% 48%);        clip-path: polygon(29% 0, 83% 0, 97% 48%);    }    .circle:nth-child(15) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #8c40bf;    }    .circle:nth-child(15) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(26% 0, 60% 0, 101% 48%);        clip-path: polygon(26% 0, 60% 0, 101% 48%);        background: #4236c9;        transform: rotate(273.6deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(19):before, .circle:nth-child(15) .content:nth-child(19):after {        width: 10px;        height: 32px;        -webkit-clip-path: polygon(75% 0, 73% 0, 89% 48%);        clip-path: polygon(75% 0, 73% 0, 89% 48%);    }    .circle:nth-child(15) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #8a4ab5;    }    .circle:nth-child(15) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(18% 0, 49% 0, 5% 48%);        clip-path: polygon(18% 0, 49% 0, 5% 48%);        background: #1d09f6;        transform: rotate(288deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(20):before, .circle:nth-child(15) .content:nth-child(20):after {        width: 62px;        height: 28px;        -webkit-clip-path: polygon(36% 0, 57% 0, 10% 48%);        clip-path: polygon(36% 0, 57% 0, 10% 48%);    }    .circle:nth-child(15) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #8d3ec1;    }    .circle:nth-child(15) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 25% 0, 76% 48%);        clip-path: polygon(55% 0, 25% 0, 76% 48%);        background: #5249b6;        transform: rotate(302.4deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(21):before, .circle:nth-child(15) .content:nth-child(21):after {        width: 8px;        height: 46px;        -webkit-clip-path: polygon(81% 0, 40% 0, 82% 48%);        clip-path: polygon(81% 0, 40% 0, 82% 48%);    }    .circle:nth-child(15) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(15) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(85% 0, 43% 0, 88% 48%);        clip-path: polygon(85% 0, 43% 0, 88% 48%);        background: #2716e9;        transform: rotate(316.8deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(22):before, .circle:nth-child(15) .content:nth-child(22):after {        width: 21px;        height: 49px;        -webkit-clip-path: polygon(25% 0, 100% 0, 49% 48%);        clip-path: polygon(25% 0, 100% 0, 49% 48%);    }    .circle:nth-child(15) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9126d9;    }    .circle:nth-child(15) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(25% 0, 15% 0, 69% 48%);        clip-path: polygon(25% 0, 15% 0, 69% 48%);        background: #534ab5;        transform: rotate(331.2deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(23):before, .circle:nth-child(15) .content:nth-child(23):after {        width: 42px;        height: 2px;        -webkit-clip-path: polygon(53% 0, 23% 0, 30% 48%);        clip-path: polygon(53% 0, 23% 0, 30% 48%);    }    .circle:nth-child(15) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(15) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(73% 0, 49% 0, 94% 48%);        clip-path: polygon(73% 0, 49% 0, 94% 48%);        background: #2918e7;        transform: rotate(345.6deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(24):before, .circle:nth-child(15) .content:nth-child(24):after {        width: 64px;        height: 4px;        -webkit-clip-path: polygon(33% 0, 31% 0, 52% 48%);        clip-path: polygon(33% 0, 31% 0, 52% 48%);    }    .circle:nth-child(15) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #82718e;    }    .circle:nth-child(15) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 2% 0, 84% 48%);        clip-path: polygon(32% 0, 2% 0, 84% 48%);        background: #2513ec;        transform: rotate(360deg) translate(0, 200px);    }    .circle:nth-child(15) .content:nth-child(25):before, .circle:nth-child(15) .content:nth-child(25):after {        width: 87px;        height: 24px;        -webkit-clip-path: polygon(20% 0, 17% 0, 81% 48%);        clip-path: polygon(20% 0, 17% 0, 81% 48%);    }    .circle:nth-child(15) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(15) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #807c83;    }    .circle:nth-child(16) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 240px;        left: 51.52px;        -webkit-animation: rotate 18s linear infinite;        animation: rotate 18s linear infinite;    }    .circle:nth-child(16) .content {        position: absolute;        width: 18px;        height: 50px;        top: 40%;        left: 40%;    }    .circle:nth-child(16) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 51% 0, 9% 48%);        clip-path: polygon(81% 0, 51% 0, 9% 48%);        background: #5da2a2;        transform: rotate(14.4deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(1):before, .circle:nth-child(16) .content:nth-child(1):after {        width: 4px;        height: 3px;        -webkit-clip-path: polygon(39% 0, 3% 0, 43% 48%);        clip-path: polygon(39% 0, 3% 0, 43% 48%);    }    .circle:nth-child(16) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #9129d6;    }    .circle:nth-child(16) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 6% 0, 13% 48%);        clip-path: polygon(34% 0, 6% 0, 13% 48%);        background: #1ce3e3;        transform: rotate(28.8deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(2):before, .circle:nth-child(16) .content:nth-child(2):after {        width: 42px;        height: 38px;        -webkit-clip-path: polygon(98% 0, 23% 0, 8% 48%);        clip-path: polygon(98% 0, 23% 0, 8% 48%);    }    .circle:nth-child(16) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(16) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 66% 0, 16% 48%);        clip-path: polygon(48% 0, 66% 0, 16% 48%);        background: #45baba;        transform: rotate(43.2deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(3):before, .circle:nth-child(16) .content:nth-child(3):after {        width: 34px;        height: 27px;        -webkit-clip-path: polygon(85% 0, 48% 0, 7% 48%);        clip-path: polygon(85% 0, 48% 0, 7% 48%);    }    .circle:nth-child(16) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8d3cc3;    }    .circle:nth-child(16) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(92% 0, 19% 0, 43% 48%);        clip-path: polygon(92% 0, 19% 0, 43% 48%);        background: #36c9c9;        transform: rotate(57.6deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(4):before, .circle:nth-child(16) .content:nth-child(4):after {        width: 30px;        height: 29px;        -webkit-clip-path: polygon(66% 0, 91% 0, 31% 48%);        clip-path: polygon(66% 0, 91% 0, 31% 48%);    }    .circle:nth-child(16) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #894fb0;    }    .circle:nth-child(16) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(28% 0, 64% 0, 32% 48%);        clip-path: polygon(28% 0, 64% 0, 32% 48%);        background: #37c8c8;        transform: rotate(72deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(5):before, .circle:nth-child(16) .content:nth-child(5):after {        width: 17px;        height: 47px;        -webkit-clip-path: polygon(2% 0, 81% 0, 5% 48%);        clip-path: polygon(2% 0, 81% 0, 5% 48%);    }    .circle:nth-child(16) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #865ea1;    }    .circle:nth-child(16) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(86% 0, 2% 0, 38% 48%);        clip-path: polygon(86% 0, 2% 0, 38% 48%);        background: #3ec1c1;        transform: rotate(86.4deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(6):before, .circle:nth-child(16) .content:nth-child(6):after {        width: 85px;        height: 37px;        -webkit-clip-path: polygon(20% 0, 13% 0, 13% 48%);        clip-path: polygon(20% 0, 13% 0, 13% 48%);    }    .circle:nth-child(16) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(16) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(46% 0, 96% 0, 44% 48%);        clip-path: polygon(46% 0, 96% 0, 44% 48%);        background: #26d9d9;        transform: rotate(100.8deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(7):before, .circle:nth-child(16) .content:nth-child(7):after {        width: 99px;        height: 43px;        -webkit-clip-path: polygon(72% 0, 19% 0, 78% 48%);        clip-path: polygon(72% 0, 19% 0, 78% 48%);    }    .circle:nth-child(16) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8854ab;    }    .circle:nth-child(16) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(18% 0, 6% 0, 98% 48%);        clip-path: polygon(18% 0, 6% 0, 98% 48%);        background: #11eeee;        transform: rotate(115.2deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(8):before, .circle:nth-child(16) .content:nth-child(8):after {        width: 70px;        height: 20px;        -webkit-clip-path: polygon(83% 0, 94% 0, 64% 48%);        clip-path: polygon(83% 0, 94% 0, 64% 48%);    }    .circle:nth-child(16) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #8952ad;    }    .circle:nth-child(16) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(58% 0, 20% 0, 89% 48%);        clip-path: polygon(58% 0, 20% 0, 89% 48%);        background: #58a7a7;        transform: rotate(129.6deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(9):before, .circle:nth-child(16) .content:nth-child(9):after {        width: 63px;        height: 20px;        -webkit-clip-path: polygon(89% 0, 57% 0, 58% 48%);        clip-path: polygon(89% 0, 57% 0, 58% 48%);    }    .circle:nth-child(16) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #9320df;    }    .circle:nth-child(16) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 94% 0, 81% 48%);        clip-path: polygon(23% 0, 94% 0, 81% 48%);        background: #42bdbd;        transform: rotate(144deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(10):before, .circle:nth-child(16) .content:nth-child(10):after {        width: 51px;        height: 3px;        -webkit-clip-path: polygon(27% 0, 32% 0, 35% 48%);        clip-path: polygon(27% 0, 32% 0, 35% 48%);    }    .circle:nth-child(16) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9129d6;    }    .circle:nth-child(16) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(80% 0, 58% 0, 17% 48%);        clip-path: polygon(80% 0, 58% 0, 17% 48%);        background: #47b8b8;        transform: rotate(158.4deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(11):before, .circle:nth-child(16) .content:nth-child(11):after {        width: 1px;        height: 44px;        -webkit-clip-path: polygon(99% 0, 14% 0, 69% 48%);        clip-path: polygon(99% 0, 14% 0, 69% 48%);    }    .circle:nth-child(16) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #894eb1;    }    .circle:nth-child(16) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(78% 0, 65% 0, 10% 48%);        clip-path: polygon(78% 0, 65% 0, 10% 48%);        background: #629d9d;        transform: rotate(172.8deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(12):before, .circle:nth-child(16) .content:nth-child(12):after {        width: 20px;        height: 5px;        -webkit-clip-path: polygon(59% 0, 8% 0, 41% 48%);        clip-path: polygon(59% 0, 8% 0, 41% 48%);    }    .circle:nth-child(16) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #817887;    }    .circle:nth-child(16) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 21% 0, 47% 48%);        clip-path: polygon(41% 0, 21% 0, 47% 48%);        background: #1de2e2;        transform: rotate(187.2deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(13):before, .circle:nth-child(16) .content:nth-child(13):after {        width: 54px;        height: 30px;        -webkit-clip-path: polygon(49% 0, 54% 0, 94% 48%);        clip-path: polygon(49% 0, 54% 0, 94% 48%);    }    .circle:nth-child(16) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #82718e;    }    .circle:nth-child(16) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(31% 0, 78% 0, 48% 48%);        clip-path: polygon(31% 0, 78% 0, 48% 48%);        background: #2fd0d0;        transform: rotate(201.6deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(14):before, .circle:nth-child(16) .content:nth-child(14):after {        width: 90px;        height: 34px;        -webkit-clip-path: polygon(16% 0, 21% 0, 31% 48%);        clip-path: polygon(16% 0, 21% 0, 31% 48%);    }    .circle:nth-child(16) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #941ae6;    }    .circle:nth-child(16) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(9% 0, 23% 0, 17% 48%);        clip-path: polygon(9% 0, 23% 0, 17% 48%);        background: #36c9c9;        transform: rotate(216deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(15):before, .circle:nth-child(16) .content:nth-child(15):after {        width: 40px;        height: 34px;        -webkit-clip-path: polygon(44% 0, 65% 0, 31% 48%);        clip-path: polygon(44% 0, 65% 0, 31% 48%);    }    .circle:nth-child(16) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(16) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(24% 0, 72% 0, 77% 48%);        clip-path: polygon(24% 0, 72% 0, 77% 48%);        background: #45baba;        transform: rotate(230.4deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(16):before, .circle:nth-child(16) .content:nth-child(16):after {        width: 32px;        height: 37px;        -webkit-clip-path: polygon(60% 0, 79% 0, 67% 48%);        clip-path: polygon(60% 0, 79% 0, 67% 48%);    }    .circle:nth-child(16) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #9129d6;    }    .circle:nth-child(16) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 39% 0, 83% 48%);        clip-path: polygon(81% 0, 39% 0, 83% 48%);        background: #4bb4b4;        transform: rotate(244.8deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(17):before, .circle:nth-child(16) .content:nth-child(17):after {        width: 71px;        height: 2px;        -webkit-clip-path: polygon(58% 0, 36% 0, 37% 48%);        clip-path: polygon(58% 0, 36% 0, 37% 48%);    }    .circle:nth-child(16) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(16) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 31% 0, 15% 48%);        clip-path: polygon(11% 0, 31% 0, 15% 48%);        background: #59a6a6;        transform: rotate(259.2deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(18):before, .circle:nth-child(16) .content:nth-child(18):after {        width: 85px;        height: 11px;        -webkit-clip-path: polygon(33% 0, 98% 0, 12% 48%);        clip-path: polygon(33% 0, 98% 0, 12% 48%);    }    .circle:nth-child(16) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #9512ed;    }    .circle:nth-child(16) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(28% 0, 44% 0, 82% 48%);        clip-path: polygon(28% 0, 44% 0, 82% 48%);        background: #1fe0e0;        transform: rotate(273.6deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(19):before, .circle:nth-child(16) .content:nth-child(19):after {        width: 91px;        height: 43px;        -webkit-clip-path: polygon(12% 0, 50% 0, 36% 48%);        clip-path: polygon(12% 0, 50% 0, 36% 48%);    }    .circle:nth-child(16) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(16) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(49% 0, 58% 0, 15% 48%);        clip-path: polygon(49% 0, 58% 0, 15% 48%);        background: #39c6c6;        transform: rotate(288deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(20):before, .circle:nth-child(16) .content:nth-child(20):after {        width: 13px;        height: 23px;        -webkit-clip-path: polygon(8% 0, 30% 0, 49% 48%);        clip-path: polygon(8% 0, 30% 0, 49% 48%);    }    .circle:nth-child(16) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #941ae6;    }    .circle:nth-child(16) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(6% 0, 60% 0, 67% 48%);        clip-path: polygon(6% 0, 60% 0, 67% 48%);        background: #4ab5b5;        transform: rotate(302.4deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(21):before, .circle:nth-child(16) .content:nth-child(21):after {        width: 76px;        height: 37px;        -webkit-clip-path: polygon(7% 0, 53% 0, 40% 48%);        clip-path: polygon(7% 0, 53% 0, 40% 48%);    }    .circle:nth-child(16) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #931fe0;    }    .circle:nth-child(16) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(68% 0, 74% 0, 27% 48%);        clip-path: polygon(68% 0, 74% 0, 27% 48%);        background: #7d8282;        transform: rotate(316.8deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(22):before, .circle:nth-child(16) .content:nth-child(22):after {        width: 7px;        height: 43px;        -webkit-clip-path: polygon(55% 0, 61% 0, 3% 48%);        clip-path: polygon(55% 0, 61% 0, 3% 48%);    }    .circle:nth-child(16) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #817887;    }    .circle:nth-child(16) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(8% 0, 81% 0, 24% 48%);        clip-path: polygon(8% 0, 81% 0, 24% 48%);        background: #42bdbd;        transform: rotate(331.2deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(23):before, .circle:nth-child(16) .content:nth-child(23):after {        width: 97px;        height: 37px;        -webkit-clip-path: polygon(21% 0, 26% 0, 72% 48%);        clip-path: polygon(21% 0, 26% 0, 72% 48%);    }    .circle:nth-child(16) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8c41be;    }    .circle:nth-child(16) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(99% 0, 22% 0, 64% 48%);        clip-path: polygon(99% 0, 22% 0, 64% 48%);        background: #53acac;        transform: rotate(345.6deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(24):before, .circle:nth-child(16) .content:nth-child(24):after {        width: 42px;        height: 45px;        -webkit-clip-path: polygon(76% 0, 83% 0, 97% 48%);        clip-path: polygon(76% 0, 83% 0, 97% 48%);    }    .circle:nth-child(16) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(16) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(27% 0, 39% 0, 4% 48%);        clip-path: polygon(27% 0, 39% 0, 4% 48%);        background: #798686;        transform: rotate(360deg) translate(0, 190px);    }    .circle:nth-child(16) .content:nth-child(25):before, .circle:nth-child(16) .content:nth-child(25):after {        width: 74px;        height: 38px;        -webkit-clip-path: polygon(3% 0, 6% 0, 61% 48%);        clip-path: polygon(3% 0, 6% 0, 61% 48%);    }    .circle:nth-child(16) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(16) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #8857a8;    }    .circle:nth-child(17) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 255px;        left: 54.74px;        -webkit-animation: rotate 23s linear infinite;        animation: rotate 23s linear infinite;    }    .circle:nth-child(17) .content {        position: absolute;        width: 14px;        height: 50px;        top: 40%;        left: 40%;    }    .circle:nth-child(17) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(37% 0, 50% 0, 34% 48%);        clip-path: polygon(37% 0, 50% 0, 34% 48%);        background: #12eded;        transform: rotate(14.4deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(1):before, .circle:nth-child(17) .content:nth-child(1):after {        width: 20px;        height: 11px;        -webkit-clip-path: polygon(28% 0, 6% 0, 24% 48%);        clip-path: polygon(28% 0, 6% 0, 24% 48%);    }    .circle:nth-child(17) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #931de2;    }    .circle:nth-child(17) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(26% 0, 21% 0, 25% 48%);        clip-path: polygon(26% 0, 21% 0, 25% 48%);        background: #3cc3c3;        transform: rotate(28.8deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(2):before, .circle:nth-child(17) .content:nth-child(2):after {        width: 14px;        height: 29px;        -webkit-clip-path: polygon(43% 0, 43% 0, 18% 48%);        clip-path: polygon(43% 0, 43% 0, 18% 48%);    }    .circle:nth-child(17) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8759a6;    }    .circle:nth-child(17) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(79% 0, 4% 0, 67% 48%);        clip-path: polygon(79% 0, 4% 0, 67% 48%);        background: #40bfbf;        transform: rotate(43.2deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(3):before, .circle:nth-child(17) .content:nth-child(3):after {        width: 76px;        height: 22px;        -webkit-clip-path: polygon(54% 0, 89% 0, 11% 48%);        clip-path: polygon(54% 0, 89% 0, 11% 48%);    }    .circle:nth-child(17) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(17) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(99% 0, 35% 0, 20% 48%);        clip-path: polygon(99% 0, 35% 0, 20% 48%);        background: #4fb0b0;        transform: rotate(57.6deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(4):before, .circle:nth-child(17) .content:nth-child(4):after {        width: 60px;        height: 10px;        -webkit-clip-path: polygon(44% 0, 64% 0, 78% 48%);        clip-path: polygon(44% 0, 64% 0, 78% 48%);    }    .circle:nth-child(17) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #817887;    }    .circle:nth-child(17) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(60% 0, 98% 0, 50% 48%);        clip-path: polygon(60% 0, 98% 0, 50% 48%);        background: #40bfbf;        transform: rotate(72deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(5):before, .circle:nth-child(17) .content:nth-child(5):after {        width: 79px;        height: 33px;        -webkit-clip-path: polygon(94% 0, 82% 0, 16% 48%);        clip-path: polygon(94% 0, 82% 0, 16% 48%);    }    .circle:nth-child(17) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8e39c6;    }    .circle:nth-child(17) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 98% 0, 70% 48%);        clip-path: polygon(15% 0, 98% 0, 70% 48%);        background: #2ad5d5;        transform: rotate(86.4deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(6):before, .circle:nth-child(17) .content:nth-child(6):after {        width: 65px;        height: 22px;        -webkit-clip-path: polygon(73% 0, 65% 0, 45% 48%);        clip-path: polygon(73% 0, 65% 0, 45% 48%);    }    .circle:nth-child(17) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8857a8;    }    .circle:nth-child(17) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(83% 0, 101% 0, 56% 48%);        clip-path: polygon(83% 0, 101% 0, 56% 48%);        background: #3ec1c1;        transform: rotate(100.8deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(7):before, .circle:nth-child(17) .content:nth-child(7):after {        width: 22px;        height: 22px;        -webkit-clip-path: polygon(101% 0, 57% 0, 93% 48%);        clip-path: polygon(101% 0, 57% 0, 93% 48%);    }    .circle:nth-child(17) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #817a85;    }    .circle:nth-child(17) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(86% 0, 88% 0, 44% 48%);        clip-path: polygon(86% 0, 88% 0, 44% 48%);        background: #40bfbf;        transform: rotate(115.2deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(8):before, .circle:nth-child(17) .content:nth-child(8):after {        width: 60px;        height: 13px;        -webkit-clip-path: polygon(24% 0, 29% 0, 74% 48%);        clip-path: polygon(24% 0, 29% 0, 74% 48%);    }    .circle:nth-child(17) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #8d3cc3;    }    .circle:nth-child(17) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 94% 0, 45% 48%);        clip-path: polygon(15% 0, 94% 0, 45% 48%);        background: #39c6c6;        transform: rotate(129.6deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(9):before, .circle:nth-child(17) .content:nth-child(9):after {        width: 1px;        height: 21px;        -webkit-clip-path: polygon(47% 0, 44% 0, 61% 48%);        clip-path: polygon(47% 0, 44% 0, 61% 48%);    }    .circle:nth-child(17) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(17) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(40% 0, 90% 0, 56% 48%);        clip-path: polygon(40% 0, 90% 0, 56% 48%);        background: #20dfdf;        transform: rotate(144deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(10):before, .circle:nth-child(17) .content:nth-child(10):after {        width: 78px;        height: 41px;        -webkit-clip-path: polygon(27% 0, 89% 0, 84% 48%);        clip-path: polygon(27% 0, 89% 0, 84% 48%);    }    .circle:nth-child(17) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(17) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(83% 0, 22% 0, 42% 48%);        clip-path: polygon(83% 0, 22% 0, 42% 48%);        background: #12eded;        transform: rotate(158.4deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(11):before, .circle:nth-child(17) .content:nth-child(11):after {        width: 11px;        height: 4px;        -webkit-clip-path: polygon(88% 0, 68% 0, 99% 48%);        clip-path: polygon(88% 0, 68% 0, 99% 48%);    }    .circle:nth-child(17) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8e38c7;    }    .circle:nth-child(17) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(79% 0, 33% 0, 72% 48%);        clip-path: polygon(79% 0, 33% 0, 72% 48%);        background: #0af5f5;        transform: rotate(172.8deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(12):before, .circle:nth-child(17) .content:nth-child(12):after {        width: 87px;        height: 43px;        -webkit-clip-path: polygon(49% 0, 64% 0, 42% 48%);        clip-path: polygon(49% 0, 64% 0, 42% 48%);    }    .circle:nth-child(17) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #9709f6;    }    .circle:nth-child(17) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(40% 0, 36% 0, 78% 48%);        clip-path: polygon(40% 0, 36% 0, 78% 48%);        background: #47b8b8;        transform: rotate(187.2deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(13):before, .circle:nth-child(17) .content:nth-child(13):after {        width: 63px;        height: 49px;        -webkit-clip-path: polygon(34% 0, 84% 0, 51% 48%);        clip-path: polygon(34% 0, 84% 0, 51% 48%);    }    .circle:nth-child(17) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(17) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(58% 0, 6% 0, 72% 48%);        clip-path: polygon(58% 0, 6% 0, 72% 48%);        background: #30cfcf;        transform: rotate(201.6deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(14):before, .circle:nth-child(17) .content:nth-child(14):after {        width: 88px;        height: 1px;        -webkit-clip-path: polygon(59% 0, 83% 0, 4% 48%);        clip-path: polygon(59% 0, 83% 0, 4% 48%);    }    .circle:nth-child(17) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #8e36c9;    }    .circle:nth-child(17) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(43% 0, 28% 0, 60% 48%);        clip-path: polygon(43% 0, 28% 0, 60% 48%);        background: #3bc4c4;        transform: rotate(216deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(15):before, .circle:nth-child(17) .content:nth-child(15):after {        width: 31px;        height: 35px;        -webkit-clip-path: polygon(86% 0, 101% 0, 14% 48%);        clip-path: polygon(86% 0, 101% 0, 14% 48%);    }    .circle:nth-child(17) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #970af5;    }    .circle:nth-child(17) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(19% 0, 61% 0, 33% 48%);        clip-path: polygon(19% 0, 61% 0, 33% 48%);        background: #3bc4c4;        transform: rotate(230.4deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(16):before, .circle:nth-child(17) .content:nth-child(16):after {        width: 45px;        height: 25px;        -webkit-clip-path: polygon(34% 0, 86% 0, 39% 48%);        clip-path: polygon(34% 0, 86% 0, 39% 48%);    }    .circle:nth-child(17) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #8f34cb;    }    .circle:nth-child(17) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(14% 0, 40% 0, 53% 48%);        clip-path: polygon(14% 0, 40% 0, 53% 48%);        background: #2ed1d1;        transform: rotate(244.8deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(17):before, .circle:nth-child(17) .content:nth-child(17):after {        width: 19px;        height: 31px;        -webkit-clip-path: polygon(70% 0, 63% 0, 39% 48%);        clip-path: polygon(70% 0, 63% 0, 39% 48%);    }    .circle:nth-child(17) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9900ff;    }    .circle:nth-child(17) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(3% 0, 66% 0, 41% 48%);        clip-path: polygon(3% 0, 66% 0, 41% 48%);        background: #03fcfc;        transform: rotate(259.2deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(18):before, .circle:nth-child(17) .content:nth-child(18):after {        width: 3px;        height: 5px;        -webkit-clip-path: polygon(99% 0, 99% 0, 62% 48%);        clip-path: polygon(99% 0, 99% 0, 62% 48%);    }    .circle:nth-child(17) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #82738c;    }    .circle:nth-child(17) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(54% 0, 30% 0, 39% 48%);        clip-path: polygon(54% 0, 30% 0, 39% 48%);        background: #39c6c6;        transform: rotate(273.6deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(19):before, .circle:nth-child(17) .content:nth-child(19):after {        width: 46px;        height: 22px;        -webkit-clip-path: polygon(67% 0, 42% 0, 87% 48%);        clip-path: polygon(67% 0, 42% 0, 87% 48%);    }    .circle:nth-child(17) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(17) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(99% 0, 46% 0, 92% 48%);        clip-path: polygon(99% 0, 46% 0, 92% 48%);        background: #1fe0e0;        transform: rotate(288deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(20):before, .circle:nth-child(17) .content:nth-child(20):after {        width: 85px;        height: 14px;        -webkit-clip-path: polygon(19% 0, 35% 0, 60% 48%);        clip-path: polygon(19% 0, 35% 0, 60% 48%);    }    .circle:nth-child(17) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #9126d9;    }    .circle:nth-child(17) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(30% 0, 47% 0, 10% 48%);        clip-path: polygon(30% 0, 47% 0, 10% 48%);        background: #25dada;        transform: rotate(302.4deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(21):before, .circle:nth-child(17) .content:nth-child(21):after {        width: 2px;        height: 14px;        -webkit-clip-path: polygon(30% 0, 7% 0, 44% 48%);        clip-path: polygon(30% 0, 7% 0, 44% 48%);    }    .circle:nth-child(17) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #9514eb;    }    .circle:nth-child(17) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(30% 0, 21% 0, 39% 48%);        clip-path: polygon(30% 0, 21% 0, 39% 48%);        background: #49b6b6;        transform: rotate(316.8deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(22):before, .circle:nth-child(17) .content:nth-child(22):after {        width: 98px;        height: 21px;        -webkit-clip-path: polygon(68% 0, 38% 0, 61% 48%);        clip-path: polygon(68% 0, 38% 0, 61% 48%);    }    .circle:nth-child(17) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9417e8;    }    .circle:nth-child(17) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(75% 0, 91% 0, 50% 48%);        clip-path: polygon(75% 0, 91% 0, 50% 48%);        background: #0af5f5;        transform: rotate(331.2deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(23):before, .circle:nth-child(17) .content:nth-child(23):after {        width: 58px;        height: 20px;        -webkit-clip-path: polygon(96% 0, 87% 0, 80% 48%);        clip-path: polygon(96% 0, 87% 0, 80% 48%);    }    .circle:nth-child(17) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #846b94;    }    .circle:nth-child(17) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(86% 0, 83% 0, 51% 48%);        clip-path: polygon(86% 0, 83% 0, 51% 48%);        background: #2dd2d2;        transform: rotate(345.6deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(24):before, .circle:nth-child(17) .content:nth-child(24):after {        width: 2px;        height: 26px;        -webkit-clip-path: polygon(17% 0, 59% 0, 36% 48%);        clip-path: polygon(17% 0, 59% 0, 36% 48%);    }    .circle:nth-child(17) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8a4ab5;    }    .circle:nth-child(17) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 94% 0, 64% 48%);        clip-path: polygon(11% 0, 94% 0, 64% 48%);        background: #41bebe;        transform: rotate(360deg) translate(0, 180px);    }    .circle:nth-child(17) .content:nth-child(25):before, .circle:nth-child(17) .content:nth-child(25):after {        width: 41px;        height: 15px;        -webkit-clip-path: polygon(85% 0, 14% 0, 15% 48%);        clip-path: polygon(85% 0, 14% 0, 15% 48%);    }    .circle:nth-child(17) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(17) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(18) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 270px;        left: 57.96px;        -webkit-animation: rotate-reverse 21s linear infinite;        animation: rotate-reverse 21s linear infinite;    }    .circle:nth-child(18) .content {        position: absolute;        width: 84px;        height: 5px;        top: 40%;        left: 40%;    }    .circle:nth-child(18) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(76% 0, 91% 0, 95% 48%);        clip-path: polygon(76% 0, 91% 0, 95% 48%);        background: #06f9f9;        transform: rotate(14.4deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(1):before, .circle:nth-child(18) .content:nth-child(1):after {        width: 29px;        height: 18px;        -webkit-clip-path: polygon(75% 0, 39% 0, 22% 48%);        clip-path: polygon(75% 0, 39% 0, 22% 48%);    }    .circle:nth-child(18) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #9514eb;    }    .circle:nth-child(18) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 77% 0, 8% 48%);        clip-path: polygon(48% 0, 77% 0, 8% 48%);        background: #11eeee;        transform: rotate(28.8deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(2):before, .circle:nth-child(18) .content:nth-child(2):after {        width: 35px;        height: 39px;        -webkit-clip-path: polygon(18% 0, 55% 0, 20% 48%);        clip-path: polygon(18% 0, 55% 0, 20% 48%);    }    .circle:nth-child(18) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #82758a;    }    .circle:nth-child(18) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 37% 0, 18% 48%);        clip-path: polygon(55% 0, 37% 0, 18% 48%);        background: #4db3b3;        transform: rotate(43.2deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(3):before, .circle:nth-child(18) .content:nth-child(3):after {        width: 32px;        height: 34px;        -webkit-clip-path: polygon(71% 0, 31% 0, 2% 48%);        clip-path: polygon(71% 0, 31% 0, 2% 48%);    }    .circle:nth-child(18) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #9221de;    }    .circle:nth-child(18) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(53% 0, 18% 0, 40% 48%);        clip-path: polygon(53% 0, 18% 0, 40% 48%);        background: #3bc4c4;        transform: rotate(57.6deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(4):before, .circle:nth-child(18) .content:nth-child(4):after {        width: 18px;        height: 39px;        -webkit-clip-path: polygon(15% 0, 15% 0, 29% 48%);        clip-path: polygon(15% 0, 15% 0, 29% 48%);    }    .circle:nth-child(18) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #902bd4;    }    .circle:nth-child(18) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(97% 0, 12% 0, 59% 48%);        clip-path: polygon(97% 0, 12% 0, 59% 48%);        background: #0df2f2;        transform: rotate(72deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(5):before, .circle:nth-child(18) .content:nth-child(5):after {        width: 70px;        height: 29px;        -webkit-clip-path: polygon(13% 0, 83% 0, 94% 48%);        clip-path: polygon(13% 0, 83% 0, 94% 48%);    }    .circle:nth-child(18) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #9320df;    }    .circle:nth-child(18) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 53% 0, 14% 48%);        clip-path: polygon(15% 0, 53% 0, 14% 48%);        background: #2fd0d0;        transform: rotate(86.4deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(6):before, .circle:nth-child(18) .content:nth-child(6):after {        width: 70px;        height: 15px;        -webkit-clip-path: polygon(2% 0, 42% 0, 52% 48%);        clip-path: polygon(2% 0, 42% 0, 52% 48%);    }    .circle:nth-child(18) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #9418e7;    }    .circle:nth-child(18) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(49% 0, 21% 0, 31% 48%);        clip-path: polygon(49% 0, 21% 0, 31% 48%);        background: #09f6f6;        transform: rotate(100.8deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(7):before, .circle:nth-child(18) .content:nth-child(7):after {        width: 7px;        height: 1px;        -webkit-clip-path: polygon(13% 0, 15% 0, 92% 48%);        clip-path: polygon(13% 0, 15% 0, 92% 48%);    }    .circle:nth-child(18) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #82758a;    }    .circle:nth-child(18) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(91% 0, 16% 0, 47% 48%);        clip-path: polygon(91% 0, 16% 0, 47% 48%);        background: #7e8181;        transform: rotate(115.2deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(8):before, .circle:nth-child(18) .content:nth-child(8):after {        width: 59px;        height: 47px;        -webkit-clip-path: polygon(11% 0, 86% 0, 59% 48%);        clip-path: polygon(11% 0, 86% 0, 59% 48%);    }    .circle:nth-child(18) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #8a4ab5;    }    .circle:nth-child(18) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(77% 0, 34% 0, 50% 48%);        clip-path: polygon(77% 0, 34% 0, 50% 48%);        background: #30cfcf;        transform: rotate(129.6deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(9):before, .circle:nth-child(18) .content:nth-child(9):after {        width: 3px;        height: 10px;        -webkit-clip-path: polygon(14% 0, 21% 0, 63% 48%);        clip-path: polygon(14% 0, 21% 0, 63% 48%);    }    .circle:nth-child(18) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8d3cc3;    }    .circle:nth-child(18) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(70% 0, 90% 0, 58% 48%);        clip-path: polygon(70% 0, 90% 0, 58% 48%);        background: #2ed1d1;        transform: rotate(144deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(10):before, .circle:nth-child(18) .content:nth-child(10):after {        width: 38px;        height: 41px;        -webkit-clip-path: polygon(88% 0, 95% 0, 52% 48%);        clip-path: polygon(88% 0, 95% 0, 52% 48%);    }    .circle:nth-child(18) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9320df;    }    .circle:nth-child(18) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(33% 0, 26% 0, 37% 48%);        clip-path: polygon(33% 0, 26% 0, 37% 48%);        background: #7d8282;        transform: rotate(158.4deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(11):before, .circle:nth-child(18) .content:nth-child(11):after {        width: 62px;        height: 13px;        -webkit-clip-path: polygon(28% 0, 95% 0, 70% 48%);        clip-path: polygon(28% 0, 95% 0, 70% 48%);    }    .circle:nth-child(18) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8950af;    }    .circle:nth-child(18) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 64% 0, 57% 48%);        clip-path: polygon(44% 0, 64% 0, 57% 48%);        background: #16e9e9;        transform: rotate(172.8deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(12):before, .circle:nth-child(18) .content:nth-child(12):after {        width: 53px;        height: 28px;        -webkit-clip-path: polygon(41% 0, 55% 0, 28% 48%);        clip-path: polygon(41% 0, 55% 0, 28% 48%);    }    .circle:nth-child(18) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #894fb0;    }    .circle:nth-child(18) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(52% 0, 17% 0, 43% 48%);        clip-path: polygon(52% 0, 17% 0, 43% 48%);        background: #22dddd;        transform: rotate(187.2deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(13):before, .circle:nth-child(18) .content:nth-child(13):after {        width: 52px;        height: 13px;        -webkit-clip-path: polygon(32% 0, 70% 0, 66% 48%);        clip-path: polygon(32% 0, 70% 0, 66% 48%);    }    .circle:nth-child(18) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #85659a;    }    .circle:nth-child(18) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 29% 0, 17% 48%);        clip-path: polygon(101% 0, 29% 0, 17% 48%);        background: #40bfbf;        transform: rotate(201.6deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(14):before, .circle:nth-child(18) .content:nth-child(14):after {        width: 97px;        height: 17px;        -webkit-clip-path: polygon(41% 0, 60% 0, 89% 48%);        clip-path: polygon(41% 0, 60% 0, 89% 48%);    }    .circle:nth-child(18) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(18) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(45% 0, 80% 0, 22% 48%);        clip-path: polygon(45% 0, 80% 0, 22% 48%);        background: #26d9d9;        transform: rotate(216deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(15):before, .circle:nth-child(18) .content:nth-child(15):after {        width: 51px;        height: 30px;        -webkit-clip-path: polygon(98% 0, 86% 0, 40% 48%);        clip-path: polygon(98% 0, 86% 0, 40% 48%);    }    .circle:nth-child(18) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #9901fe;    }    .circle:nth-child(18) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(22% 0, 7% 0, 88% 48%);        clip-path: polygon(22% 0, 7% 0, 88% 48%);        background: #24dbdb;        transform: rotate(230.4deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(16):before, .circle:nth-child(18) .content:nth-child(16):after {        width: 19px;        height: 24px;        -webkit-clip-path: polygon(82% 0, 15% 0, 51% 48%);        clip-path: polygon(82% 0, 15% 0, 51% 48%);    }    .circle:nth-child(18) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #931ce3;    }    .circle:nth-child(18) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(85% 0, 66% 0, 95% 48%);        clip-path: polygon(85% 0, 66% 0, 95% 48%);        background: #59a6a6;        transform: rotate(244.8deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(17):before, .circle:nth-child(18) .content:nth-child(17):after {        width: 22px;        height: 48px;        -webkit-clip-path: polygon(9% 0, 65% 0, 5% 48%);        clip-path: polygon(9% 0, 65% 0, 5% 48%);    }    .circle:nth-child(18) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9512ed;    }    .circle:nth-child(18) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(3% 0, 15% 0, 18% 48%);        clip-path: polygon(3% 0, 15% 0, 18% 48%);        background: #39c6c6;        transform: rotate(259.2deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(18):before, .circle:nth-child(18) .content:nth-child(18):after {        width: 61px;        height: 18px;        -webkit-clip-path: polygon(93% 0, 38% 0, 35% 48%);        clip-path: polygon(93% 0, 38% 0, 35% 48%);    }    .circle:nth-child(18) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #9221de;    }    .circle:nth-child(18) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 90% 0, 54% 48%);        clip-path: polygon(4% 0, 90% 0, 54% 48%);        background: #2dd2d2;        transform: rotate(273.6deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(19):before, .circle:nth-child(18) .content:nth-child(19):after {        width: 27px;        height: 22px;        -webkit-clip-path: polygon(39% 0, 10% 0, 61% 48%);        clip-path: polygon(39% 0, 10% 0, 61% 48%);    }    .circle:nth-child(18) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #9804fb;    }    .circle:nth-child(18) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 27% 0, 21% 48%);        clip-path: polygon(64% 0, 27% 0, 21% 48%);        background: #40bfbf;        transform: rotate(288deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(20):before, .circle:nth-child(18) .content:nth-child(20):after {        width: 58px;        height: 20px;        -webkit-clip-path: polygon(98% 0, 29% 0, 28% 48%);        clip-path: polygon(98% 0, 29% 0, 28% 48%);    }    .circle:nth-child(18) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #8f32cd;    }    .circle:nth-child(18) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(78% 0, 61% 0, 26% 48%);        clip-path: polygon(78% 0, 61% 0, 26% 48%);        background: #38c7c7;        transform: rotate(302.4deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(21):before, .circle:nth-child(18) .content:nth-child(21):after {        width: 47px;        height: 11px;        -webkit-clip-path: polygon(92% 0, 22% 0, 101% 48%);        clip-path: polygon(92% 0, 22% 0, 101% 48%);    }    .circle:nth-child(18) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(18) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(91% 0, 90% 0, 86% 48%);        clip-path: polygon(91% 0, 90% 0, 86% 48%);        background: #6c9393;        transform: rotate(316.8deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(22):before, .circle:nth-child(18) .content:nth-child(22):after {        width: 12px;        height: 20px;        -webkit-clip-path: polygon(92% 0, 25% 0, 99% 48%);        clip-path: polygon(92% 0, 25% 0, 99% 48%);    }    .circle:nth-child(18) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9417e8;    }    .circle:nth-child(18) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 75% 0, 55% 48%);        clip-path: polygon(23% 0, 75% 0, 55% 48%);        background: #6b9494;        transform: rotate(331.2deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(23):before, .circle:nth-child(18) .content:nth-child(23):after {        width: 76px;        height: 27px;        -webkit-clip-path: polygon(3% 0, 73% 0, 77% 48%);        clip-path: polygon(3% 0, 73% 0, 77% 48%);    }    .circle:nth-child(18) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(18) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 12% 0, 64% 48%);        clip-path: polygon(4% 0, 12% 0, 64% 48%);        background: #40bfbf;        transform: rotate(345.6deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(24):before, .circle:nth-child(18) .content:nth-child(24):after {        width: 4px;        height: 20px;        -webkit-clip-path: polygon(19% 0, 59% 0, 16% 48%);        clip-path: polygon(19% 0, 59% 0, 16% 48%);    }    .circle:nth-child(18) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #9224db;    }    .circle:nth-child(18) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(85% 0, 85% 0, 88% 48%);        clip-path: polygon(85% 0, 85% 0, 88% 48%);        background: #2bd4d4;        transform: rotate(360deg) translate(0, 170px);    }    .circle:nth-child(18) .content:nth-child(25):before, .circle:nth-child(18) .content:nth-child(25):after {        width: 1px;        height: 8px;        -webkit-clip-path: polygon(41% 0, 19% 0, 63% 48%);        clip-path: polygon(41% 0, 19% 0, 63% 48%);    }    .circle:nth-child(18) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(18) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(19) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 285px;        left: 61.18px;        -webkit-animation: rotate 25s linear infinite;        animation: rotate 25s linear infinite;    }    .circle:nth-child(19) .content {        position: absolute;        width: 34px;        height: 29px;        top: 40%;        left: 40%;    }    .circle:nth-child(19) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(90% 0, 63% 0, 56% 48%);        clip-path: polygon(90% 0, 63% 0, 56% 48%);        background: #53acac;        transform: rotate(14.4deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(1):before, .circle:nth-child(19) .content:nth-child(1):after {        width: 33px;        height: 50px;        -webkit-clip-path: polygon(79% 0, 17% 0, 24% 48%);        clip-path: polygon(79% 0, 17% 0, 24% 48%);    }    .circle:nth-child(19) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(19) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(77% 0, 12% 0, 11% 48%);        clip-path: polygon(77% 0, 12% 0, 11% 48%);        background: #699696;        transform: rotate(28.8deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(2):before, .circle:nth-child(19) .content:nth-child(2):after {        width: 23px;        height: 1px;        -webkit-clip-path: polygon(84% 0, 8% 0, 75% 48%);        clip-path: polygon(84% 0, 8% 0, 75% 48%);    }    .circle:nth-child(19) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(19) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(5% 0, 24% 0, 69% 48%);        clip-path: polygon(5% 0, 24% 0, 69% 48%);        background: #0ff0f0;        transform: rotate(43.2deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(3):before, .circle:nth-child(19) .content:nth-child(3):after {        width: 2px;        height: 16px;        -webkit-clip-path: polygon(86% 0, 77% 0, 99% 48%);        clip-path: polygon(86% 0, 77% 0, 99% 48%);    }    .circle:nth-child(19) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(19) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 97% 0, 31% 48%);        clip-path: polygon(81% 0, 97% 0, 31% 48%);        background: #3ec1c1;        transform: rotate(57.6deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(4):before, .circle:nth-child(19) .content:nth-child(4):after {        width: 90px;        height: 29px;        -webkit-clip-path: polygon(101% 0, 13% 0, 66% 48%);        clip-path: polygon(101% 0, 13% 0, 66% 48%);    }    .circle:nth-child(19) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(19) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(25% 0, 11% 0, 82% 48%);        clip-path: polygon(25% 0, 11% 0, 82% 48%);        background: #39c6c6;        transform: rotate(72deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(5):before, .circle:nth-child(19) .content:nth-child(5):after {        width: 41px;        height: 4px;        -webkit-clip-path: polygon(89% 0, 57% 0, 88% 48%);        clip-path: polygon(89% 0, 57% 0, 88% 48%);    }    .circle:nth-child(19) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #902fd0;    }    .circle:nth-child(19) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(5% 0, 62% 0, 78% 48%);        clip-path: polygon(5% 0, 62% 0, 78% 48%);        background: #5da2a2;        transform: rotate(86.4deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(6):before, .circle:nth-child(19) .content:nth-child(6):after {        width: 86px;        height: 2px;        -webkit-clip-path: polygon(79% 0, 65% 0, 9% 48%);        clip-path: polygon(79% 0, 65% 0, 9% 48%);    }    .circle:nth-child(19) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #912ad5;    }    .circle:nth-child(19) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 60% 0, 96% 48%);        clip-path: polygon(23% 0, 60% 0, 96% 48%);        background: #24dbdb;        transform: rotate(100.8deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(7):before, .circle:nth-child(19) .content:nth-child(7):after {        width: 2px;        height: 32px;        -webkit-clip-path: polygon(10% 0, 11% 0, 13% 48%);        clip-path: polygon(10% 0, 11% 0, 13% 48%);    }    .circle:nth-child(19) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8857a8;    }    .circle:nth-child(19) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 35% 0, 47% 48%);        clip-path: polygon(48% 0, 35% 0, 47% 48%);        background: #4db3b3;        transform: rotate(115.2deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(8):before, .circle:nth-child(19) .content:nth-child(8):after {        width: 66px;        height: 46px;        -webkit-clip-path: polygon(65% 0, 52% 0, 16% 48%);        clip-path: polygon(65% 0, 52% 0, 16% 48%);    }    .circle:nth-child(19) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #9126d9;    }    .circle:nth-child(19) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(22% 0, 72% 0, 83% 48%);        clip-path: polygon(22% 0, 72% 0, 83% 48%);        background: #17e8e8;        transform: rotate(129.6deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(9):before, .circle:nth-child(19) .content:nth-child(9):after {        width: 90px;        height: 22px;        -webkit-clip-path: polygon(44% 0, 19% 0, 23% 48%);        clip-path: polygon(44% 0, 19% 0, 23% 48%);    }    .circle:nth-child(19) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8857a8;    }    .circle:nth-child(19) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 27% 0, 100% 48%);        clip-path: polygon(64% 0, 27% 0, 100% 48%);        background: #6c9393;        transform: rotate(144deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(10):before, .circle:nth-child(19) .content:nth-child(10):after {        width: 50px;        height: 33px;        -webkit-clip-path: polygon(70% 0, 71% 0, 99% 48%);        clip-path: polygon(70% 0, 71% 0, 99% 48%);    }    .circle:nth-child(19) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(19) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(45% 0, 35% 0, 27% 48%);        clip-path: polygon(45% 0, 35% 0, 27% 48%);        background: #1de2e2;        transform: rotate(158.4deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(11):before, .circle:nth-child(19) .content:nth-child(11):after {        width: 58px;        height: 18px;        -webkit-clip-path: polygon(47% 0, 54% 0, 86% 48%);        clip-path: polygon(47% 0, 54% 0, 86% 48%);    }    .circle:nth-child(19) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(19) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(49% 0, 82% 0, 97% 48%);        clip-path: polygon(49% 0, 82% 0, 97% 48%);        background: #699696;        transform: rotate(172.8deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(12):before, .circle:nth-child(19) .content:nth-child(12):after {        width: 27px;        height: 8px;        -webkit-clip-path: polygon(82% 0, 30% 0, 85% 48%);        clip-path: polygon(82% 0, 30% 0, 85% 48%);    }    .circle:nth-child(19) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(19) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(42% 0, 88% 0, 80% 48%);        clip-path: polygon(42% 0, 88% 0, 80% 48%);        background: #4ab5b5;        transform: rotate(187.2deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(13):before, .circle:nth-child(19) .content:nth-child(13):after {        width: 64px;        height: 41px;        -webkit-clip-path: polygon(54% 0, 82% 0, 72% 48%);        clip-path: polygon(54% 0, 82% 0, 72% 48%);    }    .circle:nth-child(19) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #902dd2;    }    .circle:nth-child(19) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(7% 0, 3% 0, 69% 48%);        clip-path: polygon(7% 0, 3% 0, 69% 48%);        background: #06f9f9;        transform: rotate(201.6deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(14):before, .circle:nth-child(19) .content:nth-child(14):after {        width: 6px;        height: 47px;        -webkit-clip-path: polygon(18% 0, 71% 0, 8% 48%);        clip-path: polygon(18% 0, 71% 0, 8% 48%);    }    .circle:nth-child(19) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(19) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 43% 0, 74% 48%);        clip-path: polygon(32% 0, 43% 0, 74% 48%);        background: #09f6f6;        transform: rotate(216deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(15):before, .circle:nth-child(19) .content:nth-child(15):after {        width: 81px;        height: 38px;        -webkit-clip-path: polygon(90% 0, 76% 0, 76% 48%);        clip-path: polygon(90% 0, 76% 0, 76% 48%);    }    .circle:nth-child(19) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(19) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(78% 0, 17% 0, 74% 48%);        clip-path: polygon(78% 0, 17% 0, 74% 48%);        background: #2dd2d2;        transform: rotate(230.4deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(16):before, .circle:nth-child(19) .content:nth-child(16):after {        width: 44px;        height: 50px;        -webkit-clip-path: polygon(57% 0, 60% 0, 13% 48%);        clip-path: polygon(57% 0, 60% 0, 13% 48%);    }    .circle:nth-child(19) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #8e36c9;    }    .circle:nth-child(19) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(9% 0, 81% 0, 98% 48%);        clip-path: polygon(9% 0, 81% 0, 98% 48%);        background: #36c9c9;        transform: rotate(244.8deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(17):before, .circle:nth-child(19) .content:nth-child(17):after {        width: 80px;        height: 37px;        -webkit-clip-path: polygon(66% 0, 2% 0, 7% 48%);        clip-path: polygon(66% 0, 2% 0, 7% 48%);    }    .circle:nth-child(19) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(19) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(82% 0, 40% 0, 78% 48%);        clip-path: polygon(82% 0, 40% 0, 78% 48%);        background: #2fd0d0;        transform: rotate(259.2deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(18):before, .circle:nth-child(19) .content:nth-child(18):after {        width: 64px;        height: 43px;        -webkit-clip-path: polygon(99% 0, 11% 0, 35% 48%);        clip-path: polygon(99% 0, 11% 0, 35% 48%);    }    .circle:nth-child(19) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #9320df;    }    .circle:nth-child(19) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(42% 0, 68% 0, 76% 48%);        clip-path: polygon(42% 0, 68% 0, 76% 48%);        background: #04fbfb;        transform: rotate(273.6deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(19):before, .circle:nth-child(19) .content:nth-child(19):after {        width: 49px;        height: 50px;        -webkit-clip-path: polygon(89% 0, 16% 0, 28% 48%);        clip-path: polygon(89% 0, 16% 0, 28% 48%);    }    .circle:nth-child(19) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #82758a;    }    .circle:nth-child(19) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(19% 0, 87% 0, 21% 48%);        clip-path: polygon(19% 0, 87% 0, 21% 48%);        background: #21dede;        transform: rotate(288deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(20):before, .circle:nth-child(19) .content:nth-child(20):after {        width: 38px;        height: 25px;        -webkit-clip-path: polygon(59% 0, 19% 0, 20% 48%);        clip-path: polygon(59% 0, 19% 0, 20% 48%);    }    .circle:nth-child(19) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #941ae6;    }    .circle:nth-child(19) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(82% 0, 75% 0, 92% 48%);        clip-path: polygon(82% 0, 75% 0, 92% 48%);        background: #1fe0e0;        transform: rotate(302.4deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(21):before, .circle:nth-child(19) .content:nth-child(21):after {        width: 3px;        height: 31px;        -webkit-clip-path: polygon(36% 0, 34% 0, 71% 48%);        clip-path: polygon(36% 0, 34% 0, 71% 48%);    }    .circle:nth-child(19) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #8855aa;    }    .circle:nth-child(19) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(10% 0, 16% 0, 98% 48%);        clip-path: polygon(10% 0, 16% 0, 98% 48%);        background: #0bf4f4;        transform: rotate(316.8deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(22):before, .circle:nth-child(19) .content:nth-child(22):after {        width: 3px;        height: 18px;        -webkit-clip-path: polygon(101% 0, 86% 0, 96% 48%);        clip-path: polygon(101% 0, 86% 0, 96% 48%);    }    .circle:nth-child(19) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(19) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(62% 0, 88% 0, 9% 48%);        clip-path: polygon(62% 0, 88% 0, 9% 48%);        background: #2bd4d4;        transform: rotate(331.2deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(23):before, .circle:nth-child(19) .content:nth-child(23):after {        width: 51px;        height: 14px;        -webkit-clip-path: polygon(57% 0, 21% 0, 100% 48%);        clip-path: polygon(57% 0, 21% 0, 100% 48%);    }    .circle:nth-child(19) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(19) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(39% 0, 93% 0, 30% 48%);        clip-path: polygon(39% 0, 93% 0, 30% 48%);        background: #4db3b3;        transform: rotate(345.6deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(24):before, .circle:nth-child(19) .content:nth-child(24):after {        width: 66px;        height: 41px;        -webkit-clip-path: polygon(16% 0, 55% 0, 67% 48%);        clip-path: polygon(16% 0, 55% 0, 67% 48%);    }    .circle:nth-child(19) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #960df2;    }    .circle:nth-child(19) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 72% 0, 38% 48%);        clip-path: polygon(57% 0, 72% 0, 38% 48%);        background: #41bebe;        transform: rotate(360deg) translate(0, 160px);    }    .circle:nth-child(19) .content:nth-child(25):before, .circle:nth-child(19) .content:nth-child(25):after {        width: 45px;        height: 38px;        -webkit-clip-path: polygon(7% 0, 97% 0, 38% 48%);        clip-path: polygon(7% 0, 97% 0, 38% 48%);    }    .circle:nth-child(19) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(19) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(20) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 300px;        left: 64.4px;        -webkit-animation: rotate 28s linear infinite;        animation: rotate 28s linear infinite;    }    .circle:nth-child(20) .content {        position: absolute;        width: 104px;        height: 9px;        top: 40%;        left: 40%;    }    .circle:nth-child(20) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 13% 0, 101% 48%);        clip-path: polygon(57% 0, 13% 0, 101% 48%);        background: #50afaf;        transform: rotate(14.4deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(1):before, .circle:nth-child(20) .content:nth-child(1):after {        width: 98px;        height: 19px;        -webkit-clip-path: polygon(63% 0, 3% 0, 45% 48%);        clip-path: polygon(63% 0, 3% 0, 45% 48%);    }    .circle:nth-child(20) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #931fe0;    }    .circle:nth-child(20) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(68% 0, 69% 0, 22% 48%);        clip-path: polygon(68% 0, 69% 0, 22% 48%);        background: #0df2f2;        transform: rotate(28.8deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(2):before, .circle:nth-child(20) .content:nth-child(2):after {        width: 40px;        height: 46px;        -webkit-clip-path: polygon(85% 0, 18% 0, 77% 48%);        clip-path: polygon(85% 0, 18% 0, 77% 48%);    }    .circle:nth-child(20) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8854ab;    }    .circle:nth-child(20) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(17% 0, 46% 0, 40% 48%);        clip-path: polygon(17% 0, 46% 0, 40% 48%);        background: #01fefe;        transform: rotate(43.2deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(3):before, .circle:nth-child(20) .content:nth-child(3):after {        width: 41px;        height: 48px;        -webkit-clip-path: polygon(28% 0, 38% 0, 86% 48%);        clip-path: polygon(28% 0, 38% 0, 86% 48%);    }    .circle:nth-child(20) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(20) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(92% 0, 63% 0, 92% 48%);        clip-path: polygon(92% 0, 63% 0, 92% 48%);        background: #30cfcf;        transform: rotate(57.6deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(4):before, .circle:nth-child(20) .content:nth-child(4):after {        width: 83px;        height: 25px;        -webkit-clip-path: polygon(96% 0, 78% 0, 31% 48%);        clip-path: polygon(96% 0, 78% 0, 31% 48%);    }    .circle:nth-child(20) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(20) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(97% 0, 54% 0, 30% 48%);        clip-path: polygon(97% 0, 54% 0, 30% 48%);        background: #14ebeb;        transform: rotate(72deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(5):before, .circle:nth-child(20) .content:nth-child(5):after {        width: 5px;        height: 17px;        -webkit-clip-path: polygon(4% 0, 75% 0, 82% 48%);        clip-path: polygon(4% 0, 75% 0, 82% 48%);    }    .circle:nth-child(20) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #9417e8;    }    .circle:nth-child(20) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(7% 0, 75% 0, 62% 48%);        clip-path: polygon(7% 0, 75% 0, 62% 48%);        background: #4eb1b1;        transform: rotate(86.4deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(6):before, .circle:nth-child(20) .content:nth-child(6):after {        width: 78px;        height: 12px;        -webkit-clip-path: polygon(46% 0, 10% 0, 28% 48%);        clip-path: polygon(46% 0, 10% 0, 28% 48%);    }    .circle:nth-child(20) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #960df2;    }    .circle:nth-child(20) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(91% 0, 94% 0, 7% 48%);        clip-path: polygon(91% 0, 94% 0, 7% 48%);        background: #708f8f;        transform: rotate(100.8deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(7):before, .circle:nth-child(20) .content:nth-child(7):after {        width: 32px;        height: 1px;        -webkit-clip-path: polygon(52% 0, 98% 0, 96% 48%);        clip-path: polygon(52% 0, 98% 0, 96% 48%);    }    .circle:nth-child(20) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #9900ff;    }    .circle:nth-child(20) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 13% 0, 6% 48%);        clip-path: polygon(57% 0, 13% 0, 6% 48%);        background: #708f8f;        transform: rotate(115.2deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(8):before, .circle:nth-child(20) .content:nth-child(8):after {        width: 20px;        height: 20px;        -webkit-clip-path: polygon(90% 0, 10% 0, 15% 48%);        clip-path: polygon(90% 0, 10% 0, 15% 48%);    }    .circle:nth-child(20) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #902bd4;    }    .circle:nth-child(20) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(27% 0, 87% 0, 37% 48%);        clip-path: polygon(27% 0, 87% 0, 37% 48%);        background: #52adad;        transform: rotate(129.6deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(9):before, .circle:nth-child(20) .content:nth-child(9):after {        width: 5px;        height: 10px;        -webkit-clip-path: polygon(57% 0, 63% 0, 29% 48%);        clip-path: polygon(57% 0, 63% 0, 29% 48%);    }    .circle:nth-child(20) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8a49b6;    }    .circle:nth-child(20) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(54% 0, 19% 0, 85% 48%);        clip-path: polygon(54% 0, 19% 0, 85% 48%);        background: #58a7a7;        transform: rotate(144deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(10):before, .circle:nth-child(20) .content:nth-child(10):after {        width: 26px;        height: 27px;        -webkit-clip-path: polygon(69% 0, 16% 0, 70% 48%);        clip-path: polygon(69% 0, 16% 0, 70% 48%);    }    .circle:nth-child(20) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9709f6;    }    .circle:nth-child(20) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(21% 0, 77% 0, 70% 48%);        clip-path: polygon(21% 0, 77% 0, 70% 48%);        background: #18e7e7;        transform: rotate(158.4deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(11):before, .circle:nth-child(20) .content:nth-child(11):after {        width: 78px;        height: 30px;        -webkit-clip-path: polygon(62% 0, 98% 0, 92% 48%);        clip-path: polygon(62% 0, 98% 0, 92% 48%);    }    .circle:nth-child(20) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8d3ec1;    }    .circle:nth-child(20) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(89% 0, 32% 0, 93% 48%);        clip-path: polygon(89% 0, 32% 0, 93% 48%);        background: #3dc2c2;        transform: rotate(172.8deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(12):before, .circle:nth-child(20) .content:nth-child(12):after {        width: 76px;        height: 43px;        -webkit-clip-path: polygon(82% 0, 40% 0, 67% 48%);        clip-path: polygon(82% 0, 40% 0, 67% 48%);    }    .circle:nth-child(20) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #9221de;    }    .circle:nth-child(20) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(60% 0, 78% 0, 33% 48%);        clip-path: polygon(60% 0, 78% 0, 33% 48%);        background: #7e8181;        transform: rotate(187.2deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(13):before, .circle:nth-child(20) .content:nth-child(13):after {        width: 54px;        height: 5px;        -webkit-clip-path: polygon(60% 0, 101% 0, 19% 48%);        clip-path: polygon(60% 0, 101% 0, 19% 48%);    }    .circle:nth-child(20) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9804fb;    }    .circle:nth-child(20) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(92% 0, 14% 0, 89% 48%);        clip-path: polygon(92% 0, 14% 0, 89% 48%);        background: #46b9b9;        transform: rotate(201.6deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(14):before, .circle:nth-child(20) .content:nth-child(14):after {        width: 12px;        height: 30px;        -webkit-clip-path: polygon(31% 0, 64% 0, 101% 48%);        clip-path: polygon(31% 0, 64% 0, 101% 48%);    }    .circle:nth-child(20) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9709f6;    }    .circle:nth-child(20) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(53% 0, 85% 0, 81% 48%);        clip-path: polygon(53% 0, 85% 0, 81% 48%);        background: #0bf4f4;        transform: rotate(216deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(15):before, .circle:nth-child(20) .content:nth-child(15):after {        width: 69px;        height: 10px;        -webkit-clip-path: polygon(82% 0, 27% 0, 90% 48%);        clip-path: polygon(82% 0, 27% 0, 90% 48%);    }    .circle:nth-child(20) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #931fe0;    }    .circle:nth-child(20) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 24% 0, 77% 48%);        clip-path: polygon(4% 0, 24% 0, 77% 48%);        background: #05fafa;        transform: rotate(230.4deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(16):before, .circle:nth-child(20) .content:nth-child(16):after {        width: 17px;        height: 39px;        -webkit-clip-path: polygon(82% 0, 41% 0, 55% 48%);        clip-path: polygon(82% 0, 41% 0, 55% 48%);    }    .circle:nth-child(20) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(20) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(19% 0, 100% 0, 94% 48%);        clip-path: polygon(19% 0, 100% 0, 94% 48%);        background: #6b9494;        transform: rotate(244.8deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(17):before, .circle:nth-child(20) .content:nth-child(17):after {        width: 81px;        height: 45px;        -webkit-clip-path: polygon(79% 0, 38% 0, 92% 48%);        clip-path: polygon(79% 0, 38% 0, 92% 48%);    }    .circle:nth-child(20) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9901fe;    }    .circle:nth-child(20) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 68% 0, 81% 48%);        clip-path: polygon(101% 0, 68% 0, 81% 48%);        background: #788787;        transform: rotate(259.2deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(18):before, .circle:nth-child(20) .content:nth-child(18):after {        width: 23px;        height: 12px;        -webkit-clip-path: polygon(94% 0, 25% 0, 23% 48%);        clip-path: polygon(94% 0, 25% 0, 23% 48%);    }    .circle:nth-child(20) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #8c42bd;    }    .circle:nth-child(20) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(52% 0, 24% 0, 74% 48%);        clip-path: polygon(52% 0, 24% 0, 74% 48%);        background: #30cfcf;        transform: rotate(273.6deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(19):before, .circle:nth-child(20) .content:nth-child(19):after {        width: 47px;        height: 3px;        -webkit-clip-path: polygon(35% 0, 94% 0, 65% 48%);        clip-path: polygon(35% 0, 94% 0, 65% 48%);    }    .circle:nth-child(20) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #85659a;    }    .circle:nth-child(20) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 55% 0, 66% 48%);        clip-path: polygon(36% 0, 55% 0, 66% 48%);        background: #42bdbd;        transform: rotate(288deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(20):before, .circle:nth-child(20) .content:nth-child(20):after {        width: 81px;        height: 20px;        -webkit-clip-path: polygon(34% 0, 4% 0, 83% 48%);        clip-path: polygon(34% 0, 4% 0, 83% 48%);    }    .circle:nth-child(20) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(20) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(91% 0, 11% 0, 7% 48%);        clip-path: polygon(91% 0, 11% 0, 7% 48%);        background: #47b8b8;        transform: rotate(302.4deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(21):before, .circle:nth-child(20) .content:nth-child(21):after {        width: 59px;        height: 4px;        -webkit-clip-path: polygon(39% 0, 75% 0, 88% 48%);        clip-path: polygon(39% 0, 75% 0, 88% 48%);    }    .circle:nth-child(20) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(20) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(10% 0, 83% 0, 23% 48%);        clip-path: polygon(10% 0, 83% 0, 23% 48%);        background: #59a6a6;        transform: rotate(316.8deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(22):before, .circle:nth-child(20) .content:nth-child(22):after {        width: 29px;        height: 45px;        -webkit-clip-path: polygon(29% 0, 28% 0, 52% 48%);        clip-path: polygon(29% 0, 28% 0, 52% 48%);    }    .circle:nth-child(20) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #902dd2;    }    .circle:nth-child(20) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(10% 0, 88% 0, 29% 48%);        clip-path: polygon(10% 0, 88% 0, 29% 48%);        background: #718e8e;        transform: rotate(331.2deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(23):before, .circle:nth-child(20) .content:nth-child(23):after {        width: 78px;        height: 38px;        -webkit-clip-path: polygon(101% 0, 43% 0, 100% 48%);        clip-path: polygon(101% 0, 43% 0, 100% 48%);    }    .circle:nth-child(20) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8c40bf;    }    .circle:nth-child(20) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 64% 0, 82% 48%);        clip-path: polygon(55% 0, 64% 0, 82% 48%);        background: aqua;        transform: rotate(345.6deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(24):before, .circle:nth-child(20) .content:nth-child(24):after {        width: 23px;        height: 2px;        -webkit-clip-path: polygon(53% 0, 12% 0, 52% 48%);        clip-path: polygon(53% 0, 12% 0, 52% 48%);    }    .circle:nth-child(20) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8c40bf;    }    .circle:nth-child(20) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(12% 0, 48% 0, 28% 48%);        clip-path: polygon(12% 0, 48% 0, 28% 48%);        background: #14ebeb;        transform: rotate(360deg) translate(0, 150px);    }    .circle:nth-child(20) .content:nth-child(25):before, .circle:nth-child(20) .content:nth-child(25):after {        width: 77px;        height: 28px;        -webkit-clip-path: polygon(98% 0, 83% 0, 76% 48%);        clip-path: polygon(98% 0, 83% 0, 76% 48%);    }    .circle:nth-child(20) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(20) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(21) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 315px;        left: 67.62px;        -webkit-animation: rotate-reverse 27s linear infinite;        animation: rotate-reverse 27s linear infinite;    }    .circle:nth-child(21) .content {        position: absolute;        width: 43px;        height: 41px;        top: 40%;        left: 40%;    }    .circle:nth-child(21) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(68% 0, 92% 0, 88% 48%);        clip-path: polygon(68% 0, 92% 0, 88% 48%);        background: #738c8c;        transform: rotate(14.4deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(1):before, .circle:nth-child(21) .content:nth-child(1):after {        width: 66px;        height: 47px;        -webkit-clip-path: polygon(34% 0, 5% 0, 42% 48%);        clip-path: polygon(34% 0, 5% 0, 42% 48%);    }    .circle:nth-child(21) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(21) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(83% 0, 6% 0, 45% 48%);        clip-path: polygon(83% 0, 6% 0, 45% 48%);        background: #44bbbb;        transform: rotate(28.8deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(2):before, .circle:nth-child(21) .content:nth-child(2):after {        width: 45px;        height: 49px;        -webkit-clip-path: polygon(17% 0, 25% 0, 48% 48%);        clip-path: polygon(17% 0, 25% 0, 48% 48%);    }    .circle:nth-child(21) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #902dd2;    }    .circle:nth-child(21) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(62% 0, 61% 0, 66% 48%);        clip-path: polygon(62% 0, 61% 0, 66% 48%);        background: #0ff0f0;        transform: rotate(43.2deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(3):before, .circle:nth-child(21) .content:nth-child(3):after {        width: 72px;        height: 29px;        -webkit-clip-path: polygon(29% 0, 74% 0, 11% 48%);        clip-path: polygon(29% 0, 74% 0, 11% 48%);    }    .circle:nth-child(21) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8e38c7;    }    .circle:nth-child(21) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(90% 0, 66% 0, 93% 48%);        clip-path: polygon(90% 0, 66% 0, 93% 48%);        background: aqua;        transform: rotate(57.6deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(4):before, .circle:nth-child(21) .content:nth-child(4):after {        width: 47px;        height: 40px;        -webkit-clip-path: polygon(86% 0, 27% 0, 14% 48%);        clip-path: polygon(86% 0, 27% 0, 14% 48%);    }    .circle:nth-child(21) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(21) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(87% 0, 69% 0, 64% 48%);        clip-path: polygon(87% 0, 69% 0, 64% 48%);        background: #59a6a6;        transform: rotate(72deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(5):before, .circle:nth-child(21) .content:nth-child(5):after {        width: 31px;        height: 46px;        -webkit-clip-path: polygon(88% 0, 68% 0, 19% 48%);        clip-path: polygon(88% 0, 68% 0, 19% 48%);    }    .circle:nth-child(21) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8a4ab5;    }    .circle:nth-child(21) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(8% 0, 42% 0, 40% 48%);        clip-path: polygon(8% 0, 42% 0, 40% 48%);        background: #1ce3e3;        transform: rotate(86.4deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(6):before, .circle:nth-child(21) .content:nth-child(6):after {        width: 1px;        height: 1px;        -webkit-clip-path: polygon(18% 0, 50% 0, 19% 48%);        clip-path: polygon(18% 0, 50% 0, 19% 48%);    }    .circle:nth-child(21) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #9804fb;    }    .circle:nth-child(21) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(71% 0, 89% 0, 52% 48%);        clip-path: polygon(71% 0, 89% 0, 52% 48%);        background: #20dfdf;        transform: rotate(100.8deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(7):before, .circle:nth-child(21) .content:nth-child(7):after {        width: 89px;        height: 28px;        -webkit-clip-path: polygon(89% 0, 14% 0, 75% 48%);        clip-path: polygon(89% 0, 14% 0, 75% 48%);    }    .circle:nth-child(21) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #817788;    }    .circle:nth-child(21) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(65% 0, 100% 0, 45% 48%);        clip-path: polygon(65% 0, 100% 0, 45% 48%);        background: #5ba4a4;        transform: rotate(115.2deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(8):before, .circle:nth-child(21) .content:nth-child(8):after {        width: 12px;        height: 18px;        -webkit-clip-path: polygon(81% 0, 9% 0, 47% 48%);        clip-path: polygon(81% 0, 9% 0, 47% 48%);    }    .circle:nth-child(21) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #817a85;    }    .circle:nth-child(21) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(5% 0, 76% 0, 18% 48%);        clip-path: polygon(5% 0, 76% 0, 18% 48%);        background: #33cccc;        transform: rotate(129.6deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(9):before, .circle:nth-child(21) .content:nth-child(9):after {        width: 47px;        height: 43px;        -webkit-clip-path: polygon(72% 0, 50% 0, 60% 48%);        clip-path: polygon(72% 0, 50% 0, 60% 48%);    }    .circle:nth-child(21) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #9126d9;    }    .circle:nth-child(21) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(75% 0, 2% 0, 20% 48%);        clip-path: polygon(75% 0, 2% 0, 20% 48%);        background: #03fcfc;        transform: rotate(144deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(10):before, .circle:nth-child(21) .content:nth-child(10):after {        width: 27px;        height: 23px;        -webkit-clip-path: polygon(87% 0, 3% 0, 44% 48%);        clip-path: polygon(87% 0, 3% 0, 44% 48%);    }    .circle:nth-child(21) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #8f34cb;    }    .circle:nth-child(21) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 20% 0, 17% 48%);        clip-path: polygon(48% 0, 20% 0, 17% 48%);        background: #4eb1b1;        transform: rotate(158.4deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(11):before, .circle:nth-child(21) .content:nth-child(11):after {        width: 83px;        height: 15px;        -webkit-clip-path: polygon(78% 0, 11% 0, 23% 48%);        clip-path: polygon(78% 0, 11% 0, 23% 48%);    }    .circle:nth-child(21) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #931fe0;    }    .circle:nth-child(21) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(23% 0, 75% 0, 95% 48%);        clip-path: polygon(23% 0, 75% 0, 95% 48%);        background: #37c8c8;        transform: rotate(172.8deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(12):before, .circle:nth-child(21) .content:nth-child(12):after {        width: 81px;        height: 10px;        -webkit-clip-path: polygon(78% 0, 87% 0, 62% 48%);        clip-path: polygon(78% 0, 87% 0, 62% 48%);    }    .circle:nth-child(21) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(21) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(47% 0, 41% 0, 85% 48%);        clip-path: polygon(47% 0, 41% 0, 85% 48%);        background: #49b6b6;        transform: rotate(187.2deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(13):before, .circle:nth-child(21) .content:nth-child(13):after {        width: 62px;        height: 40px;        -webkit-clip-path: polygon(36% 0, 54% 0, 66% 48%);        clip-path: polygon(36% 0, 54% 0, 66% 48%);    }    .circle:nth-child(21) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9804fb;    }    .circle:nth-child(21) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 5% 0, 74% 48%);        clip-path: polygon(4% 0, 5% 0, 74% 48%);        background: #1ce3e3;        transform: rotate(201.6deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(14):before, .circle:nth-child(21) .content:nth-child(14):after {        width: 74px;        height: 9px;        -webkit-clip-path: polygon(57% 0, 10% 0, 59% 48%);        clip-path: polygon(57% 0, 10% 0, 59% 48%);    }    .circle:nth-child(21) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9804fb;    }    .circle:nth-child(21) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(66% 0, 75% 0, 18% 48%);        clip-path: polygon(66% 0, 75% 0, 18% 48%);        background: #0df2f2;        transform: rotate(216deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(15):before, .circle:nth-child(21) .content:nth-child(15):after {        width: 81px;        height: 6px;        -webkit-clip-path: polygon(24% 0, 6% 0, 46% 48%);        clip-path: polygon(24% 0, 6% 0, 46% 48%);    }    .circle:nth-child(21) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(21) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 44% 0, 62% 48%);        clip-path: polygon(41% 0, 44% 0, 62% 48%);        background: #28d7d7;        transform: rotate(230.4deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(16):before, .circle:nth-child(21) .content:nth-child(16):after {        width: 84px;        height: 48px;        -webkit-clip-path: polygon(26% 0, 53% 0, 51% 48%);        clip-path: polygon(26% 0, 53% 0, 51% 48%);    }    .circle:nth-child(21) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #931ce3;    }    .circle:nth-child(21) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(43% 0, 37% 0, 82% 48%);        clip-path: polygon(43% 0, 37% 0, 82% 48%);        background: #679898;        transform: rotate(244.8deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(17):before, .circle:nth-child(21) .content:nth-child(17):after {        width: 56px;        height: 23px;        -webkit-clip-path: polygon(41% 0, 78% 0, 21% 48%);        clip-path: polygon(41% 0, 78% 0, 21% 48%);    }    .circle:nth-child(21) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(21) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(28% 0, 100% 0, 59% 48%);        clip-path: polygon(28% 0, 100% 0, 59% 48%);        background: #58a7a7;        transform: rotate(259.2deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(18):before, .circle:nth-child(21) .content:nth-child(18):after {        width: 41px;        height: 22px;        -webkit-clip-path: polygon(47% 0, 12% 0, 39% 48%);        clip-path: polygon(47% 0, 12% 0, 39% 48%);    }    .circle:nth-child(21) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(21) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(2% 0, 98% 0, 60% 48%);        clip-path: polygon(2% 0, 98% 0, 60% 48%);        background: #3cc3c3;        transform: rotate(273.6deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(19):before, .circle:nth-child(21) .content:nth-child(19):after {        width: 46px;        height: 20px;        -webkit-clip-path: polygon(8% 0, 25% 0, 12% 48%);        clip-path: polygon(8% 0, 25% 0, 12% 48%);    }    .circle:nth-child(21) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(21) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 44% 0, 35% 48%);        clip-path: polygon(4% 0, 44% 0, 35% 48%);        background: #50afaf;        transform: rotate(288deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(20):before, .circle:nth-child(21) .content:nth-child(20):after {        width: 60px;        height: 23px;        -webkit-clip-path: polygon(87% 0, 22% 0, 66% 48%);        clip-path: polygon(87% 0, 22% 0, 66% 48%);    }    .circle:nth-child(21) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(21) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(77% 0, 80% 0, 89% 48%);        clip-path: polygon(77% 0, 80% 0, 89% 48%);        background: #1ae6e6;        transform: rotate(302.4deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(21):before, .circle:nth-child(21) .content:nth-child(21):after {        width: 39px;        height: 46px;        -webkit-clip-path: polygon(88% 0, 21% 0, 40% 48%);        clip-path: polygon(88% 0, 21% 0, 40% 48%);    }    .circle:nth-child(21) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #8854ab;    }    .circle:nth-child(21) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 38% 0, 61% 48%);        clip-path: polygon(81% 0, 38% 0, 61% 48%);        background: #21dede;        transform: rotate(316.8deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(22):before, .circle:nth-child(21) .content:nth-child(22):after {        width: 76px;        height: 49px;        -webkit-clip-path: polygon(75% 0, 86% 0, 36% 48%);        clip-path: polygon(75% 0, 86% 0, 36% 48%);    }    .circle:nth-child(21) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(21) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(12% 0, 12% 0, 10% 48%);        clip-path: polygon(12% 0, 12% 0, 10% 48%);        background: #738c8c;        transform: rotate(331.2deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(23):before, .circle:nth-child(21) .content:nth-child(23):after {        width: 28px;        height: 24px;        -webkit-clip-path: polygon(64% 0, 101% 0, 76% 48%);        clip-path: polygon(64% 0, 101% 0, 76% 48%);    }    .circle:nth-child(21) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(21) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(94% 0, 12% 0, 21% 48%);        clip-path: polygon(94% 0, 12% 0, 21% 48%);        background: #17e8e8;        transform: rotate(345.6deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(24):before, .circle:nth-child(21) .content:nth-child(24):after {        width: 92px;        height: 5px;        -webkit-clip-path: polygon(14% 0, 57% 0, 81% 48%);        clip-path: polygon(14% 0, 57% 0, 81% 48%);    }    .circle:nth-child(21) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #875ca3;    }    .circle:nth-child(21) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(26% 0, 16% 0, 31% 48%);        clip-path: polygon(26% 0, 16% 0, 31% 48%);        background: #0ef1f1;        transform: rotate(360deg) translate(0, 140px);    }    .circle:nth-child(21) .content:nth-child(25):before, .circle:nth-child(21) .content:nth-child(25):after {        width: 80px;        height: 36px;        -webkit-clip-path: polygon(80% 0, 65% 0, 43% 48%);        clip-path: polygon(80% 0, 65% 0, 43% 48%);    }    .circle:nth-child(21) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(21) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #9900ff;    }    .circle:nth-child(22) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 330px;        left: 70.84px;        -webkit-animation: rotate 29s linear infinite;        animation: rotate 29s linear infinite;    }    .circle:nth-child(22) .content {        position: absolute;        width: 69px;        height: 34px;        top: 40%;        left: 40%;    }    .circle:nth-child(22) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(78% 0, 100% 0, 36% 48%);        clip-path: polygon(78% 0, 100% 0, 36% 48%);        background: #788787;        transform: rotate(14.4deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(1):before, .circle:nth-child(22) .content:nth-child(1):after {        width: 44px;        height: 43px;        -webkit-clip-path: polygon(37% 0, 45% 0, 94% 48%);        clip-path: polygon(37% 0, 45% 0, 94% 48%);    }    .circle:nth-child(22) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #931fe0;    }    .circle:nth-child(22) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(3% 0, 73% 0, 14% 48%);        clip-path: polygon(3% 0, 73% 0, 14% 48%);        background: #4ab5b5;        transform: rotate(28.8deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(2):before, .circle:nth-child(22) .content:nth-child(2):after {        width: 92px;        height: 50px;        -webkit-clip-path: polygon(38% 0, 80% 0, 44% 48%);        clip-path: polygon(38% 0, 80% 0, 44% 48%);    }    .circle:nth-child(22) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(22) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(45% 0, 40% 0, 50% 48%);        clip-path: polygon(45% 0, 40% 0, 50% 48%);        background: #01fefe;        transform: rotate(43.2deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(3):before, .circle:nth-child(22) .content:nth-child(3):after {        width: 78px;        height: 33px;        -webkit-clip-path: polygon(20% 0, 95% 0, 23% 48%);        clip-path: polygon(20% 0, 95% 0, 23% 48%);    }    .circle:nth-child(22) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #817a85;    }    .circle:nth-child(22) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(28% 0, 79% 0, 15% 48%);        clip-path: polygon(28% 0, 79% 0, 15% 48%);        background: #30cfcf;        transform: rotate(57.6deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(4):before, .circle:nth-child(22) .content:nth-child(4):after {        width: 43px;        height: 12px;        -webkit-clip-path: polygon(96% 0, 28% 0, 98% 48%);        clip-path: polygon(96% 0, 28% 0, 98% 48%);    }    .circle:nth-child(22) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #9128d7;    }    .circle:nth-child(22) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(18% 0, 21% 0, 36% 48%);        clip-path: polygon(18% 0, 21% 0, 36% 48%);        background: #55aaaa;        transform: rotate(72deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(5):before, .circle:nth-child(22) .content:nth-child(5):after {        width: 3px;        height: 21px;        -webkit-clip-path: polygon(57% 0, 6% 0, 97% 48%);        clip-path: polygon(57% 0, 6% 0, 97% 48%);    }    .circle:nth-child(22) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #9128d7;    }    .circle:nth-child(22) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(21% 0, 13% 0, 82% 48%);        clip-path: polygon(21% 0, 13% 0, 82% 48%);        background: #36c9c9;        transform: rotate(86.4deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(6):before, .circle:nth-child(22) .content:nth-child(6):after {        width: 29px;        height: 50px;        -webkit-clip-path: polygon(27% 0, 94% 0, 96% 48%);        clip-path: polygon(27% 0, 94% 0, 96% 48%);    }    .circle:nth-child(22) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #807c83;    }    .circle:nth-child(22) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 43% 0, 77% 48%);        clip-path: polygon(32% 0, 43% 0, 77% 48%);        background: #7d8282;        transform: rotate(100.8deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(7):before, .circle:nth-child(22) .content:nth-child(7):after {        width: 56px;        height: 23px;        -webkit-clip-path: polygon(95% 0, 6% 0, 95% 48%);        clip-path: polygon(95% 0, 6% 0, 95% 48%);    }    .circle:nth-child(22) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(22) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 99% 0, 73% 48%);        clip-path: polygon(32% 0, 99% 0, 73% 48%);        background: #699696;        transform: rotate(115.2deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(8):before, .circle:nth-child(22) .content:nth-child(8):after {        width: 25px;        height: 28px;        -webkit-clip-path: polygon(77% 0, 78% 0, 64% 48%);        clip-path: polygon(77% 0, 78% 0, 64% 48%);    }    .circle:nth-child(22) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #960df2;    }    .circle:nth-child(22) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(42% 0, 34% 0, 26% 48%);        clip-path: polygon(42% 0, 34% 0, 26% 48%);        background: #7e8181;        transform: rotate(129.6deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(9):before, .circle:nth-child(22) .content:nth-child(9):after {        width: 74px;        height: 43px;        -webkit-clip-path: polygon(76% 0, 68% 0, 24% 48%);        clip-path: polygon(76% 0, 68% 0, 24% 48%);    }    .circle:nth-child(22) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #9709f6;    }    .circle:nth-child(22) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 49% 0, 36% 48%);        clip-path: polygon(48% 0, 49% 0, 36% 48%);        background: #18e7e7;        transform: rotate(144deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(10):before, .circle:nth-child(22) .content:nth-child(10):after {        width: 63px;        height: 29px;        -webkit-clip-path: polygon(6% 0, 61% 0, 41% 48%);        clip-path: polygon(6% 0, 61% 0, 41% 48%);    }    .circle:nth-child(22) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #8e36c9;    }    .circle:nth-child(22) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(60% 0, 43% 0, 74% 48%);        clip-path: polygon(60% 0, 43% 0, 74% 48%);        background: #50afaf;        transform: rotate(158.4deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(11):before, .circle:nth-child(22) .content:nth-child(11):after {        width: 14px;        height: 49px;        -webkit-clip-path: polygon(99% 0, 52% 0, 53% 48%);        clip-path: polygon(99% 0, 52% 0, 53% 48%);    }    .circle:nth-child(22) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(22) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 84% 0, 5% 48%);        clip-path: polygon(67% 0, 84% 0, 5% 48%);        background: #49b6b6;        transform: rotate(172.8deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(12):before, .circle:nth-child(22) .content:nth-child(12):after {        width: 68px;        height: 8px;        -webkit-clip-path: polygon(28% 0, 98% 0, 97% 48%);        clip-path: polygon(28% 0, 98% 0, 97% 48%);    }    .circle:nth-child(22) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #8854ab;    }    .circle:nth-child(22) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(3% 0, 34% 0, 62% 48%);        clip-path: polygon(3% 0, 34% 0, 62% 48%);        background: #50afaf;        transform: rotate(187.2deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(13):before, .circle:nth-child(22) .content:nth-child(13):after {        width: 73px;        height: 10px;        -webkit-clip-path: polygon(32% 0, 45% 0, 46% 48%);        clip-path: polygon(32% 0, 45% 0, 46% 48%);    }    .circle:nth-child(22) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9225da;    }    .circle:nth-child(22) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(71% 0, 31% 0, 88% 48%);        clip-path: polygon(71% 0, 31% 0, 88% 48%);        background: #39c6c6;        transform: rotate(201.6deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(14):before, .circle:nth-child(22) .content:nth-child(14):after {        width: 10px;        height: 5px;        -webkit-clip-path: polygon(95% 0, 81% 0, 49% 48%);        clip-path: polygon(95% 0, 81% 0, 49% 48%);    }    .circle:nth-child(22) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(22) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(86% 0, 69% 0, 62% 48%);        clip-path: polygon(86% 0, 69% 0, 62% 48%);        background: #1ce3e3;        transform: rotate(216deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(15):before, .circle:nth-child(22) .content:nth-child(15):after {        width: 26px;        height: 21px;        -webkit-clip-path: polygon(97% 0, 71% 0, 16% 48%);        clip-path: polygon(97% 0, 71% 0, 16% 48%);    }    .circle:nth-child(22) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(22) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(71% 0, 57% 0, 82% 48%);        clip-path: polygon(71% 0, 57% 0, 82% 48%);        background: #3bc4c4;        transform: rotate(230.4deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(16):before, .circle:nth-child(22) .content:nth-child(16):after {        width: 36px;        height: 14px;        -webkit-clip-path: polygon(89% 0, 67% 0, 83% 48%);        clip-path: polygon(89% 0, 67% 0, 83% 48%);    }    .circle:nth-child(22) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #846798;    }    .circle:nth-child(22) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(92% 0, 8% 0, 50% 48%);        clip-path: polygon(92% 0, 8% 0, 50% 48%);        background: #4bb4b4;        transform: rotate(244.8deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(17):before, .circle:nth-child(22) .content:nth-child(17):after {        width: 82px;        height: 7px;        -webkit-clip-path: polygon(99% 0, 58% 0, 21% 48%);        clip-path: polygon(99% 0, 58% 0, 21% 48%);    }    .circle:nth-child(22) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #86619e;    }    .circle:nth-child(22) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(96% 0, 47% 0, 23% 48%);        clip-path: polygon(96% 0, 47% 0, 23% 48%);        background: #2bd4d4;        transform: rotate(259.2deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(18):before, .circle:nth-child(22) .content:nth-child(18):after {        width: 35px;        height: 41px;        -webkit-clip-path: polygon(32% 0, 3% 0, 33% 48%);        clip-path: polygon(32% 0, 3% 0, 33% 48%);    }    .circle:nth-child(22) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #8c42bd;    }    .circle:nth-child(22) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(80% 0, 87% 0, 84% 48%);        clip-path: polygon(80% 0, 87% 0, 84% 48%);        background: #13ecec;        transform: rotate(273.6deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(19):before, .circle:nth-child(22) .content:nth-child(19):after {        width: 90px;        height: 32px;        -webkit-clip-path: polygon(29% 0, 36% 0, 94% 48%);        clip-path: polygon(29% 0, 36% 0, 94% 48%);    }    .circle:nth-child(22) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #9708f7;    }    .circle:nth-child(22) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(43% 0, 26% 0, 97% 48%);        clip-path: polygon(43% 0, 26% 0, 97% 48%);        background: #45baba;        transform: rotate(288deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(20):before, .circle:nth-child(22) .content:nth-child(20):after {        width: 5px;        height: 2px;        -webkit-clip-path: polygon(63% 0, 100% 0, 60% 48%);        clip-path: polygon(63% 0, 100% 0, 60% 48%);    }    .circle:nth-child(22) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #8952ad;    }    .circle:nth-child(22) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 91% 0, 94% 48%);        clip-path: polygon(51% 0, 91% 0, 94% 48%);        background: #6b9494;        transform: rotate(302.4deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(21):before, .circle:nth-child(22) .content:nth-child(21):after {        width: 77px;        height: 7px;        -webkit-clip-path: polygon(75% 0, 60% 0, 98% 48%);        clip-path: polygon(75% 0, 60% 0, 98% 48%);    }    .circle:nth-child(22) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(22) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(93% 0, 6% 0, 63% 48%);        clip-path: polygon(93% 0, 6% 0, 63% 48%);        background: #47b8b8;        transform: rotate(316.8deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(22):before, .circle:nth-child(22) .content:nth-child(22):after {        width: 55px;        height: 16px;        -webkit-clip-path: polygon(56% 0, 36% 0, 38% 48%);        clip-path: polygon(56% 0, 36% 0, 38% 48%);    }    .circle:nth-child(22) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9129d6;    }    .circle:nth-child(22) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 10% 0, 25% 48%);        clip-path: polygon(32% 0, 10% 0, 25% 48%);        background: #758a8a;        transform: rotate(331.2deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(23):before, .circle:nth-child(22) .content:nth-child(23):after {        width: 89px;        height: 18px;        -webkit-clip-path: polygon(15% 0, 79% 0, 29% 48%);        clip-path: polygon(15% 0, 79% 0, 29% 48%);    }    .circle:nth-child(22) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #931de2;    }    .circle:nth-child(22) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(10% 0, 12% 0, 60% 48%);        clip-path: polygon(10% 0, 12% 0, 60% 48%);        background: #788787;        transform: rotate(345.6deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(24):before, .circle:nth-child(22) .content:nth-child(24):after {        width: 62px;        height: 31px;        -webkit-clip-path: polygon(39% 0, 21% 0, 6% 48%);        clip-path: polygon(39% 0, 21% 0, 6% 48%);    }    .circle:nth-child(22) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8c42bd;    }    .circle:nth-child(22) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(21% 0, 84% 0, 46% 48%);        clip-path: polygon(21% 0, 84% 0, 46% 48%);        background: #5ea1a1;        transform: rotate(360deg) translate(0, 130px);    }    .circle:nth-child(22) .content:nth-child(25):before, .circle:nth-child(22) .content:nth-child(25):after {        width: 67px;        height: 44px;        -webkit-clip-path: polygon(35% 0, 79% 0, 15% 48%);        clip-path: polygon(35% 0, 79% 0, 15% 48%);    }    .circle:nth-child(22) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(22) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(23) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 345px;        left: 74.06px;        -webkit-animation: rotate 26s linear infinite;        animation: rotate 26s linear infinite;    }    .circle:nth-child(23) .content {        position: absolute;        width: 21px;        height: 13px;        top: 40%;        left: 40%;    }    .circle:nth-child(23) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(24% 0, 62% 0, 93% 48%);        clip-path: polygon(24% 0, 62% 0, 93% 48%);        background: #20dfdf;        transform: rotate(14.4deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(1):before, .circle:nth-child(23) .content:nth-child(1):after {        width: 37px;        height: 14px;        -webkit-clip-path: polygon(12% 0, 58% 0, 62% 48%);        clip-path: polygon(12% 0, 58% 0, 62% 48%);    }    .circle:nth-child(23) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(23) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(37% 0, 34% 0, 86% 48%);        clip-path: polygon(37% 0, 34% 0, 86% 48%);        background: #58a7a7;        transform: rotate(28.8deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(2):before, .circle:nth-child(23) .content:nth-child(2):after {        width: 89px;        height: 47px;        -webkit-clip-path: polygon(67% 0, 69% 0, 39% 48%);        clip-path: polygon(67% 0, 69% 0, 39% 48%);    }    .circle:nth-child(23) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #82718e;    }    .circle:nth-child(23) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 94% 0, 100% 48%);        clip-path: polygon(36% 0, 94% 0, 100% 48%);        background: #59a6a6;        transform: rotate(43.2deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(3):before, .circle:nth-child(23) .content:nth-child(3):after {        width: 35px;        height: 39px;        -webkit-clip-path: polygon(13% 0, 17% 0, 90% 48%);        clip-path: polygon(13% 0, 17% 0, 90% 48%);    }    .circle:nth-child(23) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #902fd0;    }    .circle:nth-child(23) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 47% 0, 99% 48%);        clip-path: polygon(32% 0, 47% 0, 99% 48%);        background: #6c9393;        transform: rotate(57.6deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(4):before, .circle:nth-child(23) .content:nth-child(4):after {        width: 31px;        height: 11px;        -webkit-clip-path: polygon(88% 0, 34% 0, 79% 48%);        clip-path: polygon(88% 0, 34% 0, 79% 48%);    }    .circle:nth-child(23) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(23) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(37% 0, 23% 0, 48% 48%);        clip-path: polygon(37% 0, 23% 0, 48% 48%);        background: #609f9f;        transform: rotate(72deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(5):before, .circle:nth-child(23) .content:nth-child(5):after {        width: 84px;        height: 15px;        -webkit-clip-path: polygon(26% 0, 68% 0, 92% 48%);        clip-path: polygon(26% 0, 68% 0, 92% 48%);    }    .circle:nth-child(23) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #9222dd;    }    .circle:nth-child(23) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(92% 0, 56% 0, 30% 48%);        clip-path: polygon(92% 0, 56% 0, 30% 48%);        background: #6a9595;        transform: rotate(86.4deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(6):before, .circle:nth-child(23) .content:nth-child(6):after {        width: 48px;        height: 20px;        -webkit-clip-path: polygon(48% 0, 72% 0, 67% 48%);        clip-path: polygon(48% 0, 72% 0, 67% 48%);    }    .circle:nth-child(23) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #9417e8;    }    .circle:nth-child(23) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(54% 0, 13% 0, 48% 48%);        clip-path: polygon(54% 0, 13% 0, 48% 48%);        background: #6e9191;        transform: rotate(100.8deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(7):before, .circle:nth-child(23) .content:nth-child(7):after {        width: 63px;        height: 39px;        -webkit-clip-path: polygon(57% 0, 62% 0, 18% 48%);        clip-path: polygon(57% 0, 62% 0, 18% 48%);    }    .circle:nth-child(23) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #82758a;    }    .circle:nth-child(23) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(26% 0, 27% 0, 9% 48%);        clip-path: polygon(26% 0, 27% 0, 9% 48%);        background: #4ab5b5;        transform: rotate(115.2deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(8):before, .circle:nth-child(23) .content:nth-child(8):after {        width: 82px;        height: 47px;        -webkit-clip-path: polygon(38% 0, 70% 0, 38% 48%);        clip-path: polygon(38% 0, 70% 0, 38% 48%);    }    .circle:nth-child(23) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #9709f6;    }    .circle:nth-child(23) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(65% 0, 28% 0, 5% 48%);        clip-path: polygon(65% 0, 28% 0, 5% 48%);        background: #699696;        transform: rotate(129.6deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(9):before, .circle:nth-child(23) .content:nth-child(9):after {        width: 23px;        height: 36px;        -webkit-clip-path: polygon(21% 0, 76% 0, 53% 48%);        clip-path: polygon(21% 0, 76% 0, 53% 48%);    }    .circle:nth-child(23) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(23) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(91% 0, 35% 0, 22% 48%);        clip-path: polygon(91% 0, 35% 0, 22% 48%);        background: #57a8a8;        transform: rotate(144deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(10):before, .circle:nth-child(23) .content:nth-child(10):after {        width: 23px;        height: 39px;        -webkit-clip-path: polygon(89% 0, 88% 0, 101% 48%);        clip-path: polygon(89% 0, 88% 0, 101% 48%);    }    .circle:nth-child(23) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(23) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 42% 0, 31% 48%);        clip-path: polygon(4% 0, 42% 0, 31% 48%);        background: #2ed1d1;        transform: rotate(158.4deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(11):before, .circle:nth-child(23) .content:nth-child(11):after {        width: 19px;        height: 27px;        -webkit-clip-path: polygon(6% 0, 41% 0, 93% 48%);        clip-path: polygon(6% 0, 41% 0, 93% 48%);    }    .circle:nth-child(23) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8855aa;    }    .circle:nth-child(23) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(74% 0, 84% 0, 30% 48%);        clip-path: polygon(74% 0, 84% 0, 30% 48%);        background: #7c8383;        transform: rotate(172.8deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(12):before, .circle:nth-child(23) .content:nth-child(12):after {        width: 46px;        height: 30px;        -webkit-clip-path: polygon(31% 0, 53% 0, 31% 48%);        clip-path: polygon(31% 0, 53% 0, 31% 48%);    }    .circle:nth-child(23) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(23) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(98% 0, 42% 0, 50% 48%);        clip-path: polygon(98% 0, 42% 0, 50% 48%);        background: #788787;        transform: rotate(187.2deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(13):before, .circle:nth-child(23) .content:nth-child(13):after {        width: 27px;        height: 3px;        -webkit-clip-path: polygon(24% 0, 89% 0, 7% 48%);        clip-path: polygon(24% 0, 89% 0, 7% 48%);    }    .circle:nth-child(23) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(23) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(19% 0, 79% 0, 79% 48%);        clip-path: polygon(19% 0, 79% 0, 79% 48%);        background: #17e8e8;        transform: rotate(201.6deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(14):before, .circle:nth-child(23) .content:nth-child(14):after {        width: 46px;        height: 47px;        -webkit-clip-path: polygon(61% 0, 12% 0, 31% 48%);        clip-path: polygon(61% 0, 12% 0, 31% 48%);    }    .circle:nth-child(23) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #931fe0;    }    .circle:nth-child(23) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(68% 0, 91% 0, 20% 48%);        clip-path: polygon(68% 0, 91% 0, 20% 48%);        background: #708f8f;        transform: rotate(216deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(15):before, .circle:nth-child(23) .content:nth-child(15):after {        width: 24px;        height: 23px;        -webkit-clip-path: polygon(16% 0, 9% 0, 91% 48%);        clip-path: polygon(16% 0, 9% 0, 91% 48%);    }    .circle:nth-child(23) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(23) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 10% 0, 2% 48%);        clip-path: polygon(101% 0, 10% 0, 2% 48%);        background: #13ecec;        transform: rotate(230.4deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(16):before, .circle:nth-child(23) .content:nth-child(16):after {        width: 37px;        height: 40px;        -webkit-clip-path: polygon(27% 0, 89% 0, 59% 48%);        clip-path: polygon(27% 0, 89% 0, 59% 48%);    }    .circle:nth-child(23) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #817788;    }    .circle:nth-child(23) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 4% 0, 95% 48%);        clip-path: polygon(48% 0, 4% 0, 95% 48%);        background: #1fe0e0;        transform: rotate(244.8deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(17):before, .circle:nth-child(23) .content:nth-child(17):after {        width: 3px;        height: 3px;        -webkit-clip-path: polygon(93% 0, 85% 0, 88% 48%);        clip-path: polygon(93% 0, 85% 0, 88% 48%);    }    .circle:nth-child(23) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #931ce3;    }    .circle:nth-child(23) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(70% 0, 73% 0, 22% 48%);        clip-path: polygon(70% 0, 73% 0, 22% 48%);        background: #7c8383;        transform: rotate(259.2deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(18):before, .circle:nth-child(23) .content:nth-child(18):after {        width: 97px;        height: 4px;        -webkit-clip-path: polygon(4% 0, 69% 0, 63% 48%);        clip-path: polygon(4% 0, 69% 0, 63% 48%);    }    .circle:nth-child(23) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #970af5;    }    .circle:nth-child(23) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 93% 0, 40% 48%);        clip-path: polygon(32% 0, 93% 0, 40% 48%);        background: #22dddd;        transform: rotate(273.6deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(19):before, .circle:nth-child(23) .content:nth-child(19):after {        width: 2px;        height: 45px;        -webkit-clip-path: polygon(45% 0, 12% 0, 60% 48%);        clip-path: polygon(45% 0, 12% 0, 60% 48%);    }    .circle:nth-child(23) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #817788;    }    .circle:nth-child(23) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(19% 0, 90% 0, 25% 48%);        clip-path: polygon(19% 0, 90% 0, 25% 48%);        background: #5ba4a4;        transform: rotate(288deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(20):before, .circle:nth-child(23) .content:nth-child(20):after {        width: 76px;        height: 12px;        -webkit-clip-path: polygon(28% 0, 25% 0, 48% 48%);        clip-path: polygon(28% 0, 25% 0, 48% 48%);    }    .circle:nth-child(23) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #9418e7;    }    .circle:nth-child(23) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(99% 0, 48% 0, 11% 48%);        clip-path: polygon(99% 0, 48% 0, 11% 48%);        background: #2ed1d1;        transform: rotate(302.4deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(21):before, .circle:nth-child(23) .content:nth-child(21):after {        width: 83px;        height: 29px;        -webkit-clip-path: polygon(93% 0, 87% 0, 4% 48%);        clip-path: polygon(93% 0, 87% 0, 4% 48%);    }    .circle:nth-child(23) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #9418e7;    }    .circle:nth-child(23) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(76% 0, 40% 0, 74% 48%);        clip-path: polygon(76% 0, 40% 0, 74% 48%);        background: #26d9d9;        transform: rotate(316.8deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(22):before, .circle:nth-child(23) .content:nth-child(22):after {        width: 87px;        height: 23px;        -webkit-clip-path: polygon(39% 0, 36% 0, 99% 48%);        clip-path: polygon(39% 0, 36% 0, 99% 48%);    }    .circle:nth-child(23) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9804fb;    }    .circle:nth-child(23) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(88% 0, 32% 0, 27% 48%);        clip-path: polygon(88% 0, 32% 0, 27% 48%);        background: #1de2e2;        transform: rotate(331.2deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(23):before, .circle:nth-child(23) .content:nth-child(23):after {        width: 63px;        height: 24px;        -webkit-clip-path: polygon(2% 0, 46% 0, 18% 48%);        clip-path: polygon(2% 0, 46% 0, 18% 48%);    }    .circle:nth-child(23) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8c42bd;    }    .circle:nth-child(23) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(61% 0, 58% 0, 6% 48%);        clip-path: polygon(61% 0, 58% 0, 6% 48%);        background: #59a6a6;        transform: rotate(345.6deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(24):before, .circle:nth-child(23) .content:nth-child(24):after {        width: 34px;        height: 34px;        -webkit-clip-path: polygon(19% 0, 17% 0, 45% 48%);        clip-path: polygon(19% 0, 17% 0, 45% 48%);    }    .circle:nth-child(23) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8c41be;    }    .circle:nth-child(23) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(6% 0, 37% 0, 83% 48%);        clip-path: polygon(6% 0, 37% 0, 83% 48%);        background: #619e9e;        transform: rotate(360deg) translate(0, 120px);    }    .circle:nth-child(23) .content:nth-child(25):before, .circle:nth-child(23) .content:nth-child(25):after {        width: 9px;        height: 39px;        -webkit-clip-path: polygon(55% 0, 6% 0, 29% 48%);        clip-path: polygon(55% 0, 6% 0, 29% 48%);    }    .circle:nth-child(23) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(23) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #9901fe;    }    .circle:nth-child(24) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 360px;        left: 77.28px;        -webkit-animation: rotate-reverse 33s linear infinite;        animation: rotate-reverse 33s linear infinite;    }    .circle:nth-child(24) .content {        position: absolute;        width: 105px;        height: 9px;        top: 40%;        left: 40%;    }    .circle:nth-child(24) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(6% 0, 45% 0, 76% 48%);        clip-path: polygon(6% 0, 45% 0, 76% 48%);        background: #4fb0b0;        transform: rotate(14.4deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(1):before, .circle:nth-child(24) .content:nth-child(1):after {        width: 40px;        height: 38px;        -webkit-clip-path: polygon(5% 0, 14% 0, 85% 48%);        clip-path: polygon(5% 0, 14% 0, 85% 48%);    }    .circle:nth-child(24) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(24) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(35% 0, 69% 0, 25% 48%);        clip-path: polygon(35% 0, 69% 0, 25% 48%);        background: #41bebe;        transform: rotate(28.8deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(2):before, .circle:nth-child(24) .content:nth-child(2):after {        width: 41px;        height: 31px;        -webkit-clip-path: polygon(24% 0, 32% 0, 35% 48%);        clip-path: polygon(24% 0, 32% 0, 35% 48%);    }    .circle:nth-child(24) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #912ad5;    }    .circle:nth-child(24) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(94% 0, 46% 0, 37% 48%);        clip-path: polygon(94% 0, 46% 0, 37% 48%);        background: #669999;        transform: rotate(43.2deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(3):before, .circle:nth-child(24) .content:nth-child(3):after {        width: 60px;        height: 8px;        -webkit-clip-path: polygon(22% 0, 99% 0, 59% 48%);        clip-path: polygon(22% 0, 99% 0, 59% 48%);    }    .circle:nth-child(24) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(24) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(89% 0, 57% 0, 65% 48%);        clip-path: polygon(89% 0, 57% 0, 65% 48%);        background: #25dada;        transform: rotate(57.6deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(4):before, .circle:nth-child(24) .content:nth-child(4):after {        width: 57px;        height: 50px;        -webkit-clip-path: polygon(9% 0, 34% 0, 74% 48%);        clip-path: polygon(9% 0, 34% 0, 74% 48%);    }    .circle:nth-child(24) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(24) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(47% 0, 25% 0, 83% 48%);        clip-path: polygon(47% 0, 25% 0, 83% 48%);        background: #28d7d7;        transform: rotate(72deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(5):before, .circle:nth-child(24) .content:nth-child(5):after {        width: 41px;        height: 37px;        -webkit-clip-path: polygon(23% 0, 15% 0, 53% 48%);        clip-path: polygon(23% 0, 15% 0, 53% 48%);    }    .circle:nth-child(24) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(24) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(59% 0, 48% 0, 59% 48%);        clip-path: polygon(59% 0, 48% 0, 59% 48%);        background: #36c9c9;        transform: rotate(86.4deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(6):before, .circle:nth-child(24) .content:nth-child(6):after {        width: 36px;        height: 37px;        -webkit-clip-path: polygon(56% 0, 80% 0, 94% 48%);        clip-path: polygon(56% 0, 80% 0, 94% 48%);    }    .circle:nth-child(24) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(24) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(14% 0, 30% 0, 44% 48%);        clip-path: polygon(14% 0, 30% 0, 44% 48%);        background: #629d9d;        transform: rotate(100.8deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(7):before, .circle:nth-child(24) .content:nth-child(7):after {        width: 6px;        height: 46px;        -webkit-clip-path: polygon(5% 0, 61% 0, 94% 48%);        clip-path: polygon(5% 0, 61% 0, 94% 48%);    }    .circle:nth-child(24) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(24) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(16% 0, 5% 0, 97% 48%);        clip-path: polygon(16% 0, 5% 0, 97% 48%);        background: #6e9191;        transform: rotate(115.2deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(8):before, .circle:nth-child(24) .content:nth-child(8):after {        width: 23px;        height: 47px;        -webkit-clip-path: polygon(78% 0, 52% 0, 13% 48%);        clip-path: polygon(78% 0, 52% 0, 13% 48%);    }    .circle:nth-child(24) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(24) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 54% 0, 31% 48%);        clip-path: polygon(48% 0, 54% 0, 31% 48%);        background: #7e8181;        transform: rotate(129.6deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(9):before, .circle:nth-child(24) .content:nth-child(9):after {        width: 99px;        height: 39px;        -webkit-clip-path: polygon(81% 0, 99% 0, 65% 48%);        clip-path: polygon(81% 0, 99% 0, 65% 48%);    }    .circle:nth-child(24) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #875ca3;    }    .circle:nth-child(24) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(48% 0, 43% 0, 73% 48%);        clip-path: polygon(48% 0, 43% 0, 73% 48%);        background: #2dd2d2;        transform: rotate(144deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(10):before, .circle:nth-child(24) .content:nth-child(10):after {        width: 97px;        height: 45px;        -webkit-clip-path: polygon(101% 0, 88% 0, 18% 48%);        clip-path: polygon(101% 0, 88% 0, 18% 48%);    }    .circle:nth-child(24) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(24) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(99% 0, 11% 0, 72% 48%);        clip-path: polygon(99% 0, 11% 0, 72% 48%);        background: #0bf4f4;        transform: rotate(158.4deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(11):before, .circle:nth-child(24) .content:nth-child(11):after {        width: 44px;        height: 2px;        -webkit-clip-path: polygon(32% 0, 15% 0, 29% 48%);        clip-path: polygon(32% 0, 15% 0, 29% 48%);    }    .circle:nth-child(24) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #9129d6;    }    .circle:nth-child(24) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(73% 0, 74% 0, 101% 48%);        clip-path: polygon(73% 0, 74% 0, 101% 48%);        background: #5ba4a4;        transform: rotate(172.8deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(12):before, .circle:nth-child(24) .content:nth-child(12):after {        width: 25px;        height: 20px;        -webkit-clip-path: polygon(29% 0, 34% 0, 58% 48%);        clip-path: polygon(29% 0, 34% 0, 58% 48%);    }    .circle:nth-child(24) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #8b46b9;    }    .circle:nth-child(24) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(33% 0, 95% 0, 50% 48%);        clip-path: polygon(33% 0, 95% 0, 50% 48%);        background: #0ff0f0;        transform: rotate(187.2deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(13):before, .circle:nth-child(24) .content:nth-child(13):after {        width: 11px;        height: 40px;        -webkit-clip-path: polygon(78% 0, 86% 0, 93% 48%);        clip-path: polygon(78% 0, 86% 0, 93% 48%);    }    .circle:nth-child(24) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9804fb;    }    .circle:nth-child(24) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(17% 0, 59% 0, 99% 48%);        clip-path: polygon(17% 0, 59% 0, 99% 48%);        background: #5ea1a1;        transform: rotate(201.6deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(14):before, .circle:nth-child(24) .content:nth-child(14):after {        width: 20px;        height: 10px;        -webkit-clip-path: polygon(80% 0, 96% 0, 59% 48%);        clip-path: polygon(80% 0, 96% 0, 59% 48%);    }    .circle:nth-child(24) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9708f7;    }    .circle:nth-child(24) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(87% 0, 27% 0, 69% 48%);        clip-path: polygon(87% 0, 27% 0, 69% 48%);        background: #44bbbb;        transform: rotate(216deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(15):before, .circle:nth-child(24) .content:nth-child(15):after {        width: 23px;        height: 4px;        -webkit-clip-path: polygon(76% 0, 92% 0, 31% 48%);        clip-path: polygon(76% 0, 92% 0, 31% 48%);    }    .circle:nth-child(24) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #960ff0;    }    .circle:nth-child(24) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 64% 0, 45% 48%);        clip-path: polygon(11% 0, 64% 0, 45% 48%);        background: #5ba4a4;        transform: rotate(230.4deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(16):before, .circle:nth-child(24) .content:nth-child(16):after {        width: 45px;        height: 14px;        -webkit-clip-path: polygon(23% 0, 78% 0, 46% 48%);        clip-path: polygon(23% 0, 78% 0, 46% 48%);    }    .circle:nth-child(24) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(24) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 47% 0, 60% 48%);        clip-path: polygon(44% 0, 47% 0, 60% 48%);        background: #17e8e8;        transform: rotate(244.8deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(17):before, .circle:nth-child(24) .content:nth-child(17):after {        width: 55px;        height: 25px;        -webkit-clip-path: polygon(77% 0, 10% 0, 11% 48%);        clip-path: polygon(77% 0, 10% 0, 11% 48%);    }    .circle:nth-child(24) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #894fb0;    }    .circle:nth-child(24) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 93% 0, 49% 48%);        clip-path: polygon(11% 0, 93% 0, 49% 48%);        background: #13ecec;        transform: rotate(259.2deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(18):before, .circle:nth-child(24) .content:nth-child(18):after {        width: 97px;        height: 38px;        -webkit-clip-path: polygon(53% 0, 50% 0, 27% 48%);        clip-path: polygon(53% 0, 50% 0, 27% 48%);    }    .circle:nth-child(24) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #83708f;    }    .circle:nth-child(24) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(44% 0, 48% 0, 65% 48%);        clip-path: polygon(44% 0, 48% 0, 65% 48%);        background: #53acac;        transform: rotate(273.6deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(19):before, .circle:nth-child(24) .content:nth-child(19):after {        width: 41px;        height: 50px;        -webkit-clip-path: polygon(5% 0, 29% 0, 80% 48%);        clip-path: polygon(5% 0, 29% 0, 80% 48%);    }    .circle:nth-child(24) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #902fd0;    }    .circle:nth-child(24) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(50% 0, 89% 0, 7% 48%);        clip-path: polygon(50% 0, 89% 0, 7% 48%);        background: #58a7a7;        transform: rotate(288deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(20):before, .circle:nth-child(24) .content:nth-child(20):after {        width: 5px;        height: 18px;        -webkit-clip-path: polygon(10% 0, 26% 0, 43% 48%);        clip-path: polygon(10% 0, 26% 0, 43% 48%);    }    .circle:nth-child(24) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #941ae6;    }    .circle:nth-child(24) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(100% 0, 11% 0, 16% 48%);        clip-path: polygon(100% 0, 11% 0, 16% 48%);        background: #778888;        transform: rotate(302.4deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(21):before, .circle:nth-child(24) .content:nth-child(21):after {        width: 89px;        height: 34px;        -webkit-clip-path: polygon(92% 0, 69% 0, 5% 48%);        clip-path: polygon(92% 0, 69% 0, 5% 48%);    }    .circle:nth-child(24) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #9709f6;    }    .circle:nth-child(24) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 73% 0, 92% 48%);        clip-path: polygon(57% 0, 73% 0, 92% 48%);        background: #738c8c;        transform: rotate(316.8deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(22):before, .circle:nth-child(24) .content:nth-child(22):after {        width: 3px;        height: 42px;        -webkit-clip-path: polygon(34% 0, 59% 0, 79% 48%);        clip-path: polygon(34% 0, 59% 0, 79% 48%);    }    .circle:nth-child(24) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #83708f;    }    .circle:nth-child(24) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(24% 0, 92% 0, 60% 48%);        clip-path: polygon(24% 0, 92% 0, 60% 48%);        background: #26d9d9;        transform: rotate(331.2deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(23):before, .circle:nth-child(24) .content:nth-child(23):after {        width: 76px;        height: 1px;        -webkit-clip-path: polygon(85% 0, 97% 0, 100% 48%);        clip-path: polygon(85% 0, 97% 0, 100% 48%);    }    .circle:nth-child(24) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(24) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(2% 0, 4% 0, 22% 48%);        clip-path: polygon(2% 0, 4% 0, 22% 48%);        background: #39c6c6;        transform: rotate(345.6deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(24):before, .circle:nth-child(24) .content:nth-child(24):after {        width: 53px;        height: 42px;        -webkit-clip-path: polygon(11% 0, 43% 0, 101% 48%);        clip-path: polygon(11% 0, 43% 0, 101% 48%);    }    .circle:nth-child(24) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(24) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(31% 0, 66% 0, 20% 48%);        clip-path: polygon(31% 0, 66% 0, 20% 48%);        background: #28d7d7;        transform: rotate(360deg) translate(0, 110px);    }    .circle:nth-child(24) .content:nth-child(25):before, .circle:nth-child(24) .content:nth-child(25):after {        width: 71px;        height: 8px;        -webkit-clip-path: polygon(57% 0, 74% 0, 22% 48%);        clip-path: polygon(57% 0, 74% 0, 22% 48%);    }    .circle:nth-child(24) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(24) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #970bf4;    }    .circle:nth-child(25) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 375px;        left: 80.5px;        -webkit-animation: rotate 29s linear infinite;        animation: rotate 29s linear infinite;    }    .circle:nth-child(25) .content {        position: absolute;        width: 139px;        height: 24px;        top: 40%;        left: 40%;    }    .circle:nth-child(25) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(69% 0, 65% 0, 10% 48%);        clip-path: polygon(69% 0, 65% 0, 10% 48%);        background: #4db3b3;        transform: rotate(14.4deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(1):before, .circle:nth-child(25) .content:nth-child(1):after {        width: 51px;        height: 24px;        -webkit-clip-path: polygon(5% 0, 80% 0, 37% 48%);        clip-path: polygon(5% 0, 80% 0, 37% 48%);    }    .circle:nth-child(25) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #902dd2;    }    .circle:nth-child(25) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(88% 0, 50% 0, 39% 48%);        clip-path: polygon(88% 0, 50% 0, 39% 48%);        background: #49b6b6;        transform: rotate(28.8deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(2):before, .circle:nth-child(25) .content:nth-child(2):after {        width: 78px;        height: 9px;        -webkit-clip-path: polygon(46% 0, 74% 0, 8% 48%);        clip-path: polygon(46% 0, 74% 0, 8% 48%);    }    .circle:nth-child(25) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(25) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(74% 0, 29% 0, 13% 48%);        clip-path: polygon(74% 0, 29% 0, 13% 48%);        background: #21dede;        transform: rotate(43.2deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(3):before, .circle:nth-child(25) .content:nth-child(3):after {        width: 33px;        height: 20px;        -webkit-clip-path: polygon(29% 0, 43% 0, 29% 48%);        clip-path: polygon(29% 0, 43% 0, 29% 48%);    }    .circle:nth-child(25) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(25) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 9% 0, 52% 48%);        clip-path: polygon(34% 0, 9% 0, 52% 48%);        background: #13ecec;        transform: rotate(57.6deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(4):before, .circle:nth-child(25) .content:nth-child(4):after {        width: 22px;        height: 24px;        -webkit-clip-path: polygon(7% 0, 15% 0, 90% 48%);        clip-path: polygon(7% 0, 15% 0, 90% 48%);    }    .circle:nth-child(25) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #85629d;    }    .circle:nth-child(25) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 49% 0, 63% 48%);        clip-path: polygon(11% 0, 49% 0, 63% 48%);        background: #5ea1a1;        transform: rotate(72deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(5):before, .circle:nth-child(25) .content:nth-child(5):after {        width: 9px;        height: 29px;        -webkit-clip-path: polygon(84% 0, 33% 0, 94% 48%);        clip-path: polygon(84% 0, 33% 0, 94% 48%);    }    .circle:nth-child(25) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(25) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 64% 0, 46% 48%);        clip-path: polygon(51% 0, 64% 0, 46% 48%);        background: #53acac;        transform: rotate(86.4deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(6):before, .circle:nth-child(25) .content:nth-child(6):after {        width: 80px;        height: 3px;        -webkit-clip-path: polygon(4% 0, 98% 0, 57% 48%);        clip-path: polygon(4% 0, 98% 0, 57% 48%);    }    .circle:nth-child(25) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8d3ec1;    }    .circle:nth-child(25) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 88% 0, 60% 48%);        clip-path: polygon(51% 0, 88% 0, 60% 48%);        background: #08f7f7;        transform: rotate(100.8deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(7):before, .circle:nth-child(25) .content:nth-child(7):after {        width: 21px;        height: 26px;        -webkit-clip-path: polygon(29% 0, 8% 0, 13% 48%);        clip-path: polygon(29% 0, 8% 0, 13% 48%);    }    .circle:nth-child(25) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8857a8;    }    .circle:nth-child(25) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(85% 0, 98% 0, 48% 48%);        clip-path: polygon(85% 0, 98% 0, 48% 48%);        background: #54abab;        transform: rotate(115.2deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(8):before, .circle:nth-child(25) .content:nth-child(8):after {        width: 50px;        height: 23px;        -webkit-clip-path: polygon(27% 0, 14% 0, 90% 48%);        clip-path: polygon(27% 0, 14% 0, 90% 48%);    }    .circle:nth-child(25) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #902bd4;    }    .circle:nth-child(25) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(79% 0, 9% 0, 49% 48%);        clip-path: polygon(79% 0, 9% 0, 49% 48%);        background: #5ba4a4;        transform: rotate(129.6deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(9):before, .circle:nth-child(25) .content:nth-child(9):after {        width: 96px;        height: 30px;        -webkit-clip-path: polygon(88% 0, 77% 0, 13% 48%);        clip-path: polygon(88% 0, 77% 0, 13% 48%);    }    .circle:nth-child(25) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #82718e;    }    .circle:nth-child(25) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(96% 0, 45% 0, 96% 48%);        clip-path: polygon(96% 0, 45% 0, 96% 48%);        background: #1ae6e6;        transform: rotate(144deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(10):before, .circle:nth-child(25) .content:nth-child(10):after {        width: 37px;        height: 48px;        -webkit-clip-path: polygon(8% 0, 55% 0, 96% 48%);        clip-path: polygon(8% 0, 55% 0, 96% 48%);    }    .circle:nth-child(25) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(25) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(96% 0, 63% 0, 51% 48%);        clip-path: polygon(96% 0, 63% 0, 51% 48%);        background: #738c8c;        transform: rotate(158.4deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(11):before, .circle:nth-child(25) .content:nth-child(11):after {        width: 99px;        height: 39px;        -webkit-clip-path: polygon(83% 0, 94% 0, 45% 48%);        clip-path: polygon(83% 0, 94% 0, 45% 48%);    }    .circle:nth-child(25) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(25) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(82% 0, 71% 0, 81% 48%);        clip-path: polygon(82% 0, 71% 0, 81% 48%);        background: #2ad5d5;        transform: rotate(172.8deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(12):before, .circle:nth-child(25) .content:nth-child(12):after {        width: 61px;        height: 38px;        -webkit-clip-path: polygon(71% 0, 63% 0, 82% 48%);        clip-path: polygon(71% 0, 63% 0, 82% 48%);    }    .circle:nth-child(25) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #836c93;    }    .circle:nth-child(25) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(84% 0, 66% 0, 17% 48%);        clip-path: polygon(84% 0, 66% 0, 17% 48%);        background: #0ff0f0;        transform: rotate(187.2deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(13):before, .circle:nth-child(25) .content:nth-child(13):after {        width: 58px;        height: 5px;        -webkit-clip-path: polygon(39% 0, 21% 0, 24% 48%);        clip-path: polygon(39% 0, 21% 0, 24% 48%);    }    .circle:nth-child(25) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #8d3bc4;    }    .circle:nth-child(25) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(3% 0, 37% 0, 3% 48%);        clip-path: polygon(3% 0, 37% 0, 3% 48%);        background: #11eeee;        transform: rotate(201.6deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(14):before, .circle:nth-child(25) .content:nth-child(14):after {        width: 96px;        height: 12px;        -webkit-clip-path: polygon(89% 0, 99% 0, 75% 48%);        clip-path: polygon(89% 0, 99% 0, 75% 48%);    }    .circle:nth-child(25) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9224db;    }    .circle:nth-child(25) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(75% 0, 31% 0, 93% 48%);        clip-path: polygon(75% 0, 31% 0, 93% 48%);        background: #49b6b6;        transform: rotate(216deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(15):before, .circle:nth-child(25) .content:nth-child(15):after {        width: 93px;        height: 27px;        -webkit-clip-path: polygon(21% 0, 76% 0, 63% 48%);        clip-path: polygon(21% 0, 76% 0, 63% 48%);    }    .circle:nth-child(25) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #85659a;    }    .circle:nth-child(25) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(80% 0, 19% 0, 81% 48%);        clip-path: polygon(80% 0, 19% 0, 81% 48%);        background: #2bd4d4;        transform: rotate(230.4deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(16):before, .circle:nth-child(25) .content:nth-child(16):after {        width: 97px;        height: 40px;        -webkit-clip-path: polygon(27% 0, 37% 0, 68% 48%);        clip-path: polygon(27% 0, 37% 0, 68% 48%);    }    .circle:nth-child(25) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(25) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(70% 0, 4% 0, 3% 48%);        clip-path: polygon(70% 0, 4% 0, 3% 48%);        background: #11eeee;        transform: rotate(244.8deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(17):before, .circle:nth-child(25) .content:nth-child(17):after {        width: 10px;        height: 32px;        -webkit-clip-path: polygon(91% 0, 65% 0, 31% 48%);        clip-path: polygon(91% 0, 65% 0, 31% 48%);    }    .circle:nth-child(25) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #8854ab;    }    .circle:nth-child(25) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(38% 0, 43% 0, 31% 48%);        clip-path: polygon(38% 0, 43% 0, 31% 48%);        background: #33cccc;        transform: rotate(259.2deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(18):before, .circle:nth-child(25) .content:nth-child(18):after {        width: 22px;        height: 37px;        -webkit-clip-path: polygon(15% 0, 6% 0, 91% 48%);        clip-path: polygon(15% 0, 6% 0, 91% 48%);    }    .circle:nth-child(25) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #9805fa;    }    .circle:nth-child(25) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(89% 0, 62% 0, 60% 48%);        clip-path: polygon(89% 0, 62% 0, 60% 48%);        background: #17e8e8;        transform: rotate(273.6deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(19):before, .circle:nth-child(25) .content:nth-child(19):after {        width: 62px;        height: 20px;        -webkit-clip-path: polygon(39% 0, 59% 0, 17% 48%);        clip-path: polygon(39% 0, 59% 0, 17% 48%);    }    .circle:nth-child(25) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #8e37c8;    }    .circle:nth-child(25) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(83% 0, 83% 0, 42% 48%);        clip-path: polygon(83% 0, 83% 0, 42% 48%);        background: #21dede;        transform: rotate(288deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(20):before, .circle:nth-child(25) .content:nth-child(20):after {        width: 63px;        height: 36px;        -webkit-clip-path: polygon(98% 0, 92% 0, 38% 48%);        clip-path: polygon(98% 0, 92% 0, 38% 48%);    }    .circle:nth-child(25) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #85639c;    }    .circle:nth-child(25) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 95% 0, 35% 48%);        clip-path: polygon(81% 0, 95% 0, 35% 48%);        background: #0df2f2;        transform: rotate(302.4deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(21):before, .circle:nth-child(25) .content:nth-child(21):after {        width: 81px;        height: 19px;        -webkit-clip-path: polygon(20% 0, 91% 0, 101% 48%);        clip-path: polygon(20% 0, 91% 0, 101% 48%);    }    .circle:nth-child(25) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #941ae6;    }    .circle:nth-child(25) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 8% 0, 55% 48%);        clip-path: polygon(4% 0, 8% 0, 55% 48%);        background: #09f6f6;        transform: rotate(316.8deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(22):before, .circle:nth-child(25) .content:nth-child(22):after {        width: 57px;        height: 27px;        -webkit-clip-path: polygon(22% 0, 82% 0, 29% 48%);        clip-path: polygon(22% 0, 82% 0, 29% 48%);    }    .circle:nth-child(25) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #894eb1;    }    .circle:nth-child(25) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(16% 0, 5% 0, 80% 48%);        clip-path: polygon(16% 0, 5% 0, 80% 48%);        background: #05fafa;        transform: rotate(331.2deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(23):before, .circle:nth-child(25) .content:nth-child(23):after {        width: 92px;        height: 42px;        -webkit-clip-path: polygon(19% 0, 71% 0, 75% 48%);        clip-path: polygon(19% 0, 71% 0, 75% 48%);    }    .circle:nth-child(25) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(25) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 88% 0, 87% 48%);        clip-path: polygon(57% 0, 88% 0, 87% 48%);        background: #20dfdf;        transform: rotate(345.6deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(24):before, .circle:nth-child(25) .content:nth-child(24):after {        width: 56px;        height: 1px;        -webkit-clip-path: polygon(19% 0, 77% 0, 40% 48%);        clip-path: polygon(19% 0, 77% 0, 40% 48%);    }    .circle:nth-child(25) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8e37c8;    }    .circle:nth-child(25) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(73% 0, 57% 0, 60% 48%);        clip-path: polygon(73% 0, 57% 0, 60% 48%);        background: #55aaaa;        transform: rotate(360deg) translate(0, 100px);    }    .circle:nth-child(25) .content:nth-child(25):before, .circle:nth-child(25) .content:nth-child(25):after {        width: 89px;        height: 1px;        -webkit-clip-path: polygon(95% 0, 33% 0, 13% 48%);        clip-path: polygon(95% 0, 33% 0, 13% 48%);    }    .circle:nth-child(25) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(25) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(26) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 390px;        left: 83.72px;        -webkit-animation: rotate 28s linear infinite;        animation: rotate 28s linear infinite;    }    .circle:nth-child(26) .content {        position: absolute;        width: 5px;        height: 32px;        top: 40%;        left: 40%;    }    .circle:nth-child(26) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(33% 0, 49% 0, 47% 48%);        clip-path: polygon(33% 0, 49% 0, 47% 48%);        background: #1be4e4;        transform: rotate(14.4deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(1):before, .circle:nth-child(26) .content:nth-child(1):after {        width: 70px;        height: 48px;        -webkit-clip-path: polygon(31% 0, 76% 0, 52% 48%);        clip-path: polygon(31% 0, 76% 0, 52% 48%);    }    .circle:nth-child(26) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8b47b8;    }    .circle:nth-child(26) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(88% 0, 97% 0, 26% 48%);        clip-path: polygon(88% 0, 97% 0, 26% 48%);        background: #30cfcf;        transform: rotate(28.8deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(2):before, .circle:nth-child(26) .content:nth-child(2):after {        width: 50px;        height: 36px;        -webkit-clip-path: polygon(52% 0, 53% 0, 17% 48%);        clip-path: polygon(52% 0, 53% 0, 17% 48%);    }    .circle:nth-child(26) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #902bd4;    }    .circle:nth-child(26) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 61% 0, 57% 48%);        clip-path: polygon(67% 0, 61% 0, 57% 48%);        background: #2ed1d1;        transform: rotate(43.2deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(3):before, .circle:nth-child(26) .content:nth-child(3):after {        width: 66px;        height: 19px;        -webkit-clip-path: polygon(36% 0, 54% 0, 52% 48%);        clip-path: polygon(36% 0, 54% 0, 52% 48%);    }    .circle:nth-child(26) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #960ef1;    }    .circle:nth-child(26) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(54% 0, 70% 0, 40% 48%);        clip-path: polygon(54% 0, 70% 0, 40% 48%);        background: #11eeee;        transform: rotate(57.6deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(4):before, .circle:nth-child(26) .content:nth-child(4):after {        width: 18px;        height: 19px;        -webkit-clip-path: polygon(32% 0, 97% 0, 77% 48%);        clip-path: polygon(32% 0, 97% 0, 77% 48%);    }    .circle:nth-child(26) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #8e36c9;    }    .circle:nth-child(26) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(30% 0, 24% 0, 78% 48%);        clip-path: polygon(30% 0, 24% 0, 78% 48%);        background: #2bd4d4;        transform: rotate(72deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(5):before, .circle:nth-child(26) .content:nth-child(5):after {        width: 88px;        height: 47px;        -webkit-clip-path: polygon(62% 0, 56% 0, 9% 48%);        clip-path: polygon(62% 0, 56% 0, 9% 48%);    }    .circle:nth-child(26) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(26) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 14% 0, 37% 48%);        clip-path: polygon(101% 0, 14% 0, 37% 48%);        background: #6f9090;        transform: rotate(86.4deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(6):before, .circle:nth-child(26) .content:nth-child(6):after {        width: 43px;        height: 25px;        -webkit-clip-path: polygon(74% 0, 92% 0, 71% 48%);        clip-path: polygon(74% 0, 92% 0, 71% 48%);    }    .circle:nth-child(26) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #9222dd;    }    .circle:nth-child(26) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(61% 0, 66% 0, 81% 48%);        clip-path: polygon(61% 0, 66% 0, 81% 48%);        background: #54abab;        transform: rotate(100.8deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(7):before, .circle:nth-child(26) .content:nth-child(7):after {        width: 41px;        height: 15px;        -webkit-clip-path: polygon(93% 0, 47% 0, 99% 48%);        clip-path: polygon(93% 0, 47% 0, 99% 48%);    }    .circle:nth-child(26) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #856699;    }    .circle:nth-child(26) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(76% 0, 46% 0, 84% 48%);        clip-path: polygon(76% 0, 46% 0, 84% 48%);        background: #3bc4c4;        transform: rotate(115.2deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(8):before, .circle:nth-child(26) .content:nth-child(8):after {        width: 78px;        height: 6px;        -webkit-clip-path: polygon(74% 0, 28% 0, 101% 48%);        clip-path: polygon(74% 0, 28% 0, 101% 48%);    }    .circle:nth-child(26) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(26) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(100% 0, 58% 0, 72% 48%);        clip-path: polygon(100% 0, 58% 0, 72% 48%);        background: #0bf4f4;        transform: rotate(129.6deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(9):before, .circle:nth-child(26) .content:nth-child(9):after {        width: 61px;        height: 34px;        -webkit-clip-path: polygon(41% 0, 16% 0, 9% 48%);        clip-path: polygon(41% 0, 16% 0, 9% 48%);    }    .circle:nth-child(26) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(26) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(74% 0, 5% 0, 57% 48%);        clip-path: polygon(74% 0, 5% 0, 57% 48%);        background: #12eded;        transform: rotate(144deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(10):before, .circle:nth-child(26) .content:nth-child(10):after {        width: 13px;        height: 39px;        -webkit-clip-path: polygon(60% 0, 48% 0, 78% 48%);        clip-path: polygon(60% 0, 48% 0, 78% 48%);    }    .circle:nth-child(26) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #865ea1;    }    .circle:nth-child(26) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(22% 0, 3% 0, 83% 48%);        clip-path: polygon(22% 0, 3% 0, 83% 48%);        background: #0ff0f0;        transform: rotate(158.4deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(11):before, .circle:nth-child(26) .content:nth-child(11):after {        width: 47px;        height: 2px;        -webkit-clip-path: polygon(97% 0, 75% 0, 50% 48%);        clip-path: polygon(97% 0, 75% 0, 50% 48%);    }    .circle:nth-child(26) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #9513ec;    }    .circle:nth-child(26) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 96% 0, 87% 48%);        clip-path: polygon(57% 0, 96% 0, 87% 48%);        background: #0df2f2;        transform: rotate(172.8deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(12):before, .circle:nth-child(26) .content:nth-child(12):after {        width: 44px;        height: 37px;        -webkit-clip-path: polygon(59% 0, 93% 0, 60% 48%);        clip-path: polygon(59% 0, 93% 0, 60% 48%);    }    .circle:nth-child(26) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(26) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(50% 0, 15% 0, 79% 48%);        clip-path: polygon(50% 0, 15% 0, 79% 48%);        background: #6c9393;        transform: rotate(187.2deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(13):before, .circle:nth-child(26) .content:nth-child(13):after {        width: 25px;        height: 38px;        -webkit-clip-path: polygon(28% 0, 10% 0, 71% 48%);        clip-path: polygon(28% 0, 10% 0, 71% 48%);    }    .circle:nth-child(26) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #8854ab;    }    .circle:nth-child(26) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 49% 0, 46% 48%);        clip-path: polygon(55% 0, 49% 0, 46% 48%);        background: #2ad5d5;        transform: rotate(201.6deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(14):before, .circle:nth-child(26) .content:nth-child(14):after {        width: 94px;        height: 48px;        -webkit-clip-path: polygon(100% 0, 82% 0, 33% 48%);        clip-path: polygon(100% 0, 82% 0, 33% 48%);    }    .circle:nth-child(26) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9417e8;    }    .circle:nth-child(26) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(56% 0, 35% 0, 78% 48%);        clip-path: polygon(56% 0, 35% 0, 78% 48%);        background: #12eded;        transform: rotate(216deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(15):before, .circle:nth-child(26) .content:nth-child(15):after {        width: 53px;        height: 40px;        -webkit-clip-path: polygon(37% 0, 52% 0, 101% 48%);        clip-path: polygon(37% 0, 52% 0, 101% 48%);    }    .circle:nth-child(26) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #82758a;    }    .circle:nth-child(26) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(36% 0, 15% 0, 34% 48%);        clip-path: polygon(36% 0, 15% 0, 34% 48%);        background: #4eb1b1;        transform: rotate(230.4deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(16):before, .circle:nth-child(26) .content:nth-child(16):after {        width: 31px;        height: 45px;        -webkit-clip-path: polygon(23% 0, 53% 0, 72% 48%);        clip-path: polygon(23% 0, 53% 0, 72% 48%);    }    .circle:nth-child(26) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(26) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(39% 0, 3% 0, 44% 48%);        clip-path: polygon(39% 0, 3% 0, 44% 48%);        background: #0ef1f1;        transform: rotate(244.8deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(17):before, .circle:nth-child(26) .content:nth-child(17):after {        width: 80px;        height: 33px;        -webkit-clip-path: polygon(91% 0, 55% 0, 14% 48%);        clip-path: polygon(91% 0, 55% 0, 14% 48%);    }    .circle:nth-child(26) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #8e37c8;    }    .circle:nth-child(26) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(31% 0, 96% 0, 33% 48%);        clip-path: polygon(31% 0, 96% 0, 33% 48%);        background: #50afaf;        transform: rotate(259.2deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(18):before, .circle:nth-child(26) .content:nth-child(18):after {        width: 80px;        height: 41px;        -webkit-clip-path: polygon(95% 0, 46% 0, 16% 48%);        clip-path: polygon(95% 0, 46% 0, 16% 48%);    }    .circle:nth-child(26) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #807d82;    }    .circle:nth-child(26) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(6% 0, 34% 0, 10% 48%);        clip-path: polygon(6% 0, 34% 0, 10% 48%);        background: #34cbcb;        transform: rotate(273.6deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(19):before, .circle:nth-child(26) .content:nth-child(19):after {        width: 36px;        height: 2px;        -webkit-clip-path: polygon(75% 0, 12% 0, 7% 48%);        clip-path: polygon(75% 0, 12% 0, 7% 48%);    }    .circle:nth-child(26) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #8d3bc4;    }    .circle:nth-child(26) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(50% 0, 15% 0, 100% 48%);        clip-path: polygon(50% 0, 15% 0, 100% 48%);        background: #6c9393;        transform: rotate(288deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(20):before, .circle:nth-child(26) .content:nth-child(20):after {        width: 30px;        height: 22px;        -webkit-clip-path: polygon(87% 0, 25% 0, 37% 48%);        clip-path: polygon(87% 0, 25% 0, 37% 48%);    }    .circle:nth-child(26) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(26) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 77% 0, 64% 48%);        clip-path: polygon(11% 0, 77% 0, 64% 48%);        background: #14ebeb;        transform: rotate(302.4deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(21):before, .circle:nth-child(26) .content:nth-child(21):after {        width: 82px;        height: 19px;        -webkit-clip-path: polygon(50% 0, 93% 0, 92% 48%);        clip-path: polygon(50% 0, 93% 0, 92% 48%);    }    .circle:nth-child(26) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(26) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(38% 0, 34% 0, 2% 48%);        clip-path: polygon(38% 0, 34% 0, 2% 48%);        background: #6c9393;        transform: rotate(316.8deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(22):before, .circle:nth-child(26) .content:nth-child(22):after {        width: 38px;        height: 8px;        -webkit-clip-path: polygon(52% 0, 83% 0, 99% 48%);        clip-path: polygon(52% 0, 83% 0, 99% 48%);    }    .circle:nth-child(26) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #912ad5;    }    .circle:nth-child(26) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(64% 0, 28% 0, 9% 48%);        clip-path: polygon(64% 0, 28% 0, 9% 48%);        background: #659a9a;        transform: rotate(331.2deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(23):before, .circle:nth-child(26) .content:nth-child(23):after {        width: 31px;        height: 12px;        -webkit-clip-path: polygon(91% 0, 32% 0, 54% 48%);        clip-path: polygon(91% 0, 32% 0, 54% 48%);    }    .circle:nth-child(26) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #931de2;    }    .circle:nth-child(26) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(58% 0, 35% 0, 44% 48%);        clip-path: polygon(58% 0, 35% 0, 44% 48%);        background: #708f8f;        transform: rotate(345.6deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(24):before, .circle:nth-child(26) .content:nth-child(24):after {        width: 78px;        height: 4px;        -webkit-clip-path: polygon(42% 0, 19% 0, 23% 48%);        clip-path: polygon(42% 0, 19% 0, 23% 48%);    }    .circle:nth-child(26) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(26) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(61% 0, 44% 0, 91% 48%);        clip-path: polygon(61% 0, 44% 0, 91% 48%);        background: #13ecec;        transform: rotate(360deg) translate(0, 90px);    }    .circle:nth-child(26) .content:nth-child(25):before, .circle:nth-child(26) .content:nth-child(25):after {        width: 37px;        height: 30px;        -webkit-clip-path: polygon(65% 0, 27% 0, 32% 48%);        clip-path: polygon(65% 0, 27% 0, 32% 48%);    }    .circle:nth-child(26) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(26) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(27) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 405px;        left: 86.94px;        -webkit-animation: rotate-reverse 37s linear infinite;        animation: rotate-reverse 37s linear infinite;    }    .circle:nth-child(27) .content {        position: absolute;        width: 119px;        height: 20px;        top: 40%;        left: 40%;    }    .circle:nth-child(27) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(14% 0, 4% 0, 75% 48%);        clip-path: polygon(14% 0, 4% 0, 75% 48%);        background: #7c8383;        transform: rotate(14.4deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(1):before, .circle:nth-child(27) .content:nth-child(1):after {        width: 50px;        height: 28px;        -webkit-clip-path: polygon(9% 0, 17% 0, 96% 48%);        clip-path: polygon(9% 0, 17% 0, 96% 48%);    }    .circle:nth-child(27) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(27) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(5% 0, 80% 0, 46% 48%);        clip-path: polygon(5% 0, 80% 0, 46% 48%);        background: #2dd2d2;        transform: rotate(28.8deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(2):before, .circle:nth-child(27) .content:nth-child(2):after {        width: 89px;        height: 41px;        -webkit-clip-path: polygon(26% 0, 77% 0, 21% 48%);        clip-path: polygon(26% 0, 77% 0, 21% 48%);    }    .circle:nth-child(27) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(27) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(35% 0, 56% 0, 53% 48%);        clip-path: polygon(35% 0, 56% 0, 53% 48%);        background: #758a8a;        transform: rotate(43.2deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(3):before, .circle:nth-child(27) .content:nth-child(3):after {        width: 42px;        height: 41px;        -webkit-clip-path: polygon(67% 0, 64% 0, 55% 48%);        clip-path: polygon(67% 0, 64% 0, 55% 48%);    }    .circle:nth-child(27) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #8854ab;    }    .circle:nth-child(27) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(69% 0, 10% 0, 48% 48%);        clip-path: polygon(69% 0, 10% 0, 48% 48%);        background: #46b9b9;        transform: rotate(57.6deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(4):before, .circle:nth-child(27) .content:nth-child(4):after {        width: 71px;        height: 30px;        -webkit-clip-path: polygon(56% 0, 89% 0, 35% 48%);        clip-path: polygon(56% 0, 89% 0, 35% 48%);    }    .circle:nth-child(27) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #807d82;    }    .circle:nth-child(27) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 24% 0, 94% 48%);        clip-path: polygon(81% 0, 24% 0, 94% 48%);        background: #32cdcd;        transform: rotate(72deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(5):before, .circle:nth-child(27) .content:nth-child(5):after {        width: 15px;        height: 48px;        -webkit-clip-path: polygon(99% 0, 66% 0, 36% 48%);        clip-path: polygon(99% 0, 66% 0, 36% 48%);    }    .circle:nth-child(27) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #9901fe;    }    .circle:nth-child(27) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(63% 0, 24% 0, 7% 48%);        clip-path: polygon(63% 0, 24% 0, 7% 48%);        background: #7d8282;        transform: rotate(86.4deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(6):before, .circle:nth-child(27) .content:nth-child(6):after {        width: 92px;        height: 18px;        -webkit-clip-path: polygon(58% 0, 82% 0, 22% 48%);        clip-path: polygon(58% 0, 82% 0, 22% 48%);    }    .circle:nth-child(27) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #836e91;    }    .circle:nth-child(27) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(94% 0, 39% 0, 100% 48%);        clip-path: polygon(94% 0, 39% 0, 100% 48%);        background: #21dede;        transform: rotate(100.8deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(7):before, .circle:nth-child(27) .content:nth-child(7):after {        width: 50px;        height: 1px;        -webkit-clip-path: polygon(83% 0, 74% 0, 68% 48%);        clip-path: polygon(83% 0, 74% 0, 68% 48%);    }    .circle:nth-child(27) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(27) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(65% 0, 98% 0, 7% 48%);        clip-path: polygon(65% 0, 98% 0, 7% 48%);        background: #7d8282;        transform: rotate(115.2deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(8):before, .circle:nth-child(27) .content:nth-child(8):after {        width: 18px;        height: 45px;        -webkit-clip-path: polygon(26% 0, 49% 0, 24% 48%);        clip-path: polygon(26% 0, 49% 0, 24% 48%);    }    .circle:nth-child(27) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(27) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 14% 0, 32% 48%);        clip-path: polygon(34% 0, 14% 0, 32% 48%);        background: #09f6f6;        transform: rotate(129.6deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(9):before, .circle:nth-child(27) .content:nth-child(9):after {        width: 55px;        height: 37px;        -webkit-clip-path: polygon(44% 0, 66% 0, 87% 48%);        clip-path: polygon(44% 0, 66% 0, 87% 48%);    }    .circle:nth-child(27) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(27) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 36% 0, 80% 48%);        clip-path: polygon(51% 0, 36% 0, 80% 48%);        background: #5ca3a3;        transform: rotate(144deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(10):before, .circle:nth-child(27) .content:nth-child(10):after {        width: 80px;        height: 43px;        -webkit-clip-path: polygon(70% 0, 101% 0, 7% 48%);        clip-path: polygon(70% 0, 101% 0, 7% 48%);    }    .circle:nth-child(27) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #817788;    }    .circle:nth-child(27) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(7% 0, 37% 0, 34% 48%);        clip-path: polygon(7% 0, 37% 0, 34% 48%);        background: #1ae6e6;        transform: rotate(158.4deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(11):before, .circle:nth-child(27) .content:nth-child(11):after {        width: 54px;        height: 19px;        -webkit-clip-path: polygon(32% 0, 3% 0, 31% 48%);        clip-path: polygon(32% 0, 3% 0, 31% 48%);    }    .circle:nth-child(27) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(27) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 9% 0, 4% 48%);        clip-path: polygon(51% 0, 9% 0, 4% 48%);        background: #2bd4d4;        transform: rotate(172.8deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(12):before, .circle:nth-child(27) .content:nth-child(12):after {        width: 46px;        height: 30px;        -webkit-clip-path: polygon(22% 0, 73% 0, 24% 48%);        clip-path: polygon(22% 0, 73% 0, 24% 48%);    }    .circle:nth-child(27) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #9512ed;    }    .circle:nth-child(27) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(93% 0, 50% 0, 99% 48%);        clip-path: polygon(93% 0, 50% 0, 99% 48%);        background: #1be4e4;        transform: rotate(187.2deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(13):before, .circle:nth-child(27) .content:nth-child(13):after {        width: 27px;        height: 11px;        -webkit-clip-path: polygon(31% 0, 28% 0, 70% 48%);        clip-path: polygon(31% 0, 28% 0, 70% 48%);    }    .circle:nth-child(27) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #8a4bb4;    }    .circle:nth-child(27) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(8% 0, 13% 0, 89% 48%);        clip-path: polygon(8% 0, 13% 0, 89% 48%);        background: #04fbfb;        transform: rotate(201.6deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(14):before, .circle:nth-child(27) .content:nth-child(14):after {        width: 63px;        height: 8px;        -webkit-clip-path: polygon(59% 0, 45% 0, 58% 48%);        clip-path: polygon(59% 0, 45% 0, 58% 48%);    }    .circle:nth-child(27) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(27) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(40% 0, 63% 0, 25% 48%);        clip-path: polygon(40% 0, 63% 0, 25% 48%);        background: #778888;        transform: rotate(216deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(15):before, .circle:nth-child(27) .content:nth-child(15):after {        width: 53px;        height: 33px;        -webkit-clip-path: polygon(56% 0, 38% 0, 81% 48%);        clip-path: polygon(56% 0, 38% 0, 81% 48%);    }    .circle:nth-child(27) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(27) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(73% 0, 25% 0, 73% 48%);        clip-path: polygon(73% 0, 25% 0, 73% 48%);        background: #659a9a;        transform: rotate(230.4deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(16):before, .circle:nth-child(27) .content:nth-child(16):after {        width: 79px;        height: 35px;        -webkit-clip-path: polygon(17% 0, 29% 0, 30% 48%);        clip-path: polygon(17% 0, 29% 0, 30% 48%);    }    .circle:nth-child(27) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #8d3bc4;    }    .circle:nth-child(27) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(79% 0, 31% 0, 80% 48%);        clip-path: polygon(79% 0, 31% 0, 80% 48%);        background: #679898;        transform: rotate(244.8deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(17):before, .circle:nth-child(27) .content:nth-child(17):after {        width: 12px;        height: 28px;        -webkit-clip-path: polygon(75% 0, 77% 0, 45% 48%);        clip-path: polygon(75% 0, 77% 0, 45% 48%);    }    .circle:nth-child(27) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #846798;    }    .circle:nth-child(27) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(24% 0, 24% 0, 80% 48%);        clip-path: polygon(24% 0, 24% 0, 80% 48%);        background: #04fbfb;        transform: rotate(259.2deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(18):before, .circle:nth-child(27) .content:nth-child(18):after {        width: 16px;        height: 16px;        -webkit-clip-path: polygon(35% 0, 65% 0, 22% 48%);        clip-path: polygon(35% 0, 65% 0, 22% 48%);    }    .circle:nth-child(27) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(27) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(80% 0, 82% 0, 25% 48%);        clip-path: polygon(80% 0, 82% 0, 25% 48%);        background: #38c7c7;        transform: rotate(273.6deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(19):before, .circle:nth-child(27) .content:nth-child(19):after {        width: 42px;        height: 17px;        -webkit-clip-path: polygon(9% 0, 43% 0, 12% 48%);        clip-path: polygon(9% 0, 43% 0, 12% 48%);    }    .circle:nth-child(27) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #9611ee;    }    .circle:nth-child(27) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(5% 0, 51% 0, 96% 48%);        clip-path: polygon(5% 0, 51% 0, 96% 48%);        background: #25dada;        transform: rotate(288deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(20):before, .circle:nth-child(27) .content:nth-child(20):after {        width: 63px;        height: 15px;        -webkit-clip-path: polygon(95% 0, 5% 0, 37% 48%);        clip-path: polygon(95% 0, 5% 0, 37% 48%);    }    .circle:nth-child(27) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(27) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(85% 0, 47% 0, 54% 48%);        clip-path: polygon(85% 0, 47% 0, 54% 48%);        background: #41bebe;        transform: rotate(302.4deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(21):before, .circle:nth-child(27) .content:nth-child(21):after {        width: 8px;        height: 9px;        -webkit-clip-path: polygon(23% 0, 3% 0, 18% 48%);        clip-path: polygon(23% 0, 3% 0, 18% 48%);    }    .circle:nth-child(27) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #9418e7;    }    .circle:nth-child(27) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(46% 0, 44% 0, 28% 48%);        clip-path: polygon(46% 0, 44% 0, 28% 48%);        background: #05fafa;        transform: rotate(316.8deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(22):before, .circle:nth-child(27) .content:nth-child(22):after {        width: 49px;        height: 26px;        -webkit-clip-path: polygon(57% 0, 85% 0, 75% 48%);        clip-path: polygon(57% 0, 85% 0, 75% 48%);    }    .circle:nth-child(27) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9512ed;    }    .circle:nth-child(27) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(30% 0, 50% 0, 67% 48%);        clip-path: polygon(30% 0, 50% 0, 67% 48%);        background: #7e8181;        transform: rotate(331.2deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(23):before, .circle:nth-child(27) .content:nth-child(23):after {        width: 62px;        height: 27px;        -webkit-clip-path: polygon(92% 0, 40% 0, 87% 48%);        clip-path: polygon(92% 0, 40% 0, 87% 48%);    }    .circle:nth-child(27) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(27) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(11% 0, 53% 0, 69% 48%);        clip-path: polygon(11% 0, 53% 0, 69% 48%);        background: #6b9494;        transform: rotate(345.6deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(24):before, .circle:nth-child(27) .content:nth-child(24):after {        width: 85px;        height: 46px;        -webkit-clip-path: polygon(22% 0, 39% 0, 20% 48%);        clip-path: polygon(22% 0, 39% 0, 20% 48%);    }    .circle:nth-child(27) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8f34cb;    }    .circle:nth-child(27) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(60% 0, 41% 0, 99% 48%);        clip-path: polygon(60% 0, 41% 0, 99% 48%);        background: #758a8a;        transform: rotate(360deg) translate(0, 80px);    }    .circle:nth-child(27) .content:nth-child(25):before, .circle:nth-child(27) .content:nth-child(25):after {        width: 82px;        height: 3px;        -webkit-clip-path: polygon(29% 0, 32% 0, 63% 48%);        clip-path: polygon(29% 0, 32% 0, 63% 48%);    }    .circle:nth-child(27) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(27) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(28) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 420px;        left: 90.16px;        -webkit-animation: rotate 32s linear infinite;        animation: rotate 32s linear infinite;    }    .circle:nth-child(28) .content {        position: absolute;        width: 102px;        height: 12px;        top: 40%;        left: 40%;    }    .circle:nth-child(28) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(92% 0, 66% 0, 6% 48%);        clip-path: polygon(92% 0, 66% 0, 6% 48%);        background: #3ec1c1;        transform: rotate(14.4deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(1):before, .circle:nth-child(28) .content:nth-child(1):after {        width: 43px;        height: 49px;        -webkit-clip-path: polygon(83% 0, 70% 0, 38% 48%);        clip-path: polygon(83% 0, 70% 0, 38% 48%);    }    .circle:nth-child(28) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8857a8;    }    .circle:nth-child(28) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 76% 0, 16% 48%);        clip-path: polygon(15% 0, 76% 0, 16% 48%);        background: #17e8e8;        transform: rotate(28.8deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(2):before, .circle:nth-child(28) .content:nth-child(2):after {        width: 11px;        height: 9px;        -webkit-clip-path: polygon(4% 0, 4% 0, 72% 48%);        clip-path: polygon(4% 0, 4% 0, 72% 48%);    }    .circle:nth-child(28) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(28) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(84% 0, 33% 0, 3% 48%);        clip-path: polygon(84% 0, 33% 0, 3% 48%);        background: #49b6b6;        transform: rotate(43.2deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(3):before, .circle:nth-child(28) .content:nth-child(3):after {        width: 97px;        height: 6px;        -webkit-clip-path: polygon(89% 0, 40% 0, 88% 48%);        clip-path: polygon(89% 0, 40% 0, 88% 48%);    }    .circle:nth-child(28) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #9221de;    }    .circle:nth-child(28) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(78% 0, 66% 0, 84% 48%);        clip-path: polygon(78% 0, 66% 0, 84% 48%);        background: #629d9d;        transform: rotate(57.6deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(4):before, .circle:nth-child(28) .content:nth-child(4):after {        width: 45px;        height: 30px;        -webkit-clip-path: polygon(26% 0, 77% 0, 37% 48%);        clip-path: polygon(26% 0, 77% 0, 37% 48%);    }    .circle:nth-child(28) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #8853ac;    }    .circle:nth-child(28) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(61% 0, 14% 0, 97% 48%);        clip-path: polygon(61% 0, 14% 0, 97% 48%);        background: #4fb0b0;        transform: rotate(72deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(5):before, .circle:nth-child(28) .content:nth-child(5):after {        width: 80px;        height: 39px;        -webkit-clip-path: polygon(43% 0, 74% 0, 72% 48%);        clip-path: polygon(43% 0, 74% 0, 72% 48%);    }    .circle:nth-child(28) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8758a7;    }    .circle:nth-child(28) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 94% 0, 31% 48%);        clip-path: polygon(32% 0, 94% 0, 31% 48%);        background: #53acac;        transform: rotate(86.4deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(6):before, .circle:nth-child(28) .content:nth-child(6):after {        width: 53px;        height: 7px;        -webkit-clip-path: polygon(83% 0, 20% 0, 72% 48%);        clip-path: polygon(83% 0, 20% 0, 72% 48%);    }    .circle:nth-child(28) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8c40bf;    }    .circle:nth-child(28) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(71% 0, 34% 0, 80% 48%);        clip-path: polygon(71% 0, 34% 0, 80% 48%);        background: #6c9393;        transform: rotate(100.8deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(7):before, .circle:nth-child(28) .content:nth-child(7):after {        width: 41px;        height: 40px;        -webkit-clip-path: polygon(32% 0, 53% 0, 66% 48%);        clip-path: polygon(32% 0, 53% 0, 66% 48%);    }    .circle:nth-child(28) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #9611ee;    }    .circle:nth-child(28) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(53% 0, 18% 0, 19% 48%);        clip-path: polygon(53% 0, 18% 0, 19% 48%);        background: #3ec1c1;        transform: rotate(115.2deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(8):before, .circle:nth-child(28) .content:nth-child(8):after {        width: 74px;        height: 43px;        -webkit-clip-path: polygon(63% 0, 47% 0, 74% 48%);        clip-path: polygon(63% 0, 47% 0, 74% 48%);    }    .circle:nth-child(28) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #9514eb;    }    .circle:nth-child(28) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(93% 0, 94% 0, 8% 48%);        clip-path: polygon(93% 0, 94% 0, 8% 48%);        background: #16e9e9;        transform: rotate(129.6deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(9):before, .circle:nth-child(28) .content:nth-child(9):after {        width: 80px;        height: 46px;        -webkit-clip-path: polygon(22% 0, 15% 0, 13% 48%);        clip-path: polygon(22% 0, 15% 0, 13% 48%);    }    .circle:nth-child(28) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #846b94;    }    .circle:nth-child(28) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(84% 0, 5% 0, 55% 48%);        clip-path: polygon(84% 0, 5% 0, 55% 48%);        background: #20dfdf;        transform: rotate(144deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(10):before, .circle:nth-child(28) .content:nth-child(10):after {        width: 34px;        height: 31px;        -webkit-clip-path: polygon(5% 0, 18% 0, 47% 48%);        clip-path: polygon(5% 0, 18% 0, 47% 48%);    }    .circle:nth-child(28) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #9126d9;    }    .circle:nth-child(28) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(20% 0, 69% 0, 6% 48%);        clip-path: polygon(20% 0, 69% 0, 6% 48%);        background: #2ed1d1;        transform: rotate(158.4deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(11):before, .circle:nth-child(28) .content:nth-child(11):after {        width: 67px;        height: 10px;        -webkit-clip-path: polygon(20% 0, 89% 0, 64% 48%);        clip-path: polygon(20% 0, 89% 0, 64% 48%);    }    .circle:nth-child(28) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #902bd4;    }    .circle:nth-child(28) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(89% 0, 6% 0, 76% 48%);        clip-path: polygon(89% 0, 6% 0, 76% 48%);        background: #37c8c8;        transform: rotate(172.8deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(12):before, .circle:nth-child(28) .content:nth-child(12):after {        width: 58px;        height: 8px;        -webkit-clip-path: polygon(22% 0, 12% 0, 15% 48%);        clip-path: polygon(22% 0, 12% 0, 15% 48%);    }    .circle:nth-child(28) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(28) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(33% 0, 83% 0, 17% 48%);        clip-path: polygon(33% 0, 83% 0, 17% 48%);        background: #44bbbb;        transform: rotate(187.2deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(13):before, .circle:nth-child(28) .content:nth-child(13):after {        width: 40px;        height: 44px;        -webkit-clip-path: polygon(99% 0, 73% 0, 71% 48%);        clip-path: polygon(99% 0, 73% 0, 71% 48%);    }    .circle:nth-child(28) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #941be4;    }    .circle:nth-child(28) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(29% 0, 80% 0, 99% 48%);        clip-path: polygon(29% 0, 80% 0, 99% 48%);        background: #1ae6e6;        transform: rotate(201.6deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(14):before, .circle:nth-child(28) .content:nth-child(14):after {        width: 93px;        height: 4px;        -webkit-clip-path: polygon(7% 0, 84% 0, 30% 48%);        clip-path: polygon(7% 0, 84% 0, 30% 48%);    }    .circle:nth-child(28) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #9222dd;    }    .circle:nth-child(28) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(63% 0, 19% 0, 26% 48%);        clip-path: polygon(63% 0, 19% 0, 26% 48%);        background: #4ab5b5;        transform: rotate(216deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(15):before, .circle:nth-child(28) .content:nth-child(15):after {        width: 43px;        height: 1px;        -webkit-clip-path: polygon(3% 0, 47% 0, 35% 48%);        clip-path: polygon(3% 0, 47% 0, 35% 48%);    }    .circle:nth-child(28) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #9611ee;    }    .circle:nth-child(28) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(59% 0, 49% 0, 69% 48%);        clip-path: polygon(59% 0, 49% 0, 69% 48%);        background: #758a8a;        transform: rotate(230.4deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(16):before, .circle:nth-child(28) .content:nth-child(16):after {        width: 3px;        height: 13px;        -webkit-clip-path: polygon(39% 0, 9% 0, 89% 48%);        clip-path: polygon(39% 0, 9% 0, 89% 48%);    }    .circle:nth-child(28) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #902ed1;    }    .circle:nth-child(28) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 71% 0, 47% 48%);        clip-path: polygon(15% 0, 71% 0, 47% 48%);        background: #4ab5b5;        transform: rotate(244.8deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(17):before, .circle:nth-child(28) .content:nth-child(17):after {        width: 68px;        height: 45px;        -webkit-clip-path: polygon(40% 0, 90% 0, 12% 48%);        clip-path: polygon(40% 0, 90% 0, 12% 48%);    }    .circle:nth-child(28) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9516e9;    }    .circle:nth-child(28) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(72% 0, 79% 0, 37% 48%);        clip-path: polygon(72% 0, 79% 0, 37% 48%);        background: #4bb4b4;        transform: rotate(259.2deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(18):before, .circle:nth-child(28) .content:nth-child(18):after {        width: 61px;        height: 19px;        -webkit-clip-path: polygon(43% 0, 15% 0, 20% 48%);        clip-path: polygon(43% 0, 15% 0, 20% 48%);    }    .circle:nth-child(28) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #894eb1;    }    .circle:nth-child(28) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(47% 0, 50% 0, 90% 48%);        clip-path: polygon(47% 0, 50% 0, 90% 48%);        background: #28d7d7;        transform: rotate(273.6deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(19):before, .circle:nth-child(28) .content:nth-child(19):after {        width: 45px;        height: 36px;        -webkit-clip-path: polygon(43% 0, 19% 0, 4% 48%);        clip-path: polygon(43% 0, 19% 0, 4% 48%);    }    .circle:nth-child(28) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #8b46b9;    }    .circle:nth-child(28) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(27% 0, 55% 0, 83% 48%);        clip-path: polygon(27% 0, 55% 0, 83% 48%);        background: #639c9c;        transform: rotate(288deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(20):before, .circle:nth-child(28) .content:nth-child(20):after {        width: 91px;        height: 50px;        -webkit-clip-path: polygon(14% 0, 50% 0, 32% 48%);        clip-path: polygon(14% 0, 50% 0, 32% 48%);    }    .circle:nth-child(28) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #902dd2;    }    .circle:nth-child(28) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(75% 0, 21% 0, 55% 48%);        clip-path: polygon(75% 0, 21% 0, 55% 48%);        background: #5ea1a1;        transform: rotate(302.4deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(21):before, .circle:nth-child(28) .content:nth-child(21):after {        width: 56px;        height: 27px;        -webkit-clip-path: polygon(48% 0, 79% 0, 24% 48%);        clip-path: polygon(48% 0, 79% 0, 24% 48%);    }    .circle:nth-child(28) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #960ff0;    }    .circle:nth-child(28) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(84% 0, 94% 0, 15% 48%);        clip-path: polygon(84% 0, 94% 0, 15% 48%);        background: #2bd4d4;        transform: rotate(316.8deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(22):before, .circle:nth-child(28) .content:nth-child(22):after {        width: 47px;        height: 20px;        -webkit-clip-path: polygon(29% 0, 94% 0, 15% 48%);        clip-path: polygon(29% 0, 94% 0, 15% 48%);    }    .circle:nth-child(28) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9806f9;    }    .circle:nth-child(28) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(74% 0, 65% 0, 83% 48%);        clip-path: polygon(74% 0, 65% 0, 83% 48%);        background: #2ed1d1;        transform: rotate(331.2deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(23):before, .circle:nth-child(28) .content:nth-child(23):after {        width: 36px;        height: 42px;        -webkit-clip-path: polygon(51% 0, 2% 0, 90% 48%);        clip-path: polygon(51% 0, 2% 0, 90% 48%);    }    .circle:nth-child(28) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #8b44bb;    }    .circle:nth-child(28) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(46% 0, 13% 0, 38% 48%);        clip-path: polygon(46% 0, 13% 0, 38% 48%);        background: #2bd4d4;        transform: rotate(345.6deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(24):before, .circle:nth-child(28) .content:nth-child(24):after {        width: 15px;        height: 2px;        -webkit-clip-path: polygon(28% 0, 37% 0, 12% 48%);        clip-path: polygon(28% 0, 37% 0, 12% 48%);    }    .circle:nth-child(28) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #8b44bb;    }    .circle:nth-child(28) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(21% 0, 100% 0, 46% 48%);        clip-path: polygon(21% 0, 100% 0, 46% 48%);        background: aqua;        transform: rotate(360deg) translate(0, 70px);    }    .circle:nth-child(28) .content:nth-child(25):before, .circle:nth-child(28) .content:nth-child(25):after {        width: 28px;        height: 14px;        -webkit-clip-path: polygon(57% 0, 75% 0, 30% 48%);        clip-path: polygon(57% 0, 75% 0, 30% 48%);    }    .circle:nth-child(28) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(28) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #931fe0;    }    .circle:nth-child(29) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 435px;        left: 93.38px;        -webkit-animation: rotate 36s linear infinite;        animation: rotate 36s linear infinite;    }    .circle:nth-child(29) .content {        position: absolute;        width: 84px;        height: 5px;        top: 40%;        left: 40%;    }    .circle:nth-child(29) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(39% 0, 94% 0, 12% 48%);        clip-path: polygon(39% 0, 94% 0, 12% 48%);        background: #53acac;        transform: rotate(14.4deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(1):before, .circle:nth-child(29) .content:nth-child(1):after {        width: 9px;        height: 49px;        -webkit-clip-path: polygon(20% 0, 71% 0, 101% 48%);        clip-path: polygon(20% 0, 71% 0, 101% 48%);    }    .circle:nth-child(29) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8b46b9;    }    .circle:nth-child(29) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(52% 0, 44% 0, 24% 48%);        clip-path: polygon(52% 0, 44% 0, 24% 48%);        background: #1ce3e3;        transform: rotate(28.8deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(2):before, .circle:nth-child(29) .content:nth-child(2):after {        width: 47px;        height: 24px;        -webkit-clip-path: polygon(72% 0, 65% 0, 13% 48%);        clip-path: polygon(72% 0, 65% 0, 13% 48%);    }    .circle:nth-child(29) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #9222dd;    }    .circle:nth-child(29) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(50% 0, 82% 0, 36% 48%);        clip-path: polygon(50% 0, 82% 0, 36% 48%);        background: #609f9f;        transform: rotate(43.2deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(3):before, .circle:nth-child(29) .content:nth-child(3):after {        width: 61px;        height: 49px;        -webkit-clip-path: polygon(15% 0, 98% 0, 59% 48%);        clip-path: polygon(15% 0, 98% 0, 59% 48%);    }    .circle:nth-child(29) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(29) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(61% 0, 77% 0, 81% 48%);        clip-path: polygon(61% 0, 77% 0, 81% 48%);        background: #2ad5d5;        transform: rotate(57.6deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(4):before, .circle:nth-child(29) .content:nth-child(4):after {        width: 46px;        height: 14px;        -webkit-clip-path: polygon(40% 0, 37% 0, 71% 48%);        clip-path: polygon(40% 0, 37% 0, 71% 48%);    }    .circle:nth-child(29) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #807d82;    }    .circle:nth-child(29) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(41% 0, 45% 0, 31% 48%);        clip-path: polygon(41% 0, 45% 0, 31% 48%);        background: #3bc4c4;        transform: rotate(72deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(5):before, .circle:nth-child(29) .content:nth-child(5):after {        width: 96px;        height: 13px;        -webkit-clip-path: polygon(40% 0, 36% 0, 25% 48%);        clip-path: polygon(40% 0, 36% 0, 25% 48%);    }    .circle:nth-child(29) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #8e39c6;    }    .circle:nth-child(29) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(70% 0, 30% 0, 33% 48%);        clip-path: polygon(70% 0, 30% 0, 33% 48%);        background: #46b9b9;        transform: rotate(86.4deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(6):before, .circle:nth-child(29) .content:nth-child(6):after {        width: 13px;        height: 6px;        -webkit-clip-path: polygon(52% 0, 61% 0, 56% 48%);        clip-path: polygon(52% 0, 61% 0, 56% 48%);    }    .circle:nth-child(29) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8d3dc2;    }    .circle:nth-child(29) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 58% 0, 93% 48%);        clip-path: polygon(51% 0, 58% 0, 93% 48%);        background: #6b9494;        transform: rotate(100.8deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(7):before, .circle:nth-child(29) .content:nth-child(7):after {        width: 99px;        height: 42px;        -webkit-clip-path: polygon(77% 0, 60% 0, 79% 48%);        clip-path: polygon(77% 0, 60% 0, 79% 48%);    }    .circle:nth-child(29) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #846a95;    }    .circle:nth-child(29) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(4% 0, 53% 0, 92% 48%);        clip-path: polygon(4% 0, 53% 0, 92% 48%);        background: #20dfdf;        transform: rotate(115.2deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(8):before, .circle:nth-child(29) .content:nth-child(8):after {        width: 88px;        height: 36px;        -webkit-clip-path: polygon(92% 0, 51% 0, 82% 48%);        clip-path: polygon(92% 0, 51% 0, 82% 48%);    }    .circle:nth-child(29) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #960df2;    }    .circle:nth-child(29) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(82% 0, 37% 0, 67% 48%);        clip-path: polygon(82% 0, 37% 0, 67% 48%);        background: #3cc3c3;        transform: rotate(129.6deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(9):before, .circle:nth-child(29) .content:nth-child(9):after {        width: 53px;        height: 5px;        -webkit-clip-path: polygon(101% 0, 57% 0, 44% 48%);        clip-path: polygon(101% 0, 57% 0, 44% 48%);    }    .circle:nth-child(29) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #807d82;    }    .circle:nth-child(29) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(75% 0, 64% 0, 76% 48%);        clip-path: polygon(75% 0, 64% 0, 76% 48%);        background: #59a6a6;        transform: rotate(144deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(10):before, .circle:nth-child(29) .content:nth-child(10):after {        width: 10px;        height: 41px;        -webkit-clip-path: polygon(13% 0, 5% 0, 74% 48%);        clip-path: polygon(13% 0, 5% 0, 74% 48%);    }    .circle:nth-child(29) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #960df2;    }    .circle:nth-child(29) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(46% 0, 23% 0, 45% 48%);        clip-path: polygon(46% 0, 23% 0, 45% 48%);        background: #24dbdb;        transform: rotate(158.4deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(11):before, .circle:nth-child(29) .content:nth-child(11):after {        width: 46px;        height: 18px;        -webkit-clip-path: polygon(81% 0, 11% 0, 85% 48%);        clip-path: polygon(81% 0, 11% 0, 85% 48%);    }    .circle:nth-child(29) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8759a6;    }    .circle:nth-child(29) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(21% 0, 3% 0, 11% 48%);        clip-path: polygon(21% 0, 3% 0, 11% 48%);        background: #609f9f;        transform: rotate(172.8deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(12):before, .circle:nth-child(29) .content:nth-child(12):after {        width: 76px;        height: 15px;        -webkit-clip-path: polygon(97% 0, 32% 0, 9% 48%);        clip-path: polygon(97% 0, 32% 0, 9% 48%);    }    .circle:nth-child(29) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #8e39c6;    }    .circle:nth-child(29) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(27% 0, 70% 0, 19% 48%);        clip-path: polygon(27% 0, 70% 0, 19% 48%);        background: #758a8a;        transform: rotate(187.2deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(13):before, .circle:nth-child(29) .content:nth-child(13):after {        width: 36px;        height: 12px;        -webkit-clip-path: polygon(29% 0, 45% 0, 82% 48%);        clip-path: polygon(29% 0, 45% 0, 82% 48%);    }    .circle:nth-child(29) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #9708f7;    }    .circle:nth-child(29) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(42% 0, 91% 0, 75% 48%);        clip-path: polygon(42% 0, 91% 0, 75% 48%);        background: #41bebe;        transform: rotate(201.6deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(14):before, .circle:nth-child(29) .content:nth-child(14):after {        width: 96px;        height: 18px;        -webkit-clip-path: polygon(35% 0, 98% 0, 46% 48%);        clip-path: polygon(35% 0, 98% 0, 46% 48%);    }    .circle:nth-child(29) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #960ff0;    }    .circle:nth-child(29) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(12% 0, 55% 0, 19% 48%);        clip-path: polygon(12% 0, 55% 0, 19% 48%);        background: #32cdcd;        transform: rotate(216deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(15):before, .circle:nth-child(29) .content:nth-child(15):after {        width: 5px;        height: 48px;        -webkit-clip-path: polygon(35% 0, 100% 0, 75% 48%);        clip-path: polygon(35% 0, 100% 0, 75% 48%);    }    .circle:nth-child(29) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #807c83;    }    .circle:nth-child(29) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(30% 0, 54% 0, 84% 48%);        clip-path: polygon(30% 0, 54% 0, 84% 48%);        background: #45baba;        transform: rotate(230.4deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(16):before, .circle:nth-child(29) .content:nth-child(16):after {        width: 66px;        height: 41px;        -webkit-clip-path: polygon(82% 0, 69% 0, 43% 48%);        clip-path: polygon(82% 0, 69% 0, 43% 48%);    }    .circle:nth-child(29) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #9611ee;    }    .circle:nth-child(29) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(98% 0, 73% 0, 69% 48%);        clip-path: polygon(98% 0, 73% 0, 69% 48%);        background: #42bdbd;        transform: rotate(244.8deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(17):before, .circle:nth-child(29) .content:nth-child(17):after {        width: 98px;        height: 17px;        -webkit-clip-path: polygon(79% 0, 35% 0, 84% 48%);        clip-path: polygon(79% 0, 35% 0, 84% 48%);    }    .circle:nth-child(29) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9514eb;    }    .circle:nth-child(29) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(16% 0, 8% 0, 36% 48%);        clip-path: polygon(16% 0, 8% 0, 36% 48%);        background: #0ef1f1;        transform: rotate(259.2deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(18):before, .circle:nth-child(29) .content:nth-child(18):after {        width: 100px;        height: 22px;        -webkit-clip-path: polygon(3% 0, 64% 0, 35% 48%);        clip-path: polygon(3% 0, 64% 0, 35% 48%);    }    .circle:nth-child(29) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #8d3bc4;    }    .circle:nth-child(29) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 15% 0, 47% 48%);        clip-path: polygon(81% 0, 15% 0, 47% 48%);        background: #669999;        transform: rotate(273.6deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(19):before, .circle:nth-child(29) .content:nth-child(19):after {        width: 63px;        height: 34px;        -webkit-clip-path: polygon(98% 0, 97% 0, 80% 48%);        clip-path: polygon(98% 0, 97% 0, 80% 48%);    }    .circle:nth-child(29) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #82748b;    }    .circle:nth-child(29) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(80% 0, 45% 0, 97% 48%);        clip-path: polygon(80% 0, 45% 0, 97% 48%);        background: #34cbcb;        transform: rotate(288deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(20):before, .circle:nth-child(29) .content:nth-child(20):after {        width: 66px;        height: 39px;        -webkit-clip-path: polygon(23% 0, 16% 0, 3% 48%);        clip-path: polygon(23% 0, 16% 0, 3% 48%);    }    .circle:nth-child(29) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #9222dd;    }    .circle:nth-child(29) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(76% 0, 29% 0, 42% 48%);        clip-path: polygon(76% 0, 29% 0, 42% 48%);        background: #669999;        transform: rotate(302.4deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(21):before, .circle:nth-child(29) .content:nth-child(21):after {        width: 99px;        height: 25px;        -webkit-clip-path: polygon(13% 0, 60% 0, 17% 48%);        clip-path: polygon(13% 0, 60% 0, 17% 48%);    }    .circle:nth-child(29) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(29) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(73% 0, 11% 0, 101% 48%);        clip-path: polygon(73% 0, 11% 0, 101% 48%);        background: #3ec1c1;        transform: rotate(316.8deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(22):before, .circle:nth-child(29) .content:nth-child(22):after {        width: 73px;        height: 24px;        -webkit-clip-path: polygon(86% 0, 71% 0, 22% 48%);        clip-path: polygon(86% 0, 71% 0, 22% 48%);    }    .circle:nth-child(29) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #86609f;    }    .circle:nth-child(29) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(20% 0, 94% 0, 67% 48%);        clip-path: polygon(20% 0, 94% 0, 67% 48%);        background: #40bfbf;        transform: rotate(331.2deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(23):before, .circle:nth-child(29) .content:nth-child(23):after {        width: 37px;        height: 25px;        -webkit-clip-path: polygon(98% 0, 75% 0, 73% 48%);        clip-path: polygon(98% 0, 75% 0, 73% 48%);    }    .circle:nth-child(29) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #9225da;    }    .circle:nth-child(29) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(15% 0, 66% 0, 53% 48%);        clip-path: polygon(15% 0, 66% 0, 53% 48%);        background: #54abab;        transform: rotate(345.6deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(24):before, .circle:nth-child(29) .content:nth-child(24):after {        width: 89px;        height: 21px;        -webkit-clip-path: polygon(84% 0, 40% 0, 37% 48%);        clip-path: polygon(84% 0, 40% 0, 37% 48%);    }    .circle:nth-child(29) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #817986;    }    .circle:nth-child(29) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(81% 0, 15% 0, 84% 48%);        clip-path: polygon(81% 0, 15% 0, 84% 48%);        background: #24dbdb;        transform: rotate(360deg) translate(0, 60px);    }    .circle:nth-child(29) .content:nth-child(25):before, .circle:nth-child(29) .content:nth-child(25):after {        width: 48px;        height: 1px;        -webkit-clip-path: polygon(24% 0, 23% 0, 73% 48%);        clip-path: polygon(24% 0, 23% 0, 73% 48%);    }    .circle:nth-child(29) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(29) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #9804fb;    }    .circle:nth-child(30) {        width: 200px;        height: 200px;        transform: skew(0, -10deg);        top: 450px;        left: 96.6px;        -webkit-animation: rotate-reverse 35s linear infinite;        animation: rotate-reverse 35s linear infinite;    }    .circle:nth-child(30) .content {        position: absolute;        width: 31px;        height: 35px;        top: 40%;        left: 40%;    }    .circle:nth-child(30) .content:nth-child(1) {        opacity: 0.5;        -webkit-clip-path: polygon(101% 0, 34% 0, 13% 48%);        clip-path: polygon(101% 0, 34% 0, 13% 48%);        background: #03fcfc;        transform: rotate(14.4deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(1):before, .circle:nth-child(30) .content:nth-child(1):after {        width: 73px;        height: 49px;        -webkit-clip-path: polygon(72% 0, 81% 0, 47% 48%);        clip-path: polygon(72% 0, 81% 0, 47% 48%);    }    .circle:nth-child(30) .content:nth-child(1):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(1):after {        top: 10px;        left: 30px;        background: #8950af;    }    .circle:nth-child(30) .content:nth-child(2) {        opacity: 0.5;        -webkit-clip-path: polygon(32% 0, 77% 0, 96% 48%);        clip-path: polygon(32% 0, 77% 0, 96% 48%);        background: #798686;        transform: rotate(28.8deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(2):before, .circle:nth-child(30) .content:nth-child(2):after {        width: 20px;        height: 27px;        -webkit-clip-path: polygon(52% 0, 77% 0, 90% 48%);        clip-path: polygon(52% 0, 77% 0, 90% 48%);    }    .circle:nth-child(30) .content:nth-child(2):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(2):after {        top: 10px;        left: 30px;        background: #836f90;    }    .circle:nth-child(30) .content:nth-child(3) {        opacity: 0.5;        -webkit-clip-path: polygon(17% 0, 10% 0, 78% 48%);        clip-path: polygon(17% 0, 10% 0, 78% 48%);        background: #778888;        transform: rotate(43.2deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(3):before, .circle:nth-child(30) .content:nth-child(3):after {        width: 29px;        height: 31px;        -webkit-clip-path: polygon(73% 0, 98% 0, 30% 48%);        clip-path: polygon(73% 0, 98% 0, 30% 48%);    }    .circle:nth-child(30) .content:nth-child(3):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(3):after {        top: 10px;        left: 30px;        background: #9222dd;    }    .circle:nth-child(30) .content:nth-child(4) {        opacity: 0.5;        -webkit-clip-path: polygon(67% 0, 84% 0, 4% 48%);        clip-path: polygon(67% 0, 84% 0, 4% 48%);        background: #0ff0f0;        transform: rotate(57.6deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(4):before, .circle:nth-child(30) .content:nth-child(4):after {        width: 13px;        height: 7px;        -webkit-clip-path: polygon(65% 0, 13% 0, 72% 48%);        clip-path: polygon(65% 0, 13% 0, 72% 48%);    }    .circle:nth-child(30) .content:nth-child(4):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(4):after {        top: 10px;        left: 30px;        background: #8f34cb;    }    .circle:nth-child(30) .content:nth-child(5) {        opacity: 0.5;        -webkit-clip-path: polygon(69% 0, 41% 0, 70% 48%);        clip-path: polygon(69% 0, 41% 0, 70% 48%);        background: #1ae6e6;        transform: rotate(72deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(5):before, .circle:nth-child(30) .content:nth-child(5):after {        width: 26px;        height: 5px;        -webkit-clip-path: polygon(37% 0, 31% 0, 72% 48%);        clip-path: polygon(37% 0, 31% 0, 72% 48%);    }    .circle:nth-child(30) .content:nth-child(5):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(5):after {        top: 10px;        left: 30px;        background: #846996;    }    .circle:nth-child(30) .content:nth-child(6) {        opacity: 0.5;        -webkit-clip-path: polygon(51% 0, 10% 0, 15% 48%);        clip-path: polygon(51% 0, 10% 0, 15% 48%);        background: #788787;        transform: rotate(86.4deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(6):before, .circle:nth-child(30) .content:nth-child(6):after {        width: 10px;        height: 31px;        -webkit-clip-path: polygon(92% 0, 79% 0, 64% 48%);        clip-path: polygon(92% 0, 79% 0, 64% 48%);    }    .circle:nth-child(30) .content:nth-child(6):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(6):after {        top: 10px;        left: 30px;        background: #8e39c6;    }    .circle:nth-child(30) .content:nth-child(7) {        opacity: 0.5;        -webkit-clip-path: polygon(39% 0, 25% 0, 89% 48%);        clip-path: polygon(39% 0, 25% 0, 89% 48%);        background: #0bf4f4;        transform: rotate(100.8deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(7):before, .circle:nth-child(30) .content:nth-child(7):after {        width: 23px;        height: 11px;        -webkit-clip-path: polygon(48% 0, 67% 0, 63% 48%);        clip-path: polygon(48% 0, 67% 0, 63% 48%);    }    .circle:nth-child(30) .content:nth-child(7):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(7):after {        top: 10px;        left: 30px;        background: #8a4db3;    }    .circle:nth-child(30) .content:nth-child(8) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 70% 0, 33% 48%);        clip-path: polygon(34% 0, 70% 0, 33% 48%);        background: #7e8181;        transform: rotate(115.2deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(8):before, .circle:nth-child(30) .content:nth-child(8):after {        width: 31px;        height: 42px;        -webkit-clip-path: polygon(4% 0, 32% 0, 23% 48%);        clip-path: polygon(4% 0, 32% 0, 23% 48%);    }    .circle:nth-child(30) .content:nth-child(8):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(8):after {        top: 10px;        left: 30px;        background: #9320df;    }    .circle:nth-child(30) .content:nth-child(9) {        opacity: 0.5;        -webkit-clip-path: polygon(77% 0, 81% 0, 38% 48%);        clip-path: polygon(77% 0, 81% 0, 38% 48%);        background: #699696;        transform: rotate(129.6deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(9):before, .circle:nth-child(30) .content:nth-child(9):after {        width: 59px;        height: 47px;        -webkit-clip-path: polygon(97% 0, 59% 0, 16% 48%);        clip-path: polygon(97% 0, 59% 0, 16% 48%);    }    .circle:nth-child(30) .content:nth-child(9):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(9):after {        top: 10px;        left: 30px;        background: #8b44bb;    }    .circle:nth-child(30) .content:nth-child(10) {        opacity: 0.5;        -webkit-clip-path: polygon(57% 0, 53% 0, 60% 48%);        clip-path: polygon(57% 0, 53% 0, 60% 48%);        background: #21dede;        transform: rotate(144deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(10):before, .circle:nth-child(30) .content:nth-child(10):after {        width: 39px;        height: 41px;        -webkit-clip-path: polygon(75% 0, 41% 0, 80% 48%);        clip-path: polygon(75% 0, 41% 0, 80% 48%);    }    .circle:nth-child(30) .content:nth-child(10):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(10):after {        top: 10px;        left: 30px;        background: #8e39c6;    }    .circle:nth-child(30) .content:nth-child(11) {        opacity: 0.5;        -webkit-clip-path: polygon(31% 0, 51% 0, 63% 48%);        clip-path: polygon(31% 0, 51% 0, 63% 48%);        background: #36c9c9;        transform: rotate(158.4deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(11):before, .circle:nth-child(30) .content:nth-child(11):after {        width: 43px;        height: 31px;        -webkit-clip-path: polygon(59% 0, 80% 0, 13% 48%);        clip-path: polygon(59% 0, 80% 0, 13% 48%);    }    .circle:nth-child(30) .content:nth-child(11):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(11):after {        top: 10px;        left: 30px;        background: #8758a7;    }    .circle:nth-child(30) .content:nth-child(12) {        opacity: 0.5;        -webkit-clip-path: polygon(37% 0, 52% 0, 86% 48%);        clip-path: polygon(37% 0, 52% 0, 86% 48%);        background: #2ed1d1;        transform: rotate(172.8deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(12):before, .circle:nth-child(30) .content:nth-child(12):after {        width: 41px;        height: 27px;        -webkit-clip-path: polygon(38% 0, 93% 0, 7% 48%);        clip-path: polygon(38% 0, 93% 0, 7% 48%);    }    .circle:nth-child(30) .content:nth-child(12):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(12):after {        top: 10px;        left: 30px;        background: #817788;    }    .circle:nth-child(30) .content:nth-child(13) {        opacity: 0.5;        -webkit-clip-path: polygon(16% 0, 59% 0, 95% 48%);        clip-path: polygon(16% 0, 59% 0, 95% 48%);        background: #4eb1b1;        transform: rotate(187.2deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(13):before, .circle:nth-child(30) .content:nth-child(13):after {        width: 44px;        height: 32px;        -webkit-clip-path: polygon(37% 0, 8% 0, 91% 48%);        clip-path: polygon(37% 0, 8% 0, 91% 48%);    }    .circle:nth-child(30) .content:nth-child(13):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(13):after {        top: 10px;        left: 30px;        background: #8950af;    }    .circle:nth-child(30) .content:nth-child(14) {        opacity: 0.5;        -webkit-clip-path: polygon(88% 0, 101% 0, 82% 48%);        clip-path: polygon(88% 0, 101% 0, 82% 48%);        background: #659a9a;        transform: rotate(201.6deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(14):before, .circle:nth-child(30) .content:nth-child(14):after {        width: 13px;        height: 1px;        -webkit-clip-path: polygon(92% 0, 59% 0, 20% 48%);        clip-path: polygon(92% 0, 59% 0, 20% 48%);    }    .circle:nth-child(30) .content:nth-child(14):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(14):after {        top: 10px;        left: 30px;        background: #8f33cc;    }    .circle:nth-child(30) .content:nth-child(15) {        opacity: 0.5;        -webkit-clip-path: polygon(46% 0, 3% 0, 97% 48%);        clip-path: polygon(46% 0, 3% 0, 97% 48%);        background: #6f9090;        transform: rotate(216deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(15):before, .circle:nth-child(30) .content:nth-child(15):after {        width: 49px;        height: 36px;        -webkit-clip-path: polygon(51% 0, 73% 0, 52% 48%);        clip-path: polygon(51% 0, 73% 0, 52% 48%);    }    .circle:nth-child(30) .content:nth-child(15):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(15):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(30) .content:nth-child(16) {        opacity: 0.5;        -webkit-clip-path: polygon(34% 0, 39% 0, 37% 48%);        clip-path: polygon(34% 0, 39% 0, 37% 48%);        background: #699696;        transform: rotate(230.4deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(16):before, .circle:nth-child(30) .content:nth-child(16):after {        width: 70px;        height: 28px;        -webkit-clip-path: polygon(84% 0, 55% 0, 18% 48%);        clip-path: polygon(84% 0, 55% 0, 18% 48%);    }    .circle:nth-child(30) .content:nth-child(16):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(16):after {        top: 10px;        left: 30px;        background: #931fe0;    }    .circle:nth-child(30) .content:nth-child(17) {        opacity: 0.5;        -webkit-clip-path: polygon(84% 0, 15% 0, 90% 48%);        clip-path: polygon(84% 0, 15% 0, 90% 48%);        background: #34cbcb;        transform: rotate(244.8deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(17):before, .circle:nth-child(30) .content:nth-child(17):after {        width: 92px;        height: 13px;        -webkit-clip-path: polygon(96% 0, 15% 0, 14% 48%);        clip-path: polygon(96% 0, 15% 0, 14% 48%);    }    .circle:nth-child(30) .content:nth-child(17):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(17):after {        top: 10px;        left: 30px;        background: #9708f7;    }    .circle:nth-child(30) .content:nth-child(18) {        opacity: 0.5;        -webkit-clip-path: polygon(20% 0, 61% 0, 23% 48%);        clip-path: polygon(20% 0, 61% 0, 23% 48%);        background: #7d8282;        transform: rotate(259.2deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(18):before, .circle:nth-child(30) .content:nth-child(18):after {        width: 70px;        height: 31px;        -webkit-clip-path: polygon(58% 0, 48% 0, 10% 48%);        clip-path: polygon(58% 0, 48% 0, 10% 48%);    }    .circle:nth-child(30) .content:nth-child(18):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(18):after {        top: 10px;        left: 30px;        background: #8d3ec1;    }    .circle:nth-child(30) .content:nth-child(19) {        opacity: 0.5;        -webkit-clip-path: polygon(47% 0, 45% 0, 87% 48%);        clip-path: polygon(47% 0, 45% 0, 87% 48%);        background: #06f9f9;        transform: rotate(273.6deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(19):before, .circle:nth-child(30) .content:nth-child(19):after {        width: 35px;        height: 34px;        -webkit-clip-path: polygon(64% 0, 41% 0, 5% 48%);        clip-path: polygon(64% 0, 41% 0, 5% 48%);    }    .circle:nth-child(30) .content:nth-child(19):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(19):after {        top: 10px;        left: 30px;        background: #8f30cf;    }    .circle:nth-child(30) .content:nth-child(20) {        opacity: 0.5;        -webkit-clip-path: polygon(60% 0, 78% 0, 38% 48%);        clip-path: polygon(60% 0, 78% 0, 38% 48%);        background: #28d7d7;        transform: rotate(288deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(20):before, .circle:nth-child(30) .content:nth-child(20):after {        width: 18px;        height: 1px;        -webkit-clip-path: polygon(89% 0, 63% 0, 25% 48%);        clip-path: polygon(89% 0, 63% 0, 25% 48%);    }    .circle:nth-child(30) .content:nth-child(20):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(20):after {        top: 10px;        left: 30px;        background: #8b45ba;    }    .circle:nth-child(30) .content:nth-child(21) {        opacity: 0.5;        -webkit-clip-path: polygon(79% 0, 79% 0, 32% 48%);        clip-path: polygon(79% 0, 79% 0, 32% 48%);        background: #0bf4f4;        transform: rotate(302.4deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(21):before, .circle:nth-child(30) .content:nth-child(21):after {        width: 20px;        height: 43px;        -webkit-clip-path: polygon(16% 0, 19% 0, 28% 48%);        clip-path: polygon(16% 0, 19% 0, 28% 48%);    }    .circle:nth-child(30) .content:nth-child(21):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(21):after {        top: 10px;        left: 30px;        background: #865da2;    }    .circle:nth-child(30) .content:nth-child(22) {        opacity: 0.5;        -webkit-clip-path: polygon(68% 0, 41% 0, 48% 48%);        clip-path: polygon(68% 0, 41% 0, 48% 48%);        background: #30cfcf;        transform: rotate(316.8deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(22):before, .circle:nth-child(30) .content:nth-child(22):after {        width: 28px;        height: 48px;        -webkit-clip-path: polygon(81% 0, 85% 0, 35% 48%);        clip-path: polygon(81% 0, 85% 0, 35% 48%);    }    .circle:nth-child(30) .content:nth-child(22):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(22):after {        top: 10px;        left: 30px;        background: #9803fc;    }    .circle:nth-child(30) .content:nth-child(23) {        opacity: 0.5;        -webkit-clip-path: polygon(62% 0, 39% 0, 10% 48%);        clip-path: polygon(62% 0, 39% 0, 10% 48%);        background: #3dc2c2;        transform: rotate(331.2deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(23):before, .circle:nth-child(30) .content:nth-child(23):after {        width: 83px;        height: 24px;        -webkit-clip-path: polygon(41% 0, 50% 0, 76% 48%);        clip-path: polygon(41% 0, 50% 0, 76% 48%);    }    .circle:nth-child(30) .content:nth-child(23):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(23):after {        top: 10px;        left: 30px;        background: #807e81;    }    .circle:nth-child(30) .content:nth-child(24) {        opacity: 0.5;        -webkit-clip-path: polygon(18% 0, 74% 0, 28% 48%);        clip-path: polygon(18% 0, 74% 0, 28% 48%);        background: #639c9c;        transform: rotate(345.6deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(24):before, .circle:nth-child(30) .content:nth-child(24):after {        width: 80px;        height: 43px;        -webkit-clip-path: polygon(3% 0, 69% 0, 64% 48%);        clip-path: polygon(3% 0, 69% 0, 64% 48%);    }    .circle:nth-child(30) .content:nth-child(24):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(24):after {        top: 10px;        left: 30px;        background: #875ba4;    }    .circle:nth-child(30) .content:nth-child(25) {        opacity: 0.5;        -webkit-clip-path: polygon(55% 0, 74% 0, 34% 48%);        clip-path: polygon(55% 0, 74% 0, 34% 48%);        background: #21dede;        transform: rotate(360deg) translate(0, 50px);    }    .circle:nth-child(30) .content:nth-child(25):before, .circle:nth-child(30) .content:nth-child(25):after {        width: 38px;        height: 3px;        -webkit-clip-path: polygon(12% 0, 55% 0, 26% 48%);        clip-path: polygon(12% 0, 55% 0, 26% 48%);    }    .circle:nth-child(30) .content:nth-child(25):before {        background: #fff;    }    .circle:nth-child(30) .content:nth-child(25):after {        top: 10px;        left: 30px;        background: #8e36c9;    }}@-webkit-keyframes rotate {    0% {        transform: skew(0, -10deg) rotate(0);    }    100% {        transform: skew(0, -10deg) rotate(360deg);    }}@keyframes rotate {    0% {        transform: skew(0, -10deg) rotate(0);    }    100% {        transform: skew(0, -10deg) rotate(360deg);    }}@-webkit-keyframes rotate-reverse {    0% {        transform: skew(0, -10deg) rotate(360deg);    }    100% {        transform: skew(0, -10deg) rotate(0);    }}@keyframes rotate-reverse {    0% {        transform: skew(0, -10deg) rotate(360deg);    }    100% {        transform: skew(0, -10deg) rotate(0);    }} */.support-resources {text-align: center;}.support-resources .row::before {content: url(/images/pages/support/001.svg); position: absolute; transform: translateX(-50%) rotateZ(90deg); top: 620px; left: 50%;}.support-resources .row > li {position: relative; padding-top: 130px;}.support-resources .row ::before, .support-resources .row ::after {position: absolute; transform: translate(-50%, -50%);  left: 50%; top: 60px; border-radius: 50%;}.support-resources li::before {transform: translateX(-50%); left: 50%; top: 0;}.support-resources .item-1::before {content: url(/images/pages/support/027.png);}.support-resources .item-2::before {content: url(/images/pages/support/028.png);}.support-resources .item-3::before {content: url(/images/pages/support/029.png);}.support-resources .item-4::before {content: url(/images/pages/support/030.png);}.support-resources .obj-1 {top: -300px; left: -500px;}@media (min-width: 768px) {    .support-resources .row::before {top: 210px; transform: translateX(-50%) rotateZ(0);}}@media (min-width: 992px) {    .support-resources .row::before {top: 100px;}}.cms .row {margin: 0 -8px;}.cms .col {padding: 8px;}.cms .card {height: 8rem; background-repeat: no-repeat; background-position: center; filter: grayscale(100%);}.cms .card:hover {box-shadow: 0 4px 10px rgba(255, 181, 245, 0.35); filter: none;}.cms .item-1 {background-image: url(/images/pages/support/002.png);}.cms .item-2 {background-image: url(/images/pages/support/003.png);}.cms .item-3 {background-image: url(/images/pages/support/004.png);}.cms .item-4 {background-image: url(/images/pages/support/005.png);}.cms .item-5 {background-image: url(/images/pages/support/006.png);}.cms .item-6 {background-image: url(/images/pages/support/007.png);}.cms .item-7 {background-image: url(/images/pages/support/008.png);}.cms .item-8 {background-image: url(/images/pages/support/009.png);}.cms .item-9 {background-image: url(/images/pages/support/010.png);}.cms .item-10 {background-image: url(/images/pages/support/011.png);}.cms .item-11 {background-image: url(/images/pages/support/012.png);}.cms .item-12 {background-image: url(/images/pages/support/013.png);}.support-price .col {padding: 0 5px;}.support-price .card {min-height: 42rem; max-width: 400px; padding: 80px 30px 50px 30px; width: 100%; margin: 30px auto; border-radius: 55px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}.support-price .card::before {position: absolute; content: ''; top: 5px; right: 5px; bottom: 5px; left: 5px; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(/images/pages/support/014.png);}.support-price .card > * {position: relative;}.support-price > .row > .row > .col {max-width: 20rem;}.support-price .obj-1 {background-image: url(/images/tmpl/background/013.png); width: 290px; height: 290px; top: 0; left: 170px;}.support-price .obj-2 {background-image: url(/images/tmpl/background/012.png); width: 177px; height: 177px; bottom: -100px; right: 240px;}.support-price .obj-3 {top: 600px; left: 0; width: 700px;}.support-price .obj-4 {top: 1000px; right: -800px;}.discounts {padding: 0 !important; margin: 64px 0;}.discounts .card {max-width: 390px; padding: 50px 28px 60px 28px;}.discounts .obj-1 {background-image: url(/images/tmpl/background/204.png); top: 300px; left: -130px; width: 60px; height: 60px;}.discounts .obj-2 {background-image: url(/images/tmpl/background/205.png); top: 50px; left: 100px; width: 60px; height: 60px;}.discounts .obj-3 {background-image: url(/images/tmpl/background/206.png); top: -30px; left: 250px; width: 60px; height: 60px;}.discounts .obj-4 {background-image: url(/images/tmpl/background/207.png); top: 250px; left: 320px; width: 60px; height: 60px;}.discounts .obj-5 {background-image: url(/images/tmpl/background/208.png); bottom: 80px; left: 220px; width: 60px; height: 60px;}.discounts .obj-6 {background-image: url(/images/tmpl/background/140.png); bottom: -80px; left: 150px; width: 160px; height: 160px;}.discounts .obj-7 {background-image: url(/images/tmpl/background/209.png); bottom: 0; left: -90px; width: 65px; height: 65px;}.discounts .obj-8 {background-image: url(/images/tmpl/background/210.png); top: -70px; left: -60px; width: 131px; height: 120px;}.discounts .obj-9 {background-image: url(/images/tmpl/background/211.png); bottom: 110px; right: -70px; width: 82px; height: 82px;}@media (min-width: 768px) {    .discounts .col {min-height: 540px;}}.support-steps {box-shadow: 0 4px 40px rgba(0, 0, 0, 0.15); border-radius: 10px; margin-top: 160px; background: #fff;}.support-steps::before {position: absolute; content: url(/images/tmpl/background/239.svg); transform: translate(-50%, -50%) rotateZ(90deg) rotateX(180deg); top: 50%; left: 50%;}.support-steps .h5 {display: inline;}.support-steps .col {padding: 155px 15px 15px 40px; position: relative; list-style-position: inside;}.support-steps .col::before {position: absolute; transform: translateX(-50%); left: 50%; top: 20px;}.support-steps .item-1::before {content: url(/images/pages/support/015.png);}.support-steps .item-2::before {content: url(/images/pages/support/016.png);}.support-steps .item-3::before {content: url(/images/pages/support/017.png);}.support-steps .item-4::before {content: url(/images/pages/support/018.png);}.support-steps .item-5::before {content: url(/images/pages/support/019.png);}.support-steps .item-6::before {content: url(/images/pages/support/020.png);}@media (min-width: 768px) {    .support-steps .col {height: 24rem;}}@media (min-width: 992px) {    .support-steps .col {height: auto;}    .support-steps::before {transform: translate(-50%, -50%) rotateZ(0) rotateX(0);}}.support-problems p {margin: 0;}.support-problems li {margin-top: 30px; position: relative;}.support-problems .item-1::before {content: url(/images/tmpl/icon/047.png);}.support-problems .item-2::before {content: url(/images/tmpl/icon/057.png);}.support-problems .item-3::before {content: url(/images/tmpl/icon/048.png);}.support-problems .item-4::before {content: url(/images/tmpl/icon/049.png);}.support-problems .item-5::before {content: url(/images/tmpl/icon/055.png);}.support-problems .item-6::before {content: url(/images/tmpl/icon/056.png);}.support-problems .obj-1 {min-height: 320px; background: url(/images/pages/support/021.png) center no-repeat; background-size: contain;}.support-problems .obj-2 {background-image: url(/images/tmpl/background/114.svg); width: 58px; height: 58px; top: 200px; left: 570px;}.support-problems .obj-3 {background-image: url(/images/tmpl/background/115.svg); width: 35px; height: 35px; top: 240px; left: 670px;}.support-problems .obj-4 {background-image: url(/images/tmpl/background/116.svg); width: 92px; height: 105px; top: 150px; right: 850px;}.support-problems .obj-5 {background-image: url(/images/tmpl/background/117.svg); width: 76px; height: 65px; top: 160px; right: 400px;}.support-problems .obj-6 {background-image: url(/images/tmpl/background/118.svg); width: 38px; height: 38px; bottom: 10px; left: 450px;}.support-problems .obj-7 {background-image: url(/images/tmpl/background/119.svg); width: 14px; height: 14px; bottom: 50px; left: 560px;}.support-problems .obj-8 {background-image: url(/images/tmpl/background/117.svg); width: 76px; height: 65px; bottom: 70px; right: 950px;}@media (min-width: 992px) {    .support-problems .item-1 {left: 50px;}    .support-problems .item-2 {left: 10px;}    .support-problems .item-3 {left: 25px;}    .support-problems .item-4 {left: -50px;}    .support-problems .item-5 {left: -10px;}    .support-problems .item-6 {left: -25px;}}.home-portfolio .col {padding: 15px;}.home-portfolio .col > * {width: 240px; height: 240px; position: relative; display: flex; justify-content: center; align-items: flex-end; margin: auto; border-radius: 20px; overflow: hidden; background: linear-gradient(60deg, #7DFAF5 20%, #FFB5F5 80%);}.home-portfolio .col > * > img {position: absolute; width: 100%; height: 100%; border-radius: 20px; bottom: 0; right: 0; transition: .25s; transform-origin: 100% 100%; pointer-events: none;}.home-portfolio .col > *:hover > img {transform: scale(.9); filter: brightness(50%);}.home-portfolio .col > * > a {opacity: 0; transition: .25s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; justify-content: center; text-decoration: none; font-weight: 700; font-size: 1.5rem; color: #fff; padding-bottom: 16px; text-shadow: 2px 2px black; text-align: center;}.home-portfolio .col > *:hover > a {opacity: 1;}.home-portfolio .btn-tertiary {background-image: linear-gradient(90deg, #E322AF, #FF763E);}.home-portfolio .btn-tertiary::before {content: url(/images/tmpl/icon/018.png);}.home-portfolio .content > fieldset {display: flex; flex-wrap: wrap; justify-content: center;}.home-portfolio .btn-ghost {margin-right: 16px;}.home-portfolio .obj-1 {top: 0; left: 0;}.home-portfolio input:checked + label::before {content: ''; position: absolute; animation: link-gradient 5s linear infinite; top: 50%; right: 5px; left: 5px; height: 5px; border-radius: 25px; background: linear-gradient(to right, #8A00EF, #BA42EC 20%, #FE4F78 40%, #FCB316 60%, #B6E142 80%, #2DD246 100%); z-index: -1;}@media (min-width: 576px) {    .home-portfolio .content {padding-left: 32px;}    .home-portfolio .content > fieldset {justify-content: flex-start;}}@media (min-width: 992px){    .home-portfolio {height: 100vh; min-height: 750px; max-height: 1080px; display: flex; align-items: center;}}.support-businessman .obj-1 {position: relative; min-height: 600px;}.support-businessman .obj-1::before {position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; content: url(/images/pages/support/022.svg);}.support-businessman .obj-2 {background-image: url(/images/tmpl/background/120.svg); width: 68px; height: 80px; top: 100px; right: 400px;}.support-businessman .obj-3 {background-image: url(/images/tmpl/background/121.svg); width: 76px; height: 92px; bottom: 200px; right: 300px;}.support-businessman .btn-fab {min-width: 3.6rem;} @media (min-width: 992px) {    .support-businessman .item-1, .support-businessman .item-2 {margin-left: 80px;}    .support-businessman .item-1 {max-width: 400px;}}.support-programmer .obj-1, .support-programmer .obj-2 {position: relative; min-height: 570px; background-repeat: no-repeat;}.support-programmer .obj-1::before, .support-programmer .obj-2::before {position: absolute;  transform: translate(-50%, -50%); top: 50%;}.support-programmer .obj-1::before {content: url(/images/pages/support/023.svg); left: 88%;}.support-programmer .obj-2::before {content: url(/images/pages/support/024.svg); left: -10%;}.support-programmer .decor {display: none;}.support-programmer .obj-3 {top: 800px; right: -300px;}@media (min-width: 768px) {    .support-programmer .obj-1, .support-programmer .obj-2 {min-height: 400px;}    .support-programmer .obj-1::before {left: 50%;}}@media (min-width: 992px) {    .support-programmer .decor {display: block;}}.clients .crs {padding: 0;}.clients .card {width: 270px; height: 180px; margin: 16px auto; filter: grayscale(100%); display: flex; justify-content: center; align-items: center;}.clients .card:hover {filter: none;}.home-reviews .crs {padding: 0; margin: 0 -15px;}.home-reviews .crs-li > div {width: 280px; margin: 64px auto 0 auto; transition: .5s;}.home-reviews .card {position: relative; margin-bottom: 40px; height: 390px;}.home-reviews .card::after {content: ''; position: absolute; bottom: 0; left: 60px; transform: rotateZ(45deg) translate(20%, 50%); width: 60px; height: 60px; background-color: #fff; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.10); border-radius: 0 0 17px 0;}.home-reviews .crs-li:hover > div {transform: translateY(-60px);}.home-reviews .crs-li:hover > div > .card {box-shadow: 0 4px 10px rgba(255, 181, 245, 0.2)}.home-reviews .crs-li:hover > div > .card::after {box-shadow: 4px 4px 4px rgba(255, 181, 245, 0.2)}.home-reviews .crs-li img {margin-right: 20px; float:left;}.home-reviews .content > div {overflow:hidden;}.home-reviews .btn-tertiary {background-image: linear-gradient(90deg, #9569EF, #7888F0 10%, #649EF2 20%, #57ABF3 25%, #53B0F3 30%, #7B1ACB 70%, #5A8EF3);}.home-reviews .btn-tertiary::before {content: url(/images/tmpl/icon/019.png);}@media (min-width: 576px) {    .home-reviews .crs-li > div {width: 350px}    .home-reviews .card {height: 320px;}}.support-freelancer .obj-1 {background: url(/images/pages/support/025.png) center no-repeat; background-size: contain; min-height: 400px; }.support-freelancer li {margin-bottom: 2rem; position: relative;}.support-freelancer .ul-right > li::before {content: url(/images/tmpl/icon/058.png);}.support-freelancer .ul-left > li::before {content: url(/images/tmpl/icon/017.png);}.support-freelancer .obj-2 {top: 0; left: -500px; width: 1000px;}@media (min-width: 992px) {    .support-freelancer .ul-right > li::after {position: absolute; top: 10px; left: 10px;}    .support-freelancer .ul-left > li::after {position: absolute; top: 10px; right: 10px;}    .support-freelancer .item-1::after {content: url(/images/tmpl/background/122.png);}    .support-freelancer .item-2::after {content: url(/images/tmpl/background/123.png);}    .support-freelancer .item-3::after {content: url(/images/tmpl/background/124.png);}    .support-freelancer .item-4::after {content: url(/images/tmpl/background/125.png);}    .support-freelancer .item-5::after {content: url(/images/tmpl/background/131.png);}    .support-freelancer .item-6::after {content: url(/images/tmpl/background/126.png);}    .support-freelancer .item-7::after {content: url(/images/tmpl/background/127.png);}    .support-freelancer .item-8::after {content: url(/images/tmpl/background/128.png);}    .support-freelancer .item-9::after {content: url(/images/tmpl/background/129.png);}    .support-freelancer .item-10::after {content: url(/images/tmpl/background/130.png);}}.support-result .item-1 {height: 360px; width: 360px; margin: auto; position: relative; background: url(/images/pages/support/026.png) no-repeat; background-size: contain;}.support-result .item-1::before {content: url(/images/tmpl/background/132.png); position: absolute; top: 75px; left: -40px;}.support-result .item-1::after {content: url(/images/tmpl/background/134.png); position: absolute; bottom: 45px; right: -235px;}.support-result .obj-2 {background-image: url(/images/tmpl/background/135.png); width: 141px; height: 137px; top: 60px; left: 290px;}.support-result .obj-3 {background-image: url(/images/tmpl/background/136.svg); width: 36px; height: 38px; top: 350px; left: 270px;}.support-result .obj-4 {background-image: url(/images/tmpl/background/137.svg); width: 89px; height: 89px; bottom: 100px; left: 360px;}@media (min-width: 576px) {    .support-result .item-1 {height: 440px; width: 440px;}    .support-result .item-1::after {bottom: 75px;}}@media (min-width: 992px) {    .support-result .obj-1::before {content: ''; background-image: url(/images/tmpl/background/138.svg); width: 48px; height: 48px; position: absolute; left: -50px; top: 0;}    .support-result .obj-1::after {content: ''; background-image: linear-gradient(18deg, rgba(236, 248, 248, 0.7) 10%, rgba(236, 244, 248, 0) 90%); width: 185px; height: 150px; position: absolute; right: -110px; top: 0;}}.form form {background: #fff; position: relative; z-index: 2;}.form .obj-1 {left: -700px; top: 0;}.form .obj-2 {background-image: url(/images/tmpl/background/158.png); width: 184px; height: 206px; bottom: 0; left: 0;}.form .obj-3::before {content: url(/images/tmpl/background/157.png); position: absolute; transform: translateY(-50%); top: 50%; left: -30px;}.form .obj-4 {background-image: url(/images/tmpl/background/099.png); width: 90px; height: 81px; top: 300px; right: 250px;}.form .obj-5 {top: -100px; right: -100px;}.checkbox-group input:checked + .btn-secondary {background-image: linear-gradient(to right, #E4BFFF, #FFC1DD);}.checkbox-group input {display: none;}.checkbox-group div {width: 230px; text-align: center;}.checkbox-group label {width: 95%;}.form .decor {display: none;}@media (min-width: 576px) {    .checkbox-group * {width: auto !important;}}@media (min-width: 992px) {	.form .mod-last-text {margin-right: 1rem;}    .form .decor {display: block;}    .form form {padding: 32px; margin: 0; box-shadow: 15px 15px 20px rgba(156, 156, 156, 0.2), -10px -10px 20px rgba(255, 255, 255, 0.7); border-radius: 32px;}}.support-description .obj-1 {background-image: url(/images/pages/support/031.png); width: 723px; height: 773px; top: 100px; right: 0;}.callback form {position: relative; background: linear-gradient(to left, #F2A4FF 10%, #886AFF 90%); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); padding-top: 70px; padding-bottom: 70px;}.callback form > *+* {margin-top: 27px;}.callback .background {background-color: var(--gray-1);}.callback .checkbox ::before {border-color: #fff;}.callback .obj-1 {background-image: url(/images/pages/home/037.svg); width: 736px; height: 705px; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: -1;}.callback .obj-2 {background-image: url(/images/tmpl/background/111.png); width: 58px; height: 58px; top: -30px; left: 110px;}.callback .obj-3 {background-image: url(/images/tmpl/background/117.svg); width: 70px; height: 70px; top: 30px; right: -40px; transform: rotateZ(30deg)}.callback .obj-4 {background-image: url(/images/tmpl/background/110.png); width: 71px; height: 72px; bottom: -40px; right: 110px;}.callback .obj-5 {background-image: url(/images/tmpl/background/112.png); width: 35px; height: 35px; bottom: 50px; left: -16px;}.callback .obj-6 {background-image: url(/images/tmpl/background/107.png); width: 125px; height: 37px; top: 84px; left: 200px;}.callback .obj-7 {background-image: url(/images/tmpl/background/108.png); width: 225px; height: 162px; bottom: 0; left: 200px;}@media (min-width: 768px) {    .callback {padding: 140px 0;}}.services-card .crs {padding: 0;}.services-card .card {height: 27rem; margin-top: 16px; margin-bottom: 16px; width: 280px; overflow: hidden; border-radius: 32px;}.services-card .card > div {position: absolute;}.services-card .card::before, .services-card .card::after {position: absolute; transition: 1s;}.services-card .card::before {content: url(/images/pages/home/035.svg); top: 0; right: 0; transform: translate(50%, -100%);}.services-card .card::after {content: url(/images/pages/home/036.svg); bottom: -6px; left: 0; transform: translate(-50%, 100%);}.services-card .content {top: 0; right: 0; bottom: 0; left: 0; padding: 120px 32px 32px 32px;}.services-card .content::before, .services-card .content::after {position: absolute; transform: translate(-50%, -50%); left: 50%; top: 70px;}.services-card .content::before {content: ''; border-radius: 50%; background: linear-gradient(to left, #FF51E7, #FCDE3D) #fff; height: 60px; width: 60px; box-shadow: 0 0 10px var(--pink-1);}.services-card .content::after {filter: brightness(0%) invert(100%);}.services-card .item-1 > .content::after {content: url(/images/tmpl/icon/011.png);}.services-card .item-2 > .content::after {content: url(/images/tmpl/icon/012.png);}.services-card .item-3 > .content::after {content: url(/images/tmpl/icon/013.png);}.services-card .item-4 > .content::after {content: url(/images/tmpl/icon/014.png);}.services-card .item-5 > .content::after {content: url(/images/tmpl/icon/015.png);}.services-card .item-6 > .content::after {content: url(/images/tmpl/icon/016.png);}.services-card .card:hover::before, .services-card .card:hover::after {transform: none;}.services-card .card:hover .content::before {background-image: none;}.services-card .card:hover .content::after {filter: none;}.services-card .h5 {text-align: center;}.services-card .h4 {color: var(--purple-1); text-align: center;}.services-card .btn-wrap {transform: translateX(-50%); left: 50%; bottom: 32px; z-index: 1}.services-card .obj-1 {top: 100px; right: -150px;}.services-card .obj-2 {top: -100px; left: -550px;}.services-card .obj-3 {background-image: url(/images/tmpl/background/109.png); width: 108px; height: 109px; top: -130px; left: -550px;}.services-card .obj-4 {background-image: url(/images/tmpl/background/118.svg); width: 25px; height: 25px; bottom: 0; right: 550px;}.services-card .obj-5 {background-image: url(/images/tmpl/background/118.svg); width: 10px; height: 10px; bottom: 80px; right: 490px;}.services-card .obj-6 {background-image: url(/images/tmpl/background/117.svg); width: 63px; height: 54px; bottom: 0; right: 460px;}.services-card .arrow {z-index: 5; background-color: #fff; background-position: center; top: auto; left: 50%; bottom: -64px; border-radius: 20px; width: 80px; height: 72px; box-shadow: 5px 5px 20px rgba(166, 180, 200, 0.7), inset -2px -2px 4px rgba(0, 0, 0, 0.1), inset 13px 12px 20px rgba(255, 255, 255, 0.8);}.services-card .crs-left {left: 50%; transform: translateX(-101%);}.services-card .crs-right {left: 51%; transform: none;}@media (min-width: 576px) {    .services-card .card {width: 303px;}}@media (min-width: 768px) {    .services-card {padding-top: 200px;}}@media (min-width: 992px) {    .services-card .arrow {transform: translateX(100%); left: auto; bottom: 32px;}    .services-card .crs-left {right: 0; }    .services-card .crs-right {right: -150px;}}