


 .grid-container {
        display: grid; /* Makes the container a grid container */
        grid-template-columns: 1fr 1fr 1fr; /* Creates three equal-width columns */
         align-items: center;    /* Centers vertically */
        height: 100vh; /* Optional: Makes the container take full viewport height */
        gap: 20px; /* Optional: Adds space between grid items */
    }

    .grid-item {
        padding: 20px;
        border: 1px solid #ccc; /* For visualization */
        background-color: lightblue; /* Example background */
        text-align: center;
         display: flex;
      justify-content: center; /* Centers horizontally */
      align-items: center;    /* Centers vertically */
      height: 100vh;
    }


#cookie {
 background-color: black;
 height: 500px;
 width: 500px;
  justify-content: center; /* Centers horizontally */
      align-items: center;    /* Centers vertically */
 /*padding: 200px;*/
}

#cookie:hover {
 cursor:pointer; 
}

