body {
  margin: 0;                     /* Remove default body margin */
  padding: 0;                    /* Remove default body padding */
  background-color: #F0F0F0;     /* Set grey background color */
  min-height: 100vh;             /* Ensure body covers the full viewport height */
  display: flex;                 /* Use flexbox layout */
  flex-direction: column;        /* Stack elements vertically */
}

.u-section-1 {
  background-image: none;        /* No background image */
  flex: 1;                       /* Allow the section to grow and fill available space */
  display: flex;                 /* Flexbox layout for vertical centering */
  flex-direction: column;        /* Stack items vertically */
  justify-content: center;       /* Center content vertically */
  align-items: center;           /* Center content horizontally */
  padding-bottom: 40px;          /* Add some padding at the bottom for spacing */
}

.u-section-1 .u-sheet-1 {
  padding: 20px;                 /* Padding for inner content */
  display: flex;                 /* Use flexbox inside the section */
  flex-direction: column;        /* Stack elements vertically */
  align-items: center;           /* Center horizontally */
}

/* Styles for larger screens */
.u-section-1 .u-text-1 {
  font-size: 6rem;               /* Large font size for "Coming Soon" */
  width: auto;                   /* Remove fixed width for responsiveness */
  margin: 60px auto 20px;        /* Center with auto margins */
}

.u-section-1 .u-text-2 {
  font-size: 1.5rem;             /* Font size for the bottom text */
  width: auto;                   /* Remove fixed width for responsiveness */
  margin: auto auto 0;           /* Center it and move it up slightly */
}

/* For screens up to 1199px */
@media (max-width: 1199px) {
  .u-section-1 .u-text-1 {
    font-size: 3.75rem;          /* Adjust font size */
    margin-top: 30px;            /* Adjust top margin */
  }

  .u-section-1 .u-text-2 {
    font-size: 1.25rem;          /* Adjust font size */
    margin-top: 20px;            /* Adjust top margin */
    width: 80%;                  /* Flexible width */
  }
}

/* For tablets up to 991px */
@media (max-width: 991px) {
  .u-section-1 .u-text-1 {
    font-size: 2.5rem;           /* Reduce font size */
    margin-top: 20px;            /* Smaller top margin */
  }

  .u-section-1 .u-text-2 {
    font-size: 1.1rem;           /* Adjust font size */
    margin-top: 15px;            /* Smaller top margin */
    width: 90%;                  /* Flexible width */
  }
}

/* For smartphones up to 767px */
@media (max-width: 767px) {
  .u-section-1 .u-text-1 {
    font-size: 2rem;             /* Reduce font size for mobile */
    margin-top: 20px;            /* Adjust top margin */
    text-align: center;          /* Center text */
    width: 100%;                 /* Full width */
  }

  .u-section-1 .u-text-2 {
    font-size: 1rem;             /* Smaller font size */
    margin-top: 10px;            /* Smaller top margin */
    text-align: center;          /* Center text */
    width: 100%;                 /* Full flexible width */
  }
}

/* For very small screens up to 575px */
@media (max-width: 575px) {
  .u-section-1 .u-text-1 {
    font-size: 1.75rem;          /* Further reduce font size */
    margin-top: 10px;            /* Smaller top margin */
    text-align: center;          /* Center text */
    width: 100%;                 /* Full flexible width */
  }

  .u-section-1 .u-text-2 {
    font-size: 0.9rem;           /* Smaller font size */
    margin-top: 10px;            /* Smaller top margin */
    text-align: center;          /* Center text */
    width: 100%;                 /* Full flexible width */
  }
}

@font-face {
  font-family: 'Yeseva One';
  src: url('./Fonts/YesevaOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* CSS class for using Yeseva One */
.yeseva-one-regular {
  font-family: "Yeseva One", system-ui;
  font-weight: 400;
  font-style: normal;
}