body{
background-color: #e7e7e7;
padding: 0px;
margin: 0px;
text-decoration: none;
}

.circle1,.circle2,.circle3,.circle4,.circle5,.circle6,.circle7,.circle8,.circle9,.circle10,
.circle11,.circle12,.circle13,.circle14,.circle15,.circle16,.circle17,.circle18,.circle19,.circle20,
.circle21,.circle22,.circle23,.circle24,.circle25,.circle26,.circle27,.circle28,.circle29,.circle30,
.circle31,.circle32,.circle33,.circle34,.circle35,.circle36,.circle37,.circle38,.circle39,.circle40,
.circle41,.circle42,.circle43,.circle44,.circle45,.circle46,.circle47,.circle48,.circle49,.circle50,
.circle51,.circle52,.circle53,.circle54,
.circle55,.circle56,.circle57,.circle58,.circle59,.circle60,.circle61,.circle62,.circle63,.circle64,.circle65,.circle66,.circle67,.circle68
{border-radius: 50%;
  width: 25px;
  height: 25px; 
  background-color: #92278F;
  position:fixed;
  padding: 10px;
  top: 50%;
  left: 50%;
  
	/* width and height can be anything, as long as they're equal */
}
/* width and height can be anything, as long as they're equal */
.circle2 {width: 25px;height: 25px;background-color: #92278F;}
.circle3 {width: 25px;height: 25px;background-color: #8DC63F;}
.circle4 {width: 25px;height: 25px;background-color: #8DC63F;}
.circle5 {width: 25px;height: 25px;background-color: #00BDF2;}
.circle6 {width: 25px;height: 25px;background-color: #EC008C;}
.circle7 {width: 25px;height: 25px;background-color:#00BDF2;}
.circle8 {width: 25px;height: 25px;background-color: #00BDF2;}
.circle9 {width: 25px;height: 25px;background-color: #00BDF2;}
.circle10 {width:25px;height: 25px;background-color: #92278F;}
.circle11 {width:25px;height: 25px;background-color: #92278F;}
.circle12 {width:25px;height: 25px;background-color: #8DC63F;}
.circle13 {width:25px;height: 25px;background-color: #00BDF2;}
.circle14 {width:25px;height: 25px;background-color: #EC008C;}
.circle15 {width:25px;height: 25px;background-color: #00BDF2;}
.circle16 {width:25px;height: 25px;background-color: #EC008C;}
.circle17 {width:25px;height: 25px;background-color: #92278F;}
.circle18 {width:25px;height: 25px;background-color: #EC008C;}
.circle19 {width:25px;height: 25px;background-color: #92278F;}


.circle20 {width:25px;height: 25px;background-color: #00BDF2;}
.circle21 {width:25px;height: 25px;background-color: #EC008C;}
.circle22 {width:25px;height: 25px;background-color: #92278F;}
.circle23 {width:25px;height: 25px;background-color: #8DC63F;}

.circle24 {width:25px;height: 25px;background-color: #00BDF2;}
.circle25 {width:25px;height: 25px;background-color: #EC008C;}
.circle26 {width:25px;height: 25px;background-color: #00BDF2;}
.circle27 {width:25px;height: 25px;background-color: #EC008C;}

.circle28 {width:25px;height: 25px;background-color: #00BDF2;}
.circle29 {width:25px;height: 25px;background-color: #00BDF2;}
.circle25 {width:25px;height: 25px;background-color: #8DC63F;}
.circle31 {width:25px;height: 25px;background-color: #8DC63F;}

.circle32 {width:25px;height: 25px;background-color: #92278F;}
.circle33 {width:25px;height: 25px;background-color: #8DC63F;}
.circle34 {width:25px;height: 25px;background-color: #00BDF2;}
.circle35 {width:25px;height: 25px;background-color: #92278F;}

.circle36 {width:25px;height: 25px;background-color: #8DC63F;}
.circle37 {width:25px;height: 25px;background-color: #EC008C;}
.circle38 {width:25px;height: 25px;background-color: #8DC63F;}
.circle39 {width:25px;height: 25px;background-color: #EC008C;}

.circle40 {width:25px;height: 25px;background-color: #EC008C;}
.circle41 {width:25px;height: 25px;background-color: #00BDF2;}
.circle42 {width:25px;height: 25px;background-color: #8DC63F;}
.circle43 {width:25px;height: 25px;background-color: #00BDF2;}

.circle44 {width:25px;height: 25px;background-color: #92278F;}
.circle45 {width:25px;height: 25px;background-color: #92278F;}
.circle46 {width:25px;height: 25px;background-color: #92278F;}
.circle47 {width:25px;height: 25px;background-color: #92278F;}

.circle48 {width:25px;height: 25px;background-color: #EC008C;}
.circle49 {width:25px;height: 25px;background-color: #00BDF2;}
.circle50 {width:25px;height: 25px;background-color: #8DC63F;}
.circle51 {width:25px;height: 25px;background-color: #00BDF2;}

.circle52 {width:25px;height: 25px;background-color: #EC008C;}
.circle53 {width:25px;height: 25px;background-color: #EC008C;}
.circle54 {width:25px;height: 25px;background-color: #8DC63F;}
.circle55 {width:25px;height: 25px;background-color: #EC008C;}

.circle56 {width:25px;height: 25px;background-color: #92278F;}
.circle57 {width:25px;height: 25px;background-color: #EC008C;}
.circle58 {width:25px;height: 25px;background-color: #00BDF2;}
.circle59 {width:25px;height: 25px;background-color: #EC008C;}
.circle60 {width:25px;height: 25px;background-color: #92278F;}
.circle61 {width:25px;height: 25px;background-color: #92278F;}
.circle62 {width:25px;height: 25px;background-color: #00BDF2;}
.circle63 {width:25px;height: 25px;background-color: #EC008C;}
.circle64 {width:25px;height: 25px;background-color: #00BDF2;}
.circle65 {width:25px;height: 25px;background-color: #EC008C;}
.circle66 {width:25px;height: 25px;background-color: #92278F;}
.circle67 {width:25px;height: 25px;background-color: #8DC63F;}
.circle68 {width:18px;height: 18px;background-color: #00BDF2;}

#menu{padding:10px;}

.lets{margin-top:39%;margin-left:22%;}

ul{list-style-image: none;text-decoration: none;}
ul li{list-style: none;text-align: center;color: #fff;}