html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
  background: #f4ecec;
}

.container {
    margin-top: 50px;
}

body {
    /*background: linear-gradient(#D01619, #FFB526, #A6C5BA); */
    background: radial-gradient( ellipse 70% 100% at top center, /* ellipse shape, wide horizontally */
    #D01619 35%, /* red */
    #FFB526 80%, /* yellow */
    #A6C5BA /* blue */
    );
    min-height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

    body::before {
        content: "";
        position: absolute;
        inset: 0; /* full screen */
        background: url("/img/tile.jpg"), repeat;
        opacity: 0.3; /*  control opacity here */
        mix-blend-mode: normal; /* optional */
        z-index: -1;
        background-repeat: repeat;
        background-size:  calc(100% /3) auto; /* gradient covers page, pattern repeats */
        background-position:center;
    }


/* Center and cap Instagram embed width */
.ig-embed-wrapper {
    max-width: 540px; /* Instagram’s max */
    width: 100%;
    margin: 0 auto;
}

/* Make the embed stretch to wrapper width */
.instagram-media {
    width: 100% !important;
    min-width: 280px !important; /* IG’s minimum */
    margin: 0 auto !important;
}


.board-games-container, .books-container {
    padding: 10px; /*içeriden boşluk */
    border-radius: 8px; /* köşeler yumuşasın */
    background-color: rgba(208, 22, 25, 0.4);
    font-family: 'MedievalSharp', serif;
    color: beige;
}


@media (max-width: 576px) {
    .container {
        margin-top: 10px;
    }
}

@font-face {
    font-family: 'Chomsky';
    src: url('/fonts/chomsky.woff2') format('woff2'), url('/fonts/chomsky.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}