/* Reset default margin and padding */
  body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; /* Prevent scrolling */
  }

  /* Style for both sections */
  .section {
    width: 100%;
    height: 50vh; /* 50% of the viewport height */
    display: flex;
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    text-align: center;
  }

  /* Style for the top white section */
  .top-section {
    background-color: #f4f4f9;
  }

  /* Style for the bottom dark section */
  .bottom-section {
    background-color: #333;
  }

  /* Style for the links */
  .section a {
    text-decoration: none;
    color: inherit; /* Take the text color from the parent */
    font-size: 24px;
  }
  #hot-link{
    color: white;
  }
  .roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  #floating-button {
    position: absolute;
    left: 50%; /* Center horizontally */
    top: 50%; /* Position at the middle of the viewport */
    transform: translate(-50%, -50%); /* Adjust to center the button exactly */
    z-index: 10; /* Ensure it's above other content */
    
    background-color: #fff; /* White background */
    color: #333; /* Dark text color */
    padding: 10px 20px; /* Padding around the text */
    text-decoration: none; /* Remove underline */
    border-radius: 20px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Subtle shadow for better visibility */
    font-size: 18px; /* Larger text size */
}