@keyframes wiggle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0.5deg);
  }
}
@keyframes zoom {
  0% {
    opacity: 0.5;
    transform: scale(1.4);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.2) rotate(180deg);
  }
  100% {
    opacity: 0.5;
    transform: scale(1) rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
body {
  background: #1a1a1a;
  font-size: 20px;
}

.disco {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10em;
  margin-top: -10em;
  width: 20em;
  height: 20em;
  background: radial-gradient(circle closest-side, black 35%, rgba(0, 0, 0, 0) 35.5%, rgba(0, 0, 0, 0) 96%, black 96.5%), radial-gradient(circle closest-side, rgba(0, 0, 0, 0) 41.9845810963%, rgba(0, 0, 0, 0.3) 42.1845810963%, rgba(0, 0, 0, 0.3) 43.1845810963%, rgba(0, 0, 0, 0) 43.3845810963%, rgba(0, 0, 0, 0) 48.5145095268%, rgba(0, 0, 0, 0.3) 48.7145095268%, rgba(0, 0, 0, 0.3) 49.7145095268%, rgba(0, 0, 0, 0) 49.9145095268%, rgba(0, 0, 0, 0) 59.2664805108%, rgba(0, 0, 0, 0.3) 59.4664805108%, rgba(0, 0, 0, 0.3) 60.4664805108%, rgba(0, 0, 0, 0) 60.6664805108%, rgba(0, 0, 0, 0) 67.8813571404%, rgba(0, 0, 0, 0.3) 68.0813571404%, rgba(0, 0, 0, 0.3) 69.0813571404%, rgba(0, 0, 0, 0) 69.2813571404%, rgba(0, 0, 0, 0) 78.07212883%, rgba(0, 0, 0, 0.3) 78.27212883%, rgba(0, 0, 0, 0.3) 79.27212883%, rgba(0, 0, 0, 0) 79.47212883%, rgba(0, 0, 0, 0) 88.2101939154%, rgba(0, 0, 0, 0.3) 88.4101939154%, rgba(0, 0, 0, 0.3) 89.4101939154%, rgba(0, 0, 0, 0) 89.6101939154%, rgba(0, 0, 0, 0) 95.3279457667%, rgba(0, 0, 0, 0.3) 95.5279457667%, rgba(0, 0, 0, 0.3) 96.5279457667%, rgba(0, 0, 0, 0) 96.7279457667%), conic-gradient(black 40deg, #eef 42deg, black 44deg, black 219deg, #eef 222deg, #eef 223deg, black 228deg), repeating-radial-gradient(rgba(0, 0, 0, 0.4996555404) 1.186440678px, rgba(0, 0, 0, 0.015138379) 2.3728813559px, rgba(0, 0, 0, 0.452767967) 3.5593220339px, rgba(0, 0, 0, 0.0476748455) 4.7457627119px, rgba(0, 0, 0, 0.385068698) 5.9322033898px, rgba(0, 0, 0, 0.0605380296) 7.1186440678px, rgba(0, 0, 0, 0.4883900761) 8.3050847458px, rgba(0, 0, 0, 0.122050874) 9.4915254237px, rgba(0, 0, 0, 0.3782381781) 10.6779661017px, rgba(0, 0, 0, 0.0468355439) 11.8644067797px, rgba(0, 0, 0, 0.4584354803) 13.0508474576px, rgba(0, 0, 0, 0.131565422) 14.2372881356px, rgba(0, 0, 0, 0.3795667388) 15.4237288136px, rgba(0, 0, 0, 0.1378552478) 16.6101694915px, rgba(0, 0, 0, 0.4869877635) 17.7966101695px, rgba(0, 0, 0, 0.1322860858) 18.9830508475px, rgba(0, 0, 0, 0.469752295) 20.1694915254px, rgba(0, 0, 0, 0.0903247296) 21.3559322034px, rgba(0, 0, 0, 0.402425591) 22.5423728814px, rgba(0, 0, 0, 0.1097518422) 23.7288135593px, rgba(0, 0, 0, 0.36739814) 24.9152542373px, rgba(0, 0, 0, 0.0912069059) 26.1016949153px, rgba(0, 0, 0, 0.4105246431) 27.2881355932px, rgba(0, 0, 0, 0.1462476659) 28.4745762712px, rgba(0, 0, 0, 0.3810342146) 29.6610169492px, rgba(0, 0, 0, 0.1193725075) 30.8474576271px, rgba(0, 0, 0, 0.4208869685) 32.0338983051px, rgba(0, 0, 0, 0.0020350762) 33.2203389831px, rgba(0, 0, 0, 0.4746225584) 34.406779661px, rgba(0, 0, 0, 0.0499736044) 35.593220339px, rgba(0, 0, 0, 0.3797894159) 36.7796610169px, rgba(0, 0, 0, 0.1260638443) 37.9661016949px, rgba(0, 0, 0, 0.4074987953) 39.1525423729px, rgba(0, 0, 0, 0.1453383479) 40.3389830508px, rgba(0, 0, 0, 0.4200346779) 41.5254237288px, rgba(0, 0, 0, 0.1249726563) 42.7118644068px, rgba(0, 0, 0, 0.4881488338) 43.8983050847px, rgba(0, 0, 0, 0.0696829286) 45.0847457627px, rgba(0, 0, 0, 0.3672433268) 46.2711864407px, rgba(0, 0, 0, 0.1354650135) 47.4576271186px, rgba(0, 0, 0, 0.4465408808) 48.6440677966px, rgba(0, 0, 0, 0.0166201998) 49.8305084746px, rgba(0, 0, 0, 0.4702032527) 51.0169491525px, rgba(0, 0, 0, 0.0755271624) 52.2033898305px, rgba(0, 0, 0, 0.477645415) 53.3898305085px, rgba(0, 0, 0, 0.0450932302) 54.5762711864px, rgba(0, 0, 0, 0.4137358385) 55.7627118644px, rgba(0, 0, 0, 0.0215117577) 56.9491525424px, rgba(0, 0, 0, 0.413563808) 58.1355932203px, rgba(0, 0, 0, 0.0627731612) 59.3220338983px, rgba(0, 0, 0, 0.4686711126) 60.5084745763px, rgba(0, 0, 0, 0.0352744989) 61.6949152542px, rgba(0, 0, 0, 0.3662642178) 62.8813559322px, rgba(0, 0, 0, 0.1350045754) 64.0677966102px, rgba(0, 0, 0, 0.3857635359) 65.2542372881px, rgba(0, 0, 0, 0.1495424411) 66.4406779661px, rgba(0, 0, 0, 0.4261802996) 67.6271186441px, rgba(0, 0, 0, 0.0469920311) 68.813559322px, rgba(0, 0, 0, 0.4891361322) 70px), conic-gradient(rgba(255, 255, 255, 0) 80deg, rgba(255, 255, 255, 0.04) 90deg, rgba(255, 255, 255, 0) 95deg, rgba(255, 255, 255, 0) 260deg, rgba(255, 255, 255, 0.04) 270deg, rgba(255, 255, 255, 0) 285deg), conic-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.22) 20deg, rgba(255, 255, 255, 0.29) 40deg, rgba(255, 255, 255, 0) 70deg, rgba(255, 255, 255, 0) 180deg, rgba(255, 255, 255, 0.18) 200deg, rgba(255, 255, 255, 0.15) 210deg, rgba(255, 255, 255, 0) 250deg), black;
  background-blend-mode: normal,normal,color-dodge,normal,normal;
  animation: wiggle 30ms linear infinite alternate;
  border-radius: 100%;
  overflow: hidden;
}
.disco::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: repeating-radial-gradient(rgba(0, 0, 0, 0.4996555404) 1.186440678px, rgba(0, 0, 0, 0.015138379) 2.3728813559px, rgba(0, 0, 0, 0.452767967) 3.5593220339px, rgba(0, 0, 0, 0.0476748455) 4.7457627119px, rgba(0, 0, 0, 0.385068698) 5.9322033898px, rgba(0, 0, 0, 0.0605380296) 7.1186440678px, rgba(0, 0, 0, 0.4883900761) 8.3050847458px, rgba(0, 0, 0, 0.122050874) 9.4915254237px, rgba(0, 0, 0, 0.3782381781) 10.6779661017px, rgba(0, 0, 0, 0.0468355439) 11.8644067797px, rgba(0, 0, 0, 0.4584354803) 13.0508474576px, rgba(0, 0, 0, 0.131565422) 14.2372881356px, rgba(0, 0, 0, 0.3795667388) 15.4237288136px, rgba(0, 0, 0, 0.1378552478) 16.6101694915px, rgba(0, 0, 0, 0.4869877635) 17.7966101695px, rgba(0, 0, 0, 0.1322860858) 18.9830508475px, rgba(0, 0, 0, 0.469752295) 20.1694915254px, rgba(0, 0, 0, 0.0903247296) 21.3559322034px, rgba(0, 0, 0, 0.402425591) 22.5423728814px, rgba(0, 0, 0, 0.1097518422) 23.7288135593px, rgba(0, 0, 0, 0.36739814) 24.9152542373px, rgba(0, 0, 0, 0.0912069059) 26.1016949153px, rgba(0, 0, 0, 0.4105246431) 27.2881355932px, rgba(0, 0, 0, 0.1462476659) 28.4745762712px, rgba(0, 0, 0, 0.3810342146) 29.6610169492px, rgba(0, 0, 0, 0.1193725075) 30.8474576271px, rgba(0, 0, 0, 0.4208869685) 32.0338983051px, rgba(0, 0, 0, 0.0020350762) 33.2203389831px, rgba(0, 0, 0, 0.4746225584) 34.406779661px, rgba(0, 0, 0, 0.0499736044) 35.593220339px, rgba(0, 0, 0, 0.3797894159) 36.7796610169px, rgba(0, 0, 0, 0.1260638443) 37.9661016949px, rgba(0, 0, 0, 0.4074987953) 39.1525423729px, rgba(0, 0, 0, 0.1453383479) 40.3389830508px, rgba(0, 0, 0, 0.4200346779) 41.5254237288px, rgba(0, 0, 0, 0.1249726563) 42.7118644068px, rgba(0, 0, 0, 0.4881488338) 43.8983050847px, rgba(0, 0, 0, 0.0696829286) 45.0847457627px, rgba(0, 0, 0, 0.3672433268) 46.2711864407px, rgba(0, 0, 0, 0.1354650135) 47.4576271186px, rgba(0, 0, 0, 0.4465408808) 48.6440677966px, rgba(0, 0, 0, 0.0166201998) 49.8305084746px, rgba(0, 0, 0, 0.4702032527) 51.0169491525px, rgba(0, 0, 0, 0.0755271624) 52.2033898305px, rgba(0, 0, 0, 0.477645415) 53.3898305085px, rgba(0, 0, 0, 0.0450932302) 54.5762711864px, rgba(0, 0, 0, 0.4137358385) 55.7627118644px, rgba(0, 0, 0, 0.0215117577) 56.9491525424px, rgba(0, 0, 0, 0.413563808) 58.1355932203px, rgba(0, 0, 0, 0.0627731612) 59.3220338983px, rgba(0, 0, 0, 0.4686711126) 60.5084745763px, rgba(0, 0, 0, 0.0352744989) 61.6949152542px, rgba(0, 0, 0, 0.3662642178) 62.8813559322px, rgba(0, 0, 0, 0.1350045754) 64.0677966102px, rgba(0, 0, 0, 0.3857635359) 65.2542372881px, rgba(0, 0, 0, 0.1495424411) 66.4406779661px, rgba(0, 0, 0, 0.4261802996) 67.6271186441px, rgba(0, 0, 0, 0.0469920311) 68.813559322px, rgba(0, 0, 0, 0.4891361322) 70px);
  border-radius: 100%;
  animation: zoom 1.7910447761s linear infinite;
}
.disco::after {
  content: "MCM";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30%;
  height: 30%;
  margin-left: -15%;
  margin-top: -15%;
  border-radius: 100%;
  color: #dde;
  text-align: center;
  line-height: 3em;
  font-weight: bold;
  background: radial-gradient(circle closest-side, #eaeaee 8%, rgba(234, 234, 238, 0) 9%, transparent 85%, #dde 85%, #dde 90%, transparent 90%), conic-gradient(#4d4391 25%, #cf4b91 0 50%, #4d4391 0 75%, #cf4b91 0);
  background-size: 100%, 3em 3em;
  animation: spin 1.7910447761s linear infinite;
}