body {
  margin: 0;
  padding: 0;
  background-color: #f0f0f0d9;
}

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

.navBrand {
  font-size: 50px;
  color: white;
  margin-left: 35px;
}

header,
nav {
  background-color: rgb(5, 4, 84);
  height: 75px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-shadow: 2px 6px 8px rgba(0, 0, 0, 0.296);
}

.menuBar {
  text-decoration: underline;
  font-weight: 600;
  font-style: italic;
  color: white;
}

ul,
li {
  list-style: none;
}

a {
  color: inherit;
}

a:hover,
.navBrand {
  color: white;
  text-decoration: none;
}

.card {
  width: 60%;
  box-shadow: 2px 8px 1px rgba(0, 0, 0, 0.159);
}
.title-h1 {
  text-decoration: underline;
}
.link-ancora {
  text-decoration: underline;
  color: blue;
}

.link-ancora:hover {
  color: blue;
}

footer {
  background-color: rgb(5, 4, 84);
  height: 35px;
}

footer a {
  color: white;
}

.footerIcons {
  display: flex;
  justify-content: space-between;
}
.icons {
  color: white;
}

.btn-sales {
  background-color: #063c6e;
  color: white;
  font-size: 45px;
  box-shadow: 10px 5px rgba(0, 0, 0, 0.234);
}

.btn-sales,
.btn:hover {
  color: white;
}
.date {
  color: white;
  margin-left: 5%;
}

@media screen and (max-width: 800px) {
  header,
  nav {
    height: 120px;
    flex-direction: column;
    text-align: center;
    margin: 0;
  }
  .menuBar {
    justify-content: center;
    margin-top: -8% !important;
  }
}