/* This rule applies to both the html and body elements */
html, body {
    /* This makes the html and body take up the full height of the viewport */
    height: 100%;
    /* This removes the default margin from the body */
    margin: 0;
}
/* This rule applies to the body element */
body {
    /* This enables Flexbox layout for the body's children */
    display: flex;
    /* This centers the content horizontally */
    justify-content: center;
    /* This centers the content vertically */
    align-items: center;
}
/* This rule applies to the h1 element */
h1 {
    /* This sets the font family to 'Amatic SC' with a fallback to a generic sans-serif font */
    font-family: 'Amatic SC', sans-serif;
    /* This sets the font size to 5rem, which is 5 times the root font size */
    font-size: 5rem;
    /* This sets the font weight to bold (700 is the numeric value for bold) */
    font-weight: 700;
} 