body {
    /* Make the body a flex container */
    display: flex;

    /* Center content horizontally and vertically */
    justify-content: center;
    align-items: center;

    /* Make the body fill the full height of the browser window */
    /* height: 100vh; */

    /* Stack items on top of each other */
    flex-direction: column;
    
    font-family: 'Courier New', Courier, monospace;
}

.yes-page {
    background-image: url('images/confetti.gif');
    background-size: repeat; /* Makes the image fill the screen */
}

/* A base style for our heading on all screen sizes */
h1 {
    font-size: 8rem; /* A good large size for desktops */
    text-align: center; /* Ensures the text stays centered if it wraps */
}

h2 {
    text-align: center;
}

/* Add this media query at the VERY END of your style.css file */
@media (max-width: 600px) {
    h1 {
        /* On small screens, make the font size 25% of the viewport width */
        font-size: 25vw;
    }
}