html {
  scroll-behavior: smooth;
}
.billboard {
  background-image: url('../homepage/museum.jpg');
  background-size: cover;
  filter: blur(4px);
}

.overlay {
  background-color: #3d85cc;
  opacity: 0.5;
  font-family: Trebuchet MS;
  position: absolute;
  top: 89px;
}

.billboard-text{
  position: absolute;
  top:170px;
}


.support-cards {
  background-color: #4a4a4a;
}

.avatar {
  margin: 0px;
}

.s-cards {
  border: solid 20px #4a4a4a;
  border-radius: 40px;
}

.card-container {
  border: solid 15px #4a4a4a;
}
#thanks {
  font-size: 5vw;
}
#mini-thanks {
    font-size: 1.8vw;
  }

input, textarea {
  margin: 0px 0px 10px 0px;
  border-radius:7px;
  border: solid 2px gray;
}
.sign-up-portal {
  margin: 0px;
  padding: 0px;
}

.mini-note-submitted {
  width: 70%;
  font-size: 1.6vw;
}

.thanks-submitted {
  font-size: 5vw;
}
@media only screen and (max-width: 600px) {
  #thanks {
    font-size: 20px;
  }

.mini-note-submitted {
    width: 100%;
    font-size: 10px;
  }

  #thanks-submitted {
    font-size: 15px;
  }
#mini-thanks {
    font-size: 15px;
  }
}