/* Define font-face outside of any selector */
@font-face {
    font-family: 'gothambold';
    src: url('gotham-bold-webfont.woff2') format('woff2'),
         url('gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'itc_avant_garde_gothic_stdMd';
    src: url('itc_avant_garde_gothic_std_medium-webfont.woff2') format('woff2'),
         url('itc_avant_garde_gothic_std_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Apply styles to the body */
body {
    /* Background styles */
    background-image: url(https://toastedcherries.neocities.org/images/2kki_2ndTry.png);
    background-position: left top;
    background-repeat: repeat;

    /* Specify default font family */
    font-family: 'gothambold', sans-serif; /* If the 'gothambold' font fails to load, it will fall back to a sans-serif font */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    color: white; /* Set text color to white */
}

/* Apply 'itc_avant_garde_gothic_stdMd' font to titles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'itc_avant_garde_gothic_stdMd', sans-serif; /* Use 'itc_avant_garde_gothic_stdMd' for titles, falling back to a sans-serif font */
    color: white; /* Set title color to white */
}

.container {
    max-width: 800px; /* Adjust max-width as per your design */
    margin: 0 auto; /* Center the container horizontally */
    padding: 20px; /* Add some padding to the container */
    text-align: center; /* Center-align the text inside the container */
}