/* style.css */

/* 1. Force the container to exist and be full-size */
html, body {
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-color: #050a0f !important; /* Prevents white flash */
}

body {
    /* 2. THE BACKGROUND IMAGE */
    /* Ensure Intro.png is uploaded to your main Neocities folder */
    background-image: url('/Intro_pg.png') !important; 
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;

    /* 3. CENTERING LOGIC */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Centers vertically */
    align-items: center !important;     /* Centers horizontally */
}

#snowflake-button {
    position: relative; /* Ensures it stays in the flow of the flexbox */
    z-index: 100;
    cursor: pointer;
    text-align: center;
}

/* Ensure the GIF itself doesn't cause alignment issues */
.button-gif {
    max-width: 200px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.click-text {
    color: #ffffff;
    margin-top: 20px;
    font-family: 'Georgia', serif;
    letter-spacing: 3px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}

.hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}