p {
  padding-left: 1080px;
  top: 100px;
  font-family: cambria;
  position: absolute;
}

#box-description {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  border: 2px solid #0000;
  border-radius: 5px;
  padding: 5px;
  font-family: cambria;
}

.box1 {
  height: 18px;
  width: 20px;
  background-color: #00008b;
  position: absolute;
  top: 117px;
  margin-left: 1050px;
}

.box2 {
  height: 18px;
  width: 20px;
  background-color: #00008b;
  opacity: 0.8;
  position: absolute;
  top: 135px;
  margin-left: 1050px;
}

.box3 {
  height: 18px;
  width: 20px;
  background-color: #00008b;
  opacity: 0.6;
  position: absolute;
  top: 153px;
  margin-left: 1050px;
}

.box4 {
  height: 18px;
  width: 20px;
  background-color: #00008b;
  opacity: 0.4;
  position: absolute;
  top: 171px;
  margin-left: 1050px;
}

.box5 {
  height: 18px;
  width: 20px;
  background-color: #00008b;
  opacity: 0.2;
  position: absolute;
  top: 189px;
  margin-left: 1050px;
}

h1{
  padding-left: 280px;
  font-family: cambria;
  position: absolute;
}

#svg {
  position: absolute;
  padding-top: 100px;
}