html {
font-size: 16px;
}

body {
color: #000000;
font-family: 'Noto Sans Display', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.3;
}

p {
    margin: 0;
}

.deviceListItem {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: none;
}

a, a:hover, a:visited {
color: inherit;
text-decoration: none;
}

.number {
    font-family: 'Noto Sans Mono', monospace;
}

.time {
    font-size: 2.75rem;
    font-weight: 700;
}

.date {
    font-size: 2.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.dataHeader {
    font-size: 3rem;
    font-weight: 400;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block;
}

.metricHeader {
    font-size: 2.25rem;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block;
}

.dataValue {
    font-size: 4.5rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

.dataIcon {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
}