/* Copyright 2024 CuqqaCoin. All rights reserved. Unauthorized use, modification, or distribution is prohibited. */
.tilemap {
    width: 10%; /* Ensures the container takes up all available horizontal space */
    margin: 0 auto; /* Centers the container horizontally */
    border-radius: 10px; /* Rounds all corners */
    overflow: hidden; /* Clips content to respect the border-radius */
    display: grid; /* Creates a grid layout */
    gap: 0; /* Removes the default gap */
    padding: 0; /* Padding inside the container */
    background-color: #f0f0f0; /* Background color for better visibility of the container */
    
  }
  
  .tile {
    background-size: cover; /* Ensure images fit the tile properly */
    background-repeat: no-repeat; /* Ensures no image tiling */
    background-position: center; /* Centers the background image */
    display: inline-block; /* Keeps tiles inline */

  }
  
  

  .tilemap {
    width: 600px;
    height: 600px;
}

@media (max-width: 1250px) {
    .tilemap {
        width: 300px;
        height: 300px;
    }
}