@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
* { 
    font-family: 'Press Start 2P', system-ui, cursive;
    color: white;
    cursor: url('../../media/images/star.cur'), auto !important;
}



body {
    margin: 0;
    padding: 0;
    min-height: 100vh; /* This forces the body to be at least the height of the screen */
    text-align: center; /* Standard centering */
    background-image: url("../media/images/warp_still.jpg");
    background-attachment: fixed; /* Optional: keeps the stars still while you scroll */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* cursor: url("images/orbital.cur") 16 16, auto; */
}

/* h1 { color: cyan; text-align: center; }
h2 { color: white; text-align: center; }
h6 { color: antiquewhite; text-align: center; } */

p {
    color: rgb(255, 255, 255);
    text-align: center;
}

div {
    border: 1px solid rgba(0, 0, 0, 0);
    text-align: center;
    color: rgb(0, 0, 0);
    margin: 10px auto; /* Centers the div box itself */
    width: 100%;
}


/* Updated to "img" and removed background-image conflict */
img {
    display: block;
    margin: 20px auto; /* Centers the image */
}

.footer {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    
}


.warp-button {
    background: none;    /* Removes the gray/white background */
    border: none;        /* Removes the 3D or flat border */
    padding: 0;          /* Removes the internal spacing around the image */
    cursor: pointer;     /* Ensures the "pointy hand" appears */

    display: inline-block;
    text-decoration: none; /* Removes underlines */
    line-height: 0;        /* Removes the tiny "text gap" at the bottom of images */
    vertical-align: top;
    transition: transform 0.2s;
}

.warp-button img {
    display: block;        
    width: auto;          
    max-width: 550px;      
    height: auto;          
}


.image-button {
    display: inline-block; /* Allows the link to take the shape of the image */
    text-decoration: none; /* Removes underlines */
    line-height: 0;        /* Removes the tiny "text gap" at the bottom of images */
    transition: transform 0.2s;
}

.image-button img {
    display: block;        /* Prevents weird spacing issues */
    width: auto;           /* Tells it to use the file's natural width */
    max-width: 300px;      /* Optional: Safety cap so it doesn't get TOO big */
    height: auto;          /* Keeps the proportions perfect */
}

.image-button:hover {
    transform: scale(1.05); 
}

.warp-button:hover {
    transform: scale(1.05); 

}