#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 {
  /* margin: 2rem 8rem; */
  margin: auto;
  width: 50vw;
}
@media (max-width: 768px) {
  #form {
    width: 80vw;
  }
}
.errorlist > li {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

form > div {
  margin: 1vh 0;
  /* border-left: 3px solid #7b113a; */
  padding: 0.5vh 0;
  /* padding-left: 2vw; */
  /* padding-bottom: 1vh;
  padding-top: 1vh; */
}

#submit-button {
  width: 90px;
  height: 40px;
  margin-top: 2vh;
  border: 3px solid #7b113a;
  background-color: #002147;
  color: white;
  padding: 10px;
  cursor: pointer;
}
#submit-button:hover {
  background-color: #7b113a;
  transition: 0.3s;
}

/* .submit-button {
  margin-left: 2vw;
} */

#form label {
  /* margin-right: 5rem;
  /* width: 50px; */
  display: flex;
  align-items: center;
  /* font-weight: 700; */
}

input {
  width: 30vw;
}

textarea {
  width: 30vw;
}

.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);
}

a.paper {
  color: inherit;
  text-decoration: none;
}

a.paper {
  background: linear-gradient(to right, rgb(122, 122, 122), rgb(122, 122, 122)),
    linear-gradient(to right, rgba(24, 24, 24, 1), #7a7a7a, rgb(212, 212, 212));
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

a.paper:hover {
  background-size: 0 3px, 100% 3px;
}