div.card-st1 {
    width: 200px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #c00010;
    color:#faf7f7;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }

  div.card-st2 {
    width: 200px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #fd6b40;
    color:#faf7f7;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }

  div.card-st3 {
    width: 200px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #fc9e3a;
    color:#faf7f7;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }

  div.card-st4 {
    width: 200px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #b8c16b;
    color:#faf7f7;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }

  div.card-st5 {
    width: 200px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #616b30;
    color:#faf7f7;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }


  div.card-st6 {
    width: 300px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #c00010;
    color:#faf7f7;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }

  div.card-st7 {
    width: 300px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #fd6b40;
    color:#faf7f7;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }

  div.card-st8 {
    width: 300px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #fc9e3a;
    color:#faf7f7;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }

  div.card-st9 {
    width: 200px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #faf7f7;
    color:#faf7f7;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }

  div.card-st10 {
    width: 200px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: #faf7f7;
    color:#292828;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
  }