/* body {
    text-align: left;
} */

h1 {
    text-align: center;;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Creates 3 columns of equal width */
    grid-gap: 20px; /* Space between grid items */
    padding: 20px;
    justify-content: center;
}

.grid-item {
    background-color: #007bff; /* Example button color */
    color: white;
    padding: 20px;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    display: block;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-item.big {
    grid-column: 2 / span 1; /* Makes the last button align below the middle button of the second row */
}

/* Additional responsiveness and styling as needed */