::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body {
  position: relative;
}
.billboard {
  background-image: url('../homepage/museum.jpg');
  background-size: cover;
}

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

.billboard-text{
  position: absolute;
  top: 35vh;
  left: 8vw;
}

#creator {
padding-right: 4vw; padding-left: 4vw;
}

.ref a {
  display: block;
  text-align: center;
  padding: 16px;
  background-color:#7c7d7d;
  font-size: 30px;
  color: white;
}

.list-group-item-action:hover {
  color: white;
  background-color:#007bff;
}

.support-cards {
  background-color: #d6d6d6;
  padding-left: 50px;
  padding-right: 50px;
}

.avatar {
  margin: 0px;
}

.s-cards {
  border: 0px;
  background-color: #d6d6d6;
}

.h-cards {
border: 0px;
padding: 8px;
}

.s-img {
border-radius: 50%;
}

.card-container {
  border: solid 15px #d6d6d6;
}
#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;
}

#discover-vr-button:hover {
  transform: scale(1.1, 1.1);
}
#discover-vr-button {
  transition: all 200ms ease-in-out both;
}
@media only screen and (max-width: 600px) {
  #thanks {
    font-size: 20px;
  }

.billboard-text{
  position: absolute;
  top:30vh;
  left: 8vw;
}

#creator {
  padding-right: 15px;
  padding-left: 15px;
  }

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

  #thanks-submitted {
    font-size: 15px;
  }
#mini-thanks {
    font-size: 15px;
  }
.ref a{
  font-size: 20px;
  padding: 10px;
}

}