/* Removes default browser spacing */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: sans-serif; 
}

/* This sets up your full-screen background */
body {
    /* Put your image file name or web link right here inside the quotes */
    background-image: url('https://cdn.discordapp.com/attachments/767390237743120389/1488525484999311511/i12312mage.png?ex=69cd18e3&is=69cbc763&hm=3c7f0c74004e0021c1e008e711bae1a93205c7a09d54da106a14fdd48984ce76&'); 
    
    background-size: cover;      /* Makes the image stretch to fill the screen */
    background-position: center; /* Keeps the most important part of the image in the middle */
    background-repeat: no-repeat; 
}

/* This container acts as an invisible box to center your text */
.container {
    height: 100vh; /* 100% of the Viewport Height */
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
}

/* Styling for the text itself */
h1 {
    color: white; 
    font-size: 4rem; 
    text-align: center;
    
    /* A subtle shadow makes the text readable regardless of how light/dark the image is */
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8); 
    
    /* Optional: adds a little padding on the sides for mobile screens */
    padding: 0 20px; 
}