.dark {
  background-color: #7DCBA1;
  color: #e9edd5;
}

input[type="text"]:hover {
  background-color: #e2e5e8;
}

.link:hover, input[type="button"]:hover, .card:hover {
  cursor: pointer;
}

.link:hover {
  text-decoration: underline;
}

a:hover {
  color: #b0d8bf;
}

input[type="text"], input[type="email"] {
  padding: 10px 20px;
  border-radius: 3px;
  border: 1.5px solid #999999;
  margin: 10px 0;
}

.card {
  border: none;
  border-radius: 10px;
  margin: 6px;
  width: 20vw;
  min-width: 200px;
  height: 350px;
  transition: box-shadow 0.2s;
}

.card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.card p {
  margin: 0px 15px;
}

#home img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

#browse h4 {
  margin-top: 10px;
}

#sidebar {
  width: 20vw;
  background-color: #e4dedd;
}

#menu {
  width: 80vw;
}

.navbar {
  background-color: #7DCBA1;
}