*{
   scroll-behavior: smooth;
    margin: 0;
    padding: 0;
}

html, body{
  width: 100%;
  height: 100%;

}

 @font-face {
    font-family: 'txtfont'; /* Use single quotes for consistency */
    src: url('font/Moul.ttf') format('truetype'); /* Add format() for better compatibility */
    font-weight: normal;
    font-style: normal;
} 

/* Font Face for Magnolia */
@font-face {
    font-family: 'khfont'; /* Use single quotes for consistency */
    src: url('font/khfont/Moulpali.ttf') format('truetype'); /* Add format() for better compatibility */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'khfont1'; /* Use single quotes for consistency */
    src: url('font/khfont/Fasthand-Regular.ttf') format('truetype'); /* Add format() for better compatibility */
    font-weight: normal;
    font-style: normal;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1); /* Original size (100%) at the start */
  }
  50% {
    transform: scale(1.3); /* Zoom in to 130% size halfway through */
  }
  100% {
    transform: scale(1); /* Return to original size at the end */
  }
}

.heart-icon {
  animation: zoomInOut 2s ease-in-out infinite;
  color: red; /* Make it red */
    font-size: 7rem; /* Make it bigger */
    position: absolute;
    top: 27%;
}


.txt{
    color: #d3b508c9;
    font-family: txtfont;
    position: absolute; 
    top: 3rem; /* 5rem ពីគែមលើ */
    left: 50%; /* រំកិលចំណុចចាប់ផ្ដើមទៅកណ្តាល */
    transform: translateX(-50%); /* រំកិលថយក្រោយវិញ 50% នៃទទឹង H1 ខ្លួនឯង */
    text-align: center; /* ធានាថាអក្សរ center ក្នុង H1 */
    width: 100%; /* ជួយអោយ text-align center ដំណើរការល្អ */
}
.txtGroom{
    font-family: khfont;
    color: #cfb72de8;
    font-size: 3.5rem;
    font-weight: 900;
    position: absolute; /* Add this to make 'top: 1rem' work */
    left: 3rem;
    top: 20%;
}
.txtBride{
    font-family: khfont;
    color:  #d3b508c9;
    font-size: 3rem;
    font-weight: 900;
    position: absolute; /* Add this to make 'top: 1rem' work */
    right: 3.5rem;
    top: 50%;
}
.txt1{
    font-family: khfont1;
    color:  #e2c106f8;
    font-size: 1.5rem;
    font-weight: 800;
    position: absolute;
    bottom: 25%;
}
.txt2{
    font-family: txtfont;
    color:  #060ae2f8;
    font-size: 1.2rem;
    font-weight: 500;
    position: absolute;
    bottom: 17%;
}


.center-link {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.btb {
  animation: zoomInOut 2s ease-in-out infinite;
    width: 9rem;
    position: absolute;
    bottom: 5%;
    

}
table {
    width: 100%; /* Make the table take up full width of its container */
    border-collapse: collapse;
}

td {
    /* Center all text within the cells */
    text-align: center; 
    border: 1px solid black; /* For visibility */
    padding: 10px; /* Default padding */
}

/* Specific styling for the first column (col1) */
.col1 {
    /* Add padding to the left side */
    padding-left: 10%; 
}

/* Specific styling for the second column (col2) */
.col2 {
    /* Add padding to the right side */
    padding-right: 10%; 
}