.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
    padding: 20px;
    background-color: rgb(255, 255, 255);
}

.boby {
    text-align: center;
    
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 10;
    padding: 10px;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
    border-radius: 2px;
    
}

.bogy {
    text-align: center;
    background-color: rgb(79, 169, 166);
    padding: 10px;
    border: none;
    border-radius: 4px;
    margin: 5%;
}

.menu {
    text-align: center;
    background-color: rgb(145, 228, 227);
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 10;
    padding: 10px;
    border-radius: 2px;
}

.footer {
    text-align: center;
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 10;
    grid-row-end: 11;
    padding: 10px;
    border-radius: 2px;
}

.buttons {
    background-color: rgb(134, 164, 163);
    border: none;
    border-radius: 4px;
    padding-left: 20%;
    padding-right: 20%;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.img {
    box-shadow: 0 4px 6px rgb(0, 90, 105);
    border-radius: 3px;
}