.masthead {

    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%), url("./background_molecule.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.masthead h1, .masthead .h1 {
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(80, 80, 80, 0.8));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.8) !important;
}
#mainNav .nav-link {
  transition: none;
  padding: 2rem 1.5rem;
  color: rgba(0, 0, 0, 0.8);
}
#mainNav .nav-link:hover {
    color: #64a19d;
}

.form-variant{
    margin-bottom: 20px;
    font-size: 25px;
}

.search-result{
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    min-width: 300px;
    margin-top: 1rem;
    padding: 1rem 0.5rem;

}
.swagger-shifted{
    margin-top: 8rem;

}