/* Set a fixed height to the footer */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #343a40;
  color: #fff;
}

/* Style the navbar */
.navbar {
  background-color: #212529;
}

/* Style the links in the navbar */
.navbar-nav .nav-link {
  color: #fff;
}

/* Style the buttons in the navbar */
.navbar .btn {
  margin-left: 5px;
  margin-right: 5px;
}

/* Style the hero section */
.hero {
  background-color: #212529;
  padding: 50px;
  text-align: center;
}

/* Style the sticky footer */
.footer {
  background-color: #212529;
  padding: 20px;
  margin-top: auto;
  text-align: center;
}