.card {
  background-color: transparent !important;
}

.col-12 {
  border: 1px solid white;
  border-radius: 10px;
}

.col {
  color: #fff;
}

.courses {
  display: flex;
  margin-bottom: 15px;
}

.courses > *:first-child {
  margin-left: 0;
}

.courses > *:last-child {
  margin-right: 0;
}

.courses > * {
  margin-right: 5px;
  margin-left: 5px;
}

.course-item {
  color: #fff;

  font-weight: 700;
  font-size: 16px;
}
.course-item-title {
  font-weight: 700;
  font-size: 16px;
}
.course-item-value {
  font-size: 18px;
  font-weight: 600;
}

.course-item-value.top {
  color: rgb(99, 235, 84);
}

.course-item-value.bottom {
  color: rgb(172, 152, 242);
}

h1 {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(
    165deg,
    rgb(243, 238, 184),
    rgb(163, 159, 232),
    rgb(198, 244, 197)
  );
}

.card-body {
  padding: 5px !important;

  border: 1px solid white;
}

.form-control {
  padding: 5px !important;
}

body {
  background: -webkit-linear-gradient(
    0deg,
    rgb(43, 54, 52),
    rgb(189, 243, 116),
    rgb(245, 176, 160)
  );
  background: -moz-linear-gradient(
    0deg,
    rgb(43, 54, 52),
    rgb(189, 243, 116),
    rgb(245, 176, 160)
  );
  background: linear-gradient(
    0deg,
    rgb(43, 54, 52),
    rgb(189, 243, 116),
    rgb(245, 176, 160)
  );

  background-repeat: no-repeat;
}

.container {
  font-family: "Roboto", sans-serif;
  background: url(./img/4.jpg) no-repeat;
  background-size: 100% 100%;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  color: black;
}