@import "/documentation/Styles/general.css";

.grid-rows {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: .2rem;
}

.box-1, .box-2, .box-3, .box-4 {
    font-size: 1.5rem;
    color: var(--white);
    padding: 1.5rem;
    width: 60%;
}

.bg-color-1, .col-bg-color-1 {
    background-color: var(--blue-700);
}

.bg-color-2, .col-bg-color-2 {
    background-color: var(--primary-color);
}

.bg-color-3 {
    background-color: var(--blue-500);
}

.bg-color-4, .col-bg-color-3 {
    background-color: var(--blue-300);
}

.grid-3-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: .2rem;
}

.column-heading {
    text-align: center;
    margin-top: 3rem;
}

.col-box-1, .col-box-2, .col-box-3 {
    font-size: 1.5rem;
    color: var(--white);
    padding: 1.5rem;
}

.grid-2-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    gap: .2rem;
}