.data_block
{
    width : 130px;
    height : 130px;

    flex-direction : column;

    justify-content: flex-start;

    margin-top : 10px;
    margin-right : 10px;

    padding : 10px;

    border-radius: 3px;
}

.data_block_title
{
    width : 100%;
    height : 16px;
}

.data_block_title h3
{
    width : 100%;

    font-size : 14px;
}

.data_block_value
{
    width : 100%;
    height : calc(100% - 16px);

    display : flex;
    align-items: center;
    justify-content: center;
}

.data_block_value p
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    text-align : center;

    font-size : 38px;
}

.data_block_text
{
    width : 100%;
}

.data_block_text p
{
    width : 100%;

    font-size : 12px;
}

.tile-red
{
    background-color : var(--tile-red);
    color : var(--tile-red-text);
}

.tile-blue
{
    background-color : var(--tile-blue);
    color : var(--tile-blue-text);
}

.tile-dark-blue
{
    background-color : var(--tile-dark-blue);
    color : var(--tile-dark-blue-text);
}

.tile-green
{
    background-color : var(--tile-green);
    color : var(--tile-green-text);
}

.tile-orange
{
    background-color : var(--tile-orange);
    color : var(--tile-orange-text);
}

.tile-yellow
{
    background-color : var(--tile-yellow);
    color : var(--tile-yellow-text);
}

.tile-grey
{
    background-color : var(--tile-grey);
    color : var(--tile-grey-text);
}