html {
  scroll-behavior: smooth;
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fade_on {
    opacity: 1;
}

.bound {
  animation: bound 3s infinite;
}

@keyframes bound {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-25px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

.color-white {
  color: white;
}

.color-lightgray {
  color: lightgray;
}

section {
  margin-top: 60px;
  margin-bottom: 90px;
}

.top_text {
  text-align: center;
}

section .box {
  padding-top: 10%;
}

.font-serif {
  font-family: serif;
}

.navbar-darkgray {
  color: black;
}

.back-gray {
  background-color: #EDF1F4;
}

form {
  margin: auto;
  width: 60%;
}

.must-btn {
  background-color: #E08A90;
  color: white;
}

footer {
  background-color: #000102;
  padding: 15px;
}

footer p {
  color: white;
}

.footer_wrapper {
  display: flex;
  justify-content: space-between;
}