@charset "UTF-8";
/* CSS Document */


.b0 {
  border-radius: 5px;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  width: 110px;
  height: 15px;
  background-color: Red;
  border: 2px solid black;
  padding: 10px;
  margin: 10px;
  position: relative;
  left: 40%;
}

.b1 {
  border-radius: 5px;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: lightblue;
  border: 2px solid black;
  padding: 10px;
  margin: 8px;
  position: relative;
}

.b6 {
  border-radius: 5px;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: red;
  border: 2px solid black;
  padding: 10px;
  margin: 8px;
  position: relative;
}


.b10 {
  border-radius: 5px;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: #8F84FA;
  border: 2px solid black;
  padding: 10px;
  margin: 8px;
  position: relative;
}

.b15 {
  border-radius: 5px;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: YELLOW;
  border: 2px solid black;
  padding: 10px;
  margin: 8px;
  position: relative;
  }
  
  .b16 {
  border-radius: 5px;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: #FFBDA1;
  border: 2px solid black;
  padding: 10px;
  margin: 8px;
  position: relative;
}

.b17 {
  border-radius: 5px;
  text-align:center;
  font-size:13px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: lightblue;
  border: 2px solid black;
  padding: 10px;
  margin: 10px;
  position: relative;
  LEFT: 20px;
}

.b18 {
  border-radius: 5px;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: #8cc63f;
  border: 2px solid black;
  padding: 10px;
  margin: 8px;
  position: relative;
}


.b19 {
  border-radius: 5px;
  text-align:center;
  font-size:13px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: #8cc63f;
  border: 2px solid black;
  padding: 10px;
  margin: 10px;
  position: relative;
  LEFT: 20px;
}




.b2 {
  border-radius: 5px;
  text-align:center;
  font-size:13px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: #8F84FA;
  border: 2px solid black;
  padding: 10px;
  margin: 10px;
  position: relative;
  LEFT: 20px;
}

.b6 {
  border-radius: 5px;
  text-align:center;
  font-size:13px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: red;
  border: 2px solid black;
  padding: 10px;
  margin: 10px;
  position: relative;
  LEFT: 20px;
}

.b20 {
  border-radius: 5px;
  text-align:center;
  font-size:13px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: YELLOW;
  border: 2px solid black;
  padding: 10px;
  margin: 10px;
  position: relative;
  LEFT: 20px;
}

.b25 {
  border-radius: 5px;
  text-align:center;
  font-size:13px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: #FFBDA1;
  border: 2px solid black;
  padding: 10px;
  margin: 10px;
  position: relative;
  LEFT: 20px;
}

.b3 {
  border-radius: 5px;
  text-align:center;
  font-size:13px;
  font-weight:normal;
  float:left;
  width: 110px;
  height: 15px;
  background-color: #FFFFFF;
  border: 2px;
  padding: 10px;
  margin: 12px;
  position: relative;
  LEFT: 20px;
}

.bbox {
  border-radius: 5px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  width: 110px;
  height: 15px;
  background-color: #7CFC00;
  border: 1px solid black;
  padding: 10px;
  margin: 8px;
  position: relative;
}

/*******************************************************************************/
/*                          Round boxes

/*******************************************************************************/


.rounded-box {
  position: relative;
  font-size:18px;
  font-weight:normal;
  float:left;
  width: 420px;
  height: 550px;
  margin: 8px;
  border: 1px solid black; 
  /*background-color: lightblue;*/
  border-radius: 15px;
  padding: 20px;
  text-align: left;
  margin-bottom: 30px; 
}


/*.rounded-box2 {
  font-size:18px;
  font-weight:normal;
  float:right;
  width: 425px;
  height: 450px;
  margin: 20px;
  border: 1px solid black; 
  border-radius: 15px;
  padding: 20px;
  text-align: left;
  margin-bottom: 30px;
}

.rounded-box3 {
  font-size:14px;
  font-weight:normal;
  float:left;
  width: 425px;
  height: 475px;
  border: 1px solid black; 
  border-radius: 15px;
  padding: 20px;
  text-align: left;
  margin-bottom: 20px;
}

.rounded-box4 {
  font-size:14px;
  font-weight:normal;
  float:right;
  width: 425px;
  height: 500px;
  border: 1px solid black; 
  border-radius: 15px;
  padding: 20px;
  text-align: left;
  margin-bottom: 20px;
}  */

.italic-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-style: italic;
}

.spacer {
      height: 10px;
	  width: 678px; /* Adjust the height as needed */
    }
	
.down-arrow {
	position: absolute;
	top: 35px;  /* moves line up and down   */
	left: 65px;   /* moves line left and right  */
	width: 0px;
	height: 15px;
	border: 1px solid;
	border-radius: 1px;
?*	animation: jumpInfinite 1.5s infinite; */
}

.down-arrow:after {
  content: " ";
  position: absolute;
  top: 1px;   /*   moves arou up and down   */
  left: -9px;   /* mores arrow left and right  */
  width: 16px;
  height: 15px;   /* draws bottom arrow right side  */
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-radius: 2px;
  transform: rotateZ(45deg);
}

@keyframes jumpInfinite {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 20px;
  }
  100% {
    margin-top: 0;
  }
}

.down-arrow {
  // rest of the styles from above
  animation: jumpInfinite 1.5s infinite;
}