/*----- BASIC SETUP -----*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  background-color: #FAFAFA;
  color: #4C4E61;
  font-family: 'Poppins';
  font-size: 15px;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  padding: 30px 20px;
}

/*----- BLOCK SETUP -----*/
.block {
  min-width: 300px;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.block__upper,
.block__lower {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/*----- BLOCK UPPER -----*/
.block__upper {
  line-height: 1.7;
}

.block__upper__header--nobold {
  font-size: 1.6rem;
  font-weight: 200;
}

.block__upper__header--bold {
  font-size: 1.6rem;
}

.block__upper__text {
  color: #A3A5AE;
  text-align: center;
  margin: 10px auto;
}


/*----- BLOCK LOWER -----*/
.block__lower {
  margin: 50px auto;
}

.block__lower__child {
  background-color: #fff;
  box-shadow: 0 15px 20px -10px #A3A5AE;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  border-radius: 5px;
  padding: 20px 30px;
  line-height: 1.8;
  width: 100%;
}

.block__lower__child__heading {
  font-size: 1.3rem;
}

.block__lower__child__img {
  align-self: flex-end;
  margin-top: 30px;
}

.block__lower__child__text {
  color: #A3A5AE;
  font-size: 0.8rem;
  margin-top: 5px;
}

.child--supervisor {
  border-top: solid 4px #45D3D3;
}

.child--team-builder {
  border-top: solid 4px #EA5353;
}

.child--karma {
  border-top: solid 4px #FCAF4A;
}

.child--calculator {
  border-top: solid 4px #549EF2;
}