/* =================================
   BACKGROUND
================================= */

body {
  background-image: url('../other-photos/jasna-iphone-3.jpg');
  background-size: cover;
  background-position: center 57%;
  background-attachment: fixed;
}

/* =================================
   HEADER
================================= */

.header {
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
}
.header {
  position: relative;
}
/* =================================
   MAIN
================================= */

main {
  position: relative;
  padding-bottom: 40px;
  background: var(--main-overlay);
  backdrop-filter: blur(12px);
}

main::before {
  content: "";
  position: absolute;
  top: -80px;
  /* left: 0; */
  width: 100%;
  height: 80px;
  background: linear-gradient(
    to bottom,
    rgba(209,166,74,0),
    var(--main-overlay)
  );
}

main .container {
  transform: translateY(-12vh);
}

/* =================================
   CONTAINER
================================= */

.container {
  width: 90%;
  max-width: 1000px;
  margin: 40px auto;
  padding: 20px;
  background: var(--glass-bg);
  border-radius: var(--radius-lg);
  text-align: center;
}

/* MAP */

#map {
  width: 100%;
  height: 450px;
  margin-top: 20px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

/* FOOTER */

footer {
  text-align: center;
  padding: 20px;
  background-color: var(--color-dark);
}