.gradation1{
  background: linear-gradient(to bottom, #f5f5f5, #dcdcdc);
  width: 495px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gradation2{
  background: linear-gradient(to bottom, #0FF0B3, #036ED9);
  width: 4px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gradation3{
  background: linear-gradient(to left, #f5f5f5, #b1b5ba);
  width: 319px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gradation4{
  background: linear-gradient(to left, #f0ffff, #b0c4de);
  width: 319px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gradation5{
  background: linear-gradient(to bottom, #f5f5f5, #dcdcdc 80%);
  width: 698px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.gradation6{
  background: linear-gradient(to bottom, #f5f5f5, #dcdcdc);
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gradation7{
  background: linear-gradient(to bottom, #f0fff0, #8fbc8f) url('(EmptyReference!)');
  width: 720px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gradation8{
  background: linear-gradient(to right, #FFFFFF, #009933);
  width: 60px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gradation9{
  background: linear-gradient(to left, #FFFFFF, #009933);
  width: 60px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gradatio10{
  background: linear-gradient(to bottom, #228b22, #ffffff);
  width: 730px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
}