/* css styles */

.test h3 {
  text-align: center;
}
.focusbox {
  padding: 1em 1em 1em 6.5em;
  margin-bottom: 10px;
  border: 1.5px solid #3A3B60;
  border-radius: 10px;
  font-size: 15px;
  background: #fffac0 no-repeat;
  background-size: 5em;
  background-position: 7px 46px;
}

.focus {
  background-image: url("images/focus.png");
}

.thinkbox {
  padding: 1em 1em 1em 6.5em;
  margin-bottom: 10px;
  border: 1.5px solid #3A3B60;
  border-radius: 10px;
  font-size: 15px;
  background: #d6f1f2 no-repeat;
  background-size: 5em;
  background-position: 7px 20px;
}

.think {
  background-image: url("images/think.png");
}


.codebox {
  padding: 2em 1em 1em 6.5em;
  margin-bottom: 10px;
  border: 1.5px solid #3A3B60;
  border-radius: 10px;
  font-size: 15px;
  background: #ffe5c5 5px center/3em no-repeat;
  background-size: 5em;
}

.code {
  background-image: url("images/code.png");
}

.kambox {
  padding: 1em 0.5em 1em 6.5em;
  margin-bottom: 10px;
  border: 1.5px solid #d1e3f6;
  border-radius: 10px;
  font-size: 15px;
  color: white;
  background: #2c3539 no-repeat;
  background-size: 5em;
  background-position: 7px 20px;
}

.kam {
  background-image: url("images/profkam.png");
}

.cautionbox {
  padding: 1em 0.5em 1em 6.5em;
  margin-bottom: 10px;
  border: 1.5px solid #3A3B60;
  border-radius: 10px;
  font-size: 15px;
  background: #FFCAD4 no-repeat;
  background-size: 5em;
  background-position: 7px 20px;
}

.caution {
  background-image: url("images/caution.png");
}


.pastbox {
  padding: 1em 1em 1em 6.5em;
  margin-bottom: 10px;
  border: 1.5px solid #3A3B60;
  border-radius: 10px;
  font-size: 15px;
  background: #F7F5FF no-repeat;
  background-size: 5em;
  background-position: 7px 46px;
}

.past {
  background-image: url("images/past.png");
}