#top_menu
{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: calc(2 * var(--sz_margin));
}
    #top_menu > div
    {
        border-radius: calc(2 * var(--sz_margin));
        background-position: center center;
        background-size: calc(0.6 * var(--sz_icons));
        background-repeat: no-repeat;
    }
    #top_menu > div.selected
    {
        background-color: var(--color_green);
        border: 2px solid darkgray;
    }


.icon_time_today
{
    background-image: url('kidspoints/icon_time_today.png');
}
.icon_time_weekly
{
    background-image: url('kidspoints/icon_time_weekly.png');
}
.icon_time_monthly
{
    background-image: url('kidspoints/icon_time_monthly.png');
}
.icon_rewards
{
    background-image: url('kidspoints/icon_rewards.png');
}
.icon_charts
{
    background-image: url('kidspoints/icon_chart.png');
}