@import './display-flex.css';
@import './flex-order.css';
@import './flex-direction.css';
@import './flex-wrap.css';
@import './flexibilidad.css';
@import './justify-content.css';
@import './align-items.css';
:root {
    font-size: 16px;
    --darkColor: #04001e;
    --lightColor: #DFFBFF;
    --primaryColor: #DB086F;
}

body {
    background: var(--darkColor);
    color: var(--lightColor);
    font-size: system-ui;
}

a {
    color: var(--lightColor);
}

.wrapper {
    /* border: 1px solid red; */
    max-inline-size: 64rem;
    margin: auto;
}

.flex-items {
    /* margin-block-start: 1rem; */
    border: 5px dashed red;
    padding: 1rem;
    margin-block-end: 1rem;
    counter-increment: flex-items;
}

.flex-items::after {
    content: counter(flex-items);
}