/* silkscreen-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Silkscreen';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/silkscreen-v4-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* fuzzy-bubbles-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fuzzy Bubbles';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/fuzzy-bubbles-v7-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }  

* {
    box-sizing: border-box;
}


html, body {
    height: 100%;
    margin: 0;
}

body {
    font-size: 16px;
    font-family: 'Fuzzy Bubbles', Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: column; /* Set up a vertical layout */
    background-image: url('../img/shapes.webp'); /* Path to your background image */
    background-size: cover;
}

.container {
    width: 100%;
    max-width: 1000px; /* Limit container width */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Fuzzy Bubbles';
}

button {
    font-family: 'Fuzzy Bubbles';
}

@media (max-width: 1000px) {
    .container {
        padding: 0 5%;
    }
}