@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

body {
  margin: 0;
  min-height: 100vh;
  display:flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  box-sizing: border-box; /* Ensures padding is included in width */ 
}

/* 1. Slow background zoom */
@keyframes slowZoom {
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}

/* 2. Entrance animations for the text */
@keyframes fadeUp {
  from { 
    opacity: 0; 
    transform: translateY(20px); 
  }
  to { 
    opacity: 1; 
    transform: translateY(0); 
  }
}

@keyframes fadeIn{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

.background_image{
  position:fixed;
  inset:0;
  background: url("/images/decorated_table.jpg") center/cover no-repeat;
  opacity:0.9;
  z-index:-2; /* Place image all the way back */
  animation: slowZoom 25s linear infinite alternate;
}

.background_image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85); /* Adjust darkness here */
}

.coming_soon{
  color:white;
  text-align: center;
  max-width: 90%;
  margin-top: 5vh;
}

.coming_soon h1{
  font-family: 'Cormorant Garamond', sans-serif;
  font-weight: 500;
  font-size: clamp(3.5rem, 10vw, 8rem);
  margin: 0;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  opacity: 0;
  animation: fadeUp 1.2s ease-out 0.6s forwards;
}

.coming_soon h5{
  font-family: 'Cormorant Garamond',sans-serif;
  font-weight: 300;
  font-size: clamp(1.2rem, 3.5vw, 1.5rem);
  font-weight: 400;
  margin: 0;
  opacity: 0;
  animation: fadeUp 1.2s ease-out 1s forwards;
}

.phone-link{
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
}

.phone-link:hover{
  color: #faf9f6;
  border-bottom-color: #faf9f6;
}

.logo_image{
  position:fixed;
  top: 50px;
  left: 50%; /* Move left edge to center */
  transform: translateX(-50%); /* Pull back by 50% to make image centered */

}

.logo_image img{
  opacity: 0;
  animation: fadeUp 1.2s ease-out 0.2s forwards;
  width: clamp(80px,20vw,150px);
  height:auto;
}

.social_links {
  position: fixed;
  bottom: 50px;
  left: 0; /* Left edge */
  width: 100%; /* Stretch across screen */
  display: flex; /* flexbox to center icon */
  justify-content: center;
  transform: translateX(-50%);
  opacity:0;
  animation: fadeUp 1.2s ease-out 1.4s forwards;
  pointer-events: none; /* Prevents invisible full-width box from blocking clicks */
}

.social_links a{
  pointer-events: auto; /* Enables clickcs only one instagram link */
  color: white;
  text-decoration: none;
  display: flex; /* Removes phantom spaces */
  transition: all 0.3s ease;
}

.download_menu{
  margin-top: 1.5rem;
  opacity: 0;
  animation: fadeIn 1.2s ease-out 1.4s forwards;
  transition: all 0.3s ease;
}

.download_menu a{
  font-family: 'Cormorant Garamond',sans-serif;
  color: white;
  text-decoration: none;
  border: 2px solid white;
  background-color: #ffffff22;
  padding: 0.75rem 1.5rem;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: 'Cormorant Garamond', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  border-radius: 8px;
  letter-spacing: 0.05rem;
  text-indent: 0.05rem;
}

.download_menu :hover{
  transform: scale(1.05);
}