@import url("https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Oswald:wght@200..700&display=swap");
body h1, body h3 {
  font-family: "Kaushan Script", cursive;
}
body .background-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
body .background-container .background-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: blur(2rem);
}
body .background-container .background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 20, 0.7);
}
body header #logo h1 {
  font-family: "Kaushan Script", cursive;
  font-size: 10rem;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body header .carousel-item {
  height: 40rem;
}
body header .pizza-1 {
  background-image: url(../images/presentation.jpg);
  background-size: cover;
  background-position: bottom;
}
body header .pizza-2 {
  background-image: url(../images/presentation2.jpg);
  background-size: cover;
  background-position: center;
}
body header .pizza-3 {
  background-image: url(../images/presentation3.jpg);
  background-size: cover;
  background-position: center;
}
body .navbar .container-fluid img {
  width: 4rem;
}
body .navbar .container-fluid #navbarSupportedContent {
  justify-content: end;
}
body .navbar .container-fluid #navbarSupportedContent .nav-link.active {
  background-color: #d32f2f;
  color: #fff8e1;
}
body .navbar .container-fluid #navbarSupportedContent .nav-link {
  color: #402e32;
}
body main {
  margin-top: 2rem;
  display: flex;
  gap: 2rem;
}
body main .scrollspy-example .card {
  box-shadow: 10px 10px 15px black;
  background-color: rgba(247, 166, 0, 0.7);
  color: white;
}
body main .scrollspy-example .card .green {
  border: 3px solid green;
  color: white;
}
body main .scrollspy-example .card img {
  padding: 0 1rem;
}
body main .scrollspy-example .card .red {
  border: 3px solid red;
  color: white;
}
body main .scrollspy-example .card .smoothie {
  padding: 0;
  padding-left: 2rem;
}
body main .scrollspy-example #scrollspyHeading1 {
  width: 87%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
body main .scrollspy-example #scrollspyHeading1 .card .card-body div {
  display: flex;
}
body main .scrollspy-example #scrollspyHeading2 {
  width: 87%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
body main .scrollspy-example #scrollspyHeading2 .card .card-body div {
  display: flex;
}
body main .scrollspy-example #scrollspyHeading3 {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}
body main .scrollspy-example #scrollspyHeading3 .card .card-body div {
  display: flex;
}
body main .scrollspy-example .description {
  width: 87%;
  margin: 0 auto;
  color: white;
  background-color: rgba(255, 4, 4, 0.2);
  width: 96%;
  margin: 1rem auto;
  padding: 1rem;
  border-radius: 1rem;
}
body footer #carte {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  color: white;
  background-color: rgba(255, 4, 4, 0.2);
  width: 96%;
  margin: 1rem auto;
  padding: 1rem;
  border-radius: 1rem;
}
body footer #carte div {
  display: flex;
  flex-direction: column;
}
body footer #carte div p {
  font-size: 2rem;
}
body footer #carte div a {
  text-decoration: none;
  color: white;
  font-size: 1.5rem;
}
body footer #carte div a:hover {
  text-decoration: underline;
}
body footer #bottom-bar {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  width: 100%;
}
body footer #bottom-bar a {
  width: -moz-max-content;
  width: max-content;
}

@media (max-width: 560px) {
  header h1 {
    font-size: 3rem !important;
  }
}/*# sourceMappingURL=style.css.map */