#box_1 { 
	position: absolute;
	width: 740px;
	height: 270px;
	background: black;
}
#box_2 {
  position: relative;
	width: 740px;
	height: 650px;
	background: gray;
  top: 250px;
}
#box_3 {
  position: absolute;
	width: 740px;
	height: 250px;
	background: black;
  top: 400px;  
}

h1{
  font-family: 'Quicksand', sans-serif;
  color: white;
  font-size: 115px;
  margin: 10px 40px;
  font-weight: 500;
}

#circle_1{
  position: relative;
  width: 210px;
  height: 210px;
  background: gray;
  bottom: 470px;
  border-radius: 110px;
}

#circle_2 {
  position: relative;
  width: 210px;
  height: 210px;
  background: gray;
  border-radius: 110px;
  left: 170px;
}

#circle_3 {
  position: relative;
  width: 200px;
  height: 200px;
  background: gray;
  border-radius: 110px;
  left: 180px;
}
#circle_4 {
  position: relative;
  width: 210px;
  height: 210px;
  background: gray;
  border-radius: 110px;
  left: 170px;
}

#circle_5 {
  position: absolute;
  width: 190px;
  height: 190px;
  background: #ABD039;
  border-radius: 110px;
  top: 360px;
  left: 30px;
}

#circle_6 {
  position: absolute;
  width: 200px;
  height: 200px;
  background: #ABD039;
  border-radius: 110px;
  right: 150px;
  bottom: 10px;
}

#circle_7 {
  position: absolute;
  width: 220px;
  height: 220px;
  background: #ABD039;
  border-radius: 110px;
  right: 170px;
  bottom:0px;
}

#circle_8 {
  position: absolute;
  width: 230px;
  height: 230px;
  background: #ABD039;
  border-radius: 120px;
  right: 190px;
  bottom: px;
}


#circle_9 {
  position: absolute;
  width: 230px;
  height: 230px;
  background: #6DC8C1;
  border-radius: 120px;
  right: px;
  top: 20px;
}
#circle_10 {
  position: absolute;
  width: 220px;
  height: 220px;
  background: #6DC8C1;
  border-radius: 110px;
  left: 200px;
  bottom:10px;
}
#circle_11 {
  position: absolute;
  width: 200px;
  height: 200px;
  background: #6DC8C1;
  border-radius: 110px;
  left: 190px;
  top: 20px;
}
#circle_12 {
  position: absolute;
  width: 190px;
  height: 190px;
  background: #6DC8C1;
  border-radius: 110px;
  top: 20px;
  left: 160px;
}
#circle_13 {
  position: absolute;
  width: 190px;
  height: 190px;
  background: #F6B142;
  border-radius: 110px;
  top: 20px;
  
}
#circle_14 {
  position: absolute;
  width: 200px;
  height: 200px;
  background: #F6B142;
  border-radius: 110px;
  right: 150px;
  bottom: 10px;
}
#circle_15 {
  position: absolute;
  width: 220px;
  height: 220px;
  background: #F6B142;
  border-radius: 110px;
  right: 170px;
  bottom: 1px;
}
#circle_16 {
  position: absolute;
  width: 230px;
  height: 230px;
  background: #F6B142;
  border-radius: 120px;
  right: 190px;
  top: 0px;
}
#circle_17 {
  position: absolute;
  width: 230px;
  height: 230px;
  background: #000000;
  border-radius: 120px;
  right: px;
  top: 20px;
}
#circle_18 {
  position: absolute;
  width: 220px;
  height: 220px;
  background: #000000;
  border-radius: 110px;
  left: 200px;
  bottom: 10px;
}

#circle_19 {
  position: absolute;
  width: 200px;
  height: 200px;
  background: #000000;
  border-radius: 110px;
  left: 190px;
  top: 20px;
}
#circle_20 {
  position: absolute;
  width: 190px;
  height: 190px;
  background: #000000;
  border-radius: 110px;
  top: 20px;
  left:160px;
  
}

 #Q {
  font-family: 'Quicksand', sans-serif;
  color: white;
  font-size: 375px;
  position: absolute;
  bottom: 265px;
  left: -580px;
  font-weight:700;
  z-index: 5;

}
#circle_21 {
position: relative;
width: 200px;
height: 200px;
border-radius: 110px;
background: white;
right: 530px;
bottom: 400px;

}

p { 
font-family: 'Quicksand', sans-serif;
color: black;
font-size: 11px;
position: relative;
right: 530px;
bottom: 590px;
font-weight: 500;
}

.qp{
z-index: 200;
width: 150px;
margin: 0 auto;
}

#S {
  font-family: 'Quicksand', sans-serif;
  font-size: 300px;
  font-weight: 700;
  color: white;
  position: relative;
  bottom: 455px;
  right: 10px;
}

#T{
  font-family: 'Quicksand', sans-serif;
  font-size: 320px;
  font-weight: 700;
  position: relative;
  right: 180px;
  bottom: 855px;
  color: white;
}

#U{
font-family: 'quicksand', sans-serif;
font-size: 345px;
position: relative;
font-weight: 700;
right: 375px;
bottom: 1285px;
color: white;
}

#V{
font-family: 'quicksand', sans-serif;
font-size: 345px;
font-weight: 700;
position: relative;
color: white;
bottom: 1715px;
right: 570px;

}

#circle_22{
  position: relative;
  width: 180px;
  height: 180px;
  background: white;
  border-radius: 110px;
  bottom:2000px;
}

#circle_23{
  position: relative;
  width: 180px;
  height: 180px;
  background: white;
  border-radius: 110px;
  bottom:2170px;
  right: 150px;
 
}
#circle_24{
  position: relative;
  width: 180px;
  height: 180px;
  background: white;
  border-radius: 110px;
  bottom:2370px;
  right: 340px;
}
#circle_25{
  position: relative;
  width: 180px;
  height: 180px;
  background: white;
  border-radius: 110px;
  bottom:2570px;
  right: 340px;
}
#circle_26{
  position: relative;
  width: 180px;
  height: 180px;
  background: white;
  border-radius: 110px;
  bottom:2730px;
  right: 540px;
}
.abc1{
  text-align:center;
  width: 7em;
  bottom: 2865px;
  position: relative;
  left: 45px;
  font-weight: 300;
  font-family: 'quicksand',     san-serif;
  font-size: 18px;
  line-height: 24px;
}

.abc2{
  text-align:center;
  width: 7em;
  bottom: 3025px;
  position: relative;
  right: 124px;
  font-weight: 400;
  font-family: 'quicksand',     san-serif;
  font-size: 19px;
  line-height: 24px;
}

.abc3{
  text-align:center;
  width: 7.1em;
  bottom: 3190px;
  position: relative;
  right: 320px;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  font-size: 22px;
  line-height: 26px;
}

.abc4{
  text-align:center;
  width: 7.1em;
  bottom: 3350px;
  position: relative;
  right: 520px;
  font-weight: 700;
  font-family: 'quicksand',     san-serif;
  font-size: 22px;
  line-height: 27px;
}

#four{
  font-family: 'quicksand',     san-serif;
  font-weight: 500;
  position: relative;
  font-size: 170px;
  bottom: 3975px;
  color: white;
  transform: rotate(10deg);
  right: 310px;
}
#two {
  position: relative;
  font-size: 190px;
  color: black;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  bottom: 4050px;
  right: 280px;
  transform: rotate(30deg);
}
#six {
  position: relative;
  font-size: 200px;
  color: black;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  bottom: 4435px;
  right: 190px;
  transform: rotate(25deg);
}

#eight {
  position: relative;
  font-size: 160px;
  color: white;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  bottom: 4490px;
  right: 180px;
  transform: rotate(-9deg);
}
#three {
  position: relative;
  font-size: 120px;
  color: black;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  bottom: 4720px;
  right: 120px;
  transform: rotate(40deg);
}
#seven {
  position: relative;
  font-size: 130px;
  color: black;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  bottom: 4825px;
  right: 80px;
  transform: rotate(-10deg);
}
#five {
  position: relative;
  font-size: 180px;
  color: white;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  bottom: 5180px;
  right: 40px;
  transform: rotate(-20deg);
}
#ampersand {
  position: relative;
  font-size: 210px;
  color: black;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  bottom: 5265px;
  left: 5px;
  transform: rotate(-10deg);
}
#one {
  position: relative;
  font-size: 210px;
  color: white;
  font-weight: 400;
  font-family: 'quicksand',     san-serif;
  bottom: 5615px;
  left: 100px;
  transform: rotate(-10deg);
}
#exc {
  position: relative;
  font-size: 150px;
  color: white;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  bottom: 5980px;
  left: 115px;
  transform: rotate(-30deg);
}
#eight2 {
  position: relative;
  font-size: 120px;
  color: black;
  font-weight: 500;
  font-family: 'quicksand',     san-serif;
  bottom: 6150px;
  left: 35px;
  transform: rotate(-30deg);
}

}