#title {
  margin: auto;
  margin-top: 2vw;
  font-size: calc(1.8rem + 0.3vw);
  width: 80%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-group,
.btn-primary {
  margin: 1vw;
}

.btn-primary {
  margin-bottom: 5vw;
}

#form {
  width: 50vw;
  margin: auto;
}

@media (max-width: 768px) {
  #form {
    width: 80vw;
  }
}

ul.inside {
  list-style-position: outside;
}
li {
  display: list-item;
}

input:focus,
input:active {
  outline: none !important;
  box-shadow: none;
}

.text-box {
  margin: 3vw auto;
  text-align: center;
  max-width: 80vw;
  width: fit-content !important;
  height: auto;
  border-radius: 20px;
  padding: 3rem;
  padding-top: 2rem;
}

.card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.card-title {
  font-size: 1.5rem;
}

.card-text {
  /* padding: 0 5vw; */
  margin-top: 0.5rem;
  text-align: left;
  max-width: 70ch;
  font-size: 1rem;
}

@media (max-width: 768px) {
  .text-box {
    padding: 2rem;
    padding-top: 1.5rem;
    max-width: 90vw;
    width: 90vw !important;
  }
  .card-title {
    font-size: 1.8rem;
  }

  .card-text {
    padding: 0;
    font-size: 1rem;
  }
}

.current-datasets {
  list-style: none;
}

.current-datasets::before {
  content: "\00BB";
  font-size: calc(1.7rem + 0.2vw);
  margin-right: 0.3rem;
  color: rgb(122, 122, 122);
}