.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.text-center {
  text-align: center;
}
.mr-1 {
  margin-right: 0.25rem; /* 4px */
}
.ml-1 {
  margin-left: 0.25rem; /* 4px */
}
.mt-1 {
  margin-top: 0.25rem; /* 4px */
}
.mb-1 {
  margin-bottom: 0.25rem; /* 4px */
}
.h-full {
  height: 100%;
}
.bg-1 {
  background-color: #37d2d4;
}
.bg-2 {
  background-color: #19ca88;
}

.bg-3 {
  background-color: #858ff8;
}

.bg-4 {
  background-color: #2e8cff;
}

.bg-5 {
  background-color: #fd9133;
}

.bg-6 {
  background-color: #f6580e;
}

.bg-7 {
  background-color: #f6d10e;
}