@import url(/landing.css);
@import url(/components/instalation/instalation.css);

.all_grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 4rem;
}

.twoItem_grid {
    display: grid;
    grid-template-columns: 12fr 6fr;
}

.threeItem_grid {
    display: grid;
    grid-template-columns: auto auto auto;
}

.grid {
    padding: 2rem;
}

.grid_colomns,
.grid_rows {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem;
}

.grid:nth-child(1) {
    background-color: var(--green-color);
}

.grid:nth-child(2) {
    background-color: var(--errorbg-color);
}

.grid:nth-child(3) {
    background-color: var(--secondary-color);
}

.twoItem_rows_grid {
    display: grid;
    grid-template-rows: 3fr 2fr;
}