/* Basic reset to remove default browser margins */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body, html {
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body {
    /* Flexbox used to center content vertically and horizontally */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* The white to light-grey gradient background */
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
    color: #333;
}

.container {
    text-align: center;
    width: 90%; /* Keeps things from touching edges on small screens */
    max-width: 1200px;
}

/* Image styling */
.main-logo {
    display: block;
    /* Sets width to approximately 50% of the viewport width */
    width: 50vw; 
    /* Ensures it doesn't get too massive on ultra-wide screens */
    max-width: 700px;
    /* Ensures it doesn't get too tiny on phones */
    min-width: 250px; 
    height: auto;
    margin: 0 auto 2rem auto; /* Centers horizontally, adds space below */
}

/* Text styling */
.coming-soon-text {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #222; /* A dark charcoal instead of pure black */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 600px) {
    .coming-soon-text {
        font-size: 1.2rem;
    }
}