.data_container .row {

    margin: 0.5em 1em;

}

.data_container .row > div {

    border-radius: 1em;

    background-color: #34495e;

    color: white;

    padding: 0em 0.5em;

}

.data_container .row > span {

    font-weight: bold;

}

.data_container .item {

    border: 1px solid #1e272e;

    border-radius: 0.5em;

    overflow: hidden;

    box-shadow: 0.1em 0.1em 0.2em black;

    margin: 0.5em 0.5em;

}

.data_container .head {

    background-color: #1e272e;

    font-weight: bold;

    color: lawngreen;

    padding: 0.2em 0.5em;

}

.data_container > p {

    margin: 1em;

}

@media screen and (min-aspect-ratio: 6/5) {

    .data_flex {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

    }

    .data_flex .item {

        max-width: 13em;

    }

}



@media screen and (max-aspect-ratio: 6/5) {

    .data_container .item {

        margin: 1em 0.5em;

    }

}