body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; /* Prevents scrolling */
    touch-action: none; /* Prevents touch scrolling */
    -webkit-overflow-scrolling: auto; /* Disables momentum scrolling on iOS */
}

.grid-container {
    width: 100%;
    height: 100%;
    background-image: url('gridiron_border.jpg'); /* Replace with your image path */
    background-size: 100px 100px; /* Adjust size to fit your grid */
    background-repeat: repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}