body {
  background: #333;
  margin:0;
  padding:0;
}
.outer-circle {
  background: transparent;
  width: 500px;
  height: 500px;
  border-radius:50%;
  position:relative;
  z-index:99;
  box-shadow:0 0 100px 250px #999;

}
.inner-circle {
  position: absolute;
  width:200px;
  height: 200px;
  background: #fff;
  border-radius:50%;
  z-index:100;
  margin-left:150px;
  margin-top:150px;
}
.red-1 {
  width:420px;
  height:180px;
  background: #F90101;
  position:absolute;
  top:-59px;
  left:83px;
  -webkit-transform:rotate(-30deg);
  -moz-transform:rotate(-30deg);
    transform:rotate(-30deg)
}
.red-2{
  width:250px;
  height:150px;
  background: #F90101;
  position:absolute;
  left:230px;
  top:0;
}
.yellow-1 {
  position: absolute;
  width:300px;
  height: 350px;
  top:50px;
  left:330px;
  background: #F2B50F;
    -webkit-transform:rotate(-30deg);
  -moz-transform:rotate(-30deg);
    transform:rotate(-30deg);
  z-index:-1
}
.yellow-2{
  position: absolute;
  width:150px;
  height:310px;
  background: #F2B50F;
  top:250px;
  left:285px;
   -webkit-transform:rotate(30deg);
  -moz-transform:rotate(30deg);
    transform:rotate:(30deg)
}
.green-box{
  width:350px;
  height:500px;
  background: #00933B;
   -webkit-transform:rotate(-60deg);
  -moz-transform:rotate(-60deg);
    transform:rotate(-60deg);
  top:50px;
  position: absolute;
  z-index:-2
}
.blue{
  background: #0266C8;
  height:160px;
  width:160px;
  border-radius:50%;
  position: absolute;
  top:20px;
  left:20px;
}
.box {
  width:500px;
  height:500px;
  border-radius:50%;
 -webkit-animation: rotate 2s linear infinite;
   -moz-animation: rotate 2s linear infinite;
 -o-animation:  rotate 2s linear infinite;
 animation:  rotate 2s linear infinite;
}

@keyframes rotate
{
   from {-webkit-transform:rotate(0)}
  to {-webkit-transform:rotate(360deg)}
}

@-webkit-keyframes rotate /*Safari and Chrome*/
{
  from {-webkit-transform:rotate(0)}
  to {-webkit-transform:rotate(360deg)}
  
}
@-moz-keyframes rotate /*Firefox*/
{
  from {-webkit-transform:rotate(0)}
  to {-webkit-transform:rotate(360deg)}
  
}