/* This makes the page fill the whole screen and removes default margins */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    font-family: Arial, Helvetica, sans-serif;
}
/* This is the main container for our text */
.status {
    display: flex;
    /* This new line tells the items to stack vertically instead of horizontally */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}
/* This styles the actual "NO." or "YES." text */
h1 {
    font-size: 6vw;
    color: #333;
    font-weight: bold;
    text-align: center;
    /* Remove the default margin on the heading to have better control of spacing */
    margin: 0;
}

/* These are the new styles for your subtitle */
p {
    font-size: 2vw; /* Much smaller than the h1 */
    color: #666;   /* A lighter grey to show it's less important */
    margin-top: 15px; /* Adds a bit of space between the heading and this text */
    text-align: center;
}