body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.project-frame {
  width: 100%;
  height: 600px;
}
.h-10 {
  height: 10%;
}
.h-16 {
  height: 16%;
}
.h-80 {
  height: 80%;
}
@media only screen and (min-width: 576px) {
  .wrapper {
    height: 100vh;
  }
}
.wrapper {
  background-color: #f8f9fa;
  opacity: 1;
  background-image: radial-gradient(#0d6efd 0.75px, #f8f9fa 0.75px);
  background-size: 15px 15px;
}
.day-card {
  background: rgba(248, 249, 250, 0.77);
  border-radius: 4px;
  transition: transform 200ms;
}
.day-card:hover {
  transform: translate(-3px, -3px);
}
.navbar,
a {
  background: rgba(248, 249, 250, 0.77);
}