*,
*:before,
*:after {
  box-sizing: border-box;
}

html,body{
  font-size: 16px; /* 1rem = 16px */
  margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
  /* font-family: "Dancing Script", cursive;  */
}

main {
/* height:100vh; */
/* width: 100vw; */
/* overflow: hidden; */
display: flex;
      justify-content:center;
      align-items: center;
      width: 100%;
      height: 100%;
      background-color: #232323;

}
#celebration_Card {
  width: 100%;
  height: 100%;
}

#card {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {

  #card {
    width: 100vw;
    height: auto;
  }
}
/* Desktop View */
@media (min-width: 769px) {
  #card {
    width: 100%; 
    height: 100vh;
  }
}