:root {
    /* HR */
    --hr-margin: 20px 0;

    /* GRID CARD */

    --gap-row-grid-card: 15px;
    --gap-col-grid-card: 15px;

    --template-grid-card-col: repeat(auto-fit, minmax(200px, 1fr));
    --template-grid-card-row: 1fr;
}

hr {
    margin: var(--hr-margin);
}


.config-card-grid {
    display: grid;

    row-gap: var(--gap-row-grid-card);
    column-gap: var(--gap-col-grid-card);

    align-content: center;
    justify-items: start;
    align-items: center;
    
    grid-template-columns: var(--template-grid-card-col);
    grid-template-rows: var(--template-grid-card-row);
}