body {
    background-color: #FFF9E3;
}
.playfair-display {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-style: normal;
}
.ube-bg {
    background-color: #6C4BA1;
    color:#FFF9E3;
}
.cheese-bg {
    background-color: #FFF9E3;
    color: #6C4BA1;
    font-family: "Playfair Display", serif;
}
.lavender-bg{
    background-color: #E8EAFF;
    color:#6C4BA1;
}

.mango-bg {
    background-color: #E2B13C;
    color: #6C4BA1;
    font-family: "Playfair Display", serif;
}

.text-darkpurple {
    color: #3E2E47;
}

.lavender-circle{
    background:#A084CA;
    width:60px;
    height:60px;
    border-radius:50%;
    margin:5px;
}

.ube-circle {
    background:#6C4BA1;
    width:60px;
    height:60px;
    border-radius:50%;
    margin:5px
}

.mango-circle {
    background:#F9E6A8;
    width:60px;
    height:60px;
    border-radius:50%;
    margin:5px;
}

.cheese-circle {
    background:#E2B13C;
    width:60px;
    height:60px;
    border-radius:50%;
    margin:5px;
}

.heading-font {
    letter-spacing: .2em;
    font-size: 2em;
}
/* NAVIGATION BAR */
#logo{
    max-width:150px;
    max-height:150px;
}
.nav-icon {
    text-decoration: none;
    font-family: "Playfair Display", serif;
    padding: 1em;
    color:#6C4BA1;
}
.logo {
    text-decoration: none;
    color:#6C4BA1;
}
/* RSVP Buttpon */
#rsvp-button {
    border:#6C4BA1 solid;
    padding-top: .3em;
    padding-bottom: .3em;
}

#rsvp-button:hover {
    background-color: #6C4BA1;
    color:#FFF9E3;
}
/* HERO */

.rsvp-btn {
    border:#6C4BA1 solid 2px;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 4em;
    padding-right: 4em;
    color: #6C4BA1;
    text-decoration: none;
    letter-spacing: 3px;
    background-color: #FFF9E3;
    
}
.hero-font {
    letter-spacing: .5em;
    font-size: 3em;
}
.location-details {
    text-decoration: none;
    color:#6C4BA1
}

/* Stay.html */
iframe.google-maps {
    width: 100% !important;
    height: 100% !important;
}

/* Table */
#parking-table {
    border-radius: 12px;
    overflow: hidden;
  }

  #parking-table td, #parking-table th {
    vertical-align: middle;
    border-color: #F9E6A8;
    background: #6f42c1;
    color:#F9E6A8;
  }


  .carousel {
    max-width: 420px;
    margin: 80px auto;
  }

  .polaroid {
    background-color: #6C4BA1;
    border-radius: 8px;
    padding: 12px 12px 28px; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.25);
    transform: rotate(var(--tilt, 0deg));
    transition: transform 0.3s ease;
  }

  .polaroid img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
  }

  .polaroid:hover {
    transform: rotate(0deg) scale(1.02);
  }

  .polaroid .caption {
    text-align: center;
    font-size: 0.9rem;
    margin-top: 8px;
  }

  .caption{
    color: #E2B13C;


  }

/* footer */
.footer-link {
    color:#FFF9E3;
    text-decoration: none;
}
.heart-div {
    padding-top: 14em;
}
/* media queries */
@media only screen and (max-width: 420px) {
    .hero-font {
        letter-spacing: .3em;
        font-size: 2em;
    }
    .nav-icon {
        padding: .5em;
    }
    #parking-table {
        font-size: 80%;
    }


  }

  @media only screen and (max-width: 350px) {
    #parking-table {
        font-size: 70%;
    }
  }