/* Reset default margin and padding */
body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* Ensure the body takes up the full height of the viewport */    
  }
  
  /* Make the container take up the full viewport height and center its content */
  .container {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    background-color: #111; /* Optional: Add a background color */
    font-family: Arial, Helvetica, sans-serif;
  }
  
  /* Style the splash div */
  .splash {
    max-width: 640px; /* Set maximum width */
    width: 100%; /* Ensure it takes up available space up to max-width */
    text-align: center; /* Center text and inline elements */
    padding: 20px; /* Add some padding */
    background-color: #111; /* Optional: Add a background color */    
  }
  
  /* Style the logo */
  .logo img {
    max-width: 100%; /* Ensure the logo is responsive */
    height: auto; /* Maintain aspect ratio */
  }
  
  /* Style the paragraph */
  .splash p {
    font-size: 1.2em;
    color: #fff;
    margin-top: 20px; /* Add some space between the logo and text */
    letter-spacing: 2px;
  }