body {
  margin-top: 75px;
}

.intro {
  max-height: 400px;
}

.navbar .btn-outline-light:hover {
  color: var(--bs-dark);
}

.hero {
  background: url(../images/header-background.jpg) center center no-repeat;
  background-size: cover;
}

@media (max-width: 991px) {
  .intro-data {
    margin-bottom: 2rem;
  }
  #clock {
    margin: auto;
  }
  .time-card-data {
    margin-bottom: 2rem;
  }
  .time-card-all {
    margin: auto;
  }
  .time-card-head {
    text-align: center;
  }
  .time_clock_all {
    margin-top: 2rem;
  }
}