@charset "UTF-8";
/* CSS Document */

body {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    background-color: black;
    color: white;
}

body.front {
    background-color: white;
    color: black;
}


.data { font-weight: bold; }

.col { white-space: nowrap; }

.number { text-align: right; }

.fee { text-align: right; }

.duration { color: #C4D600; }
.distance { color: #0085CA; }
.pace { color: #f28c00; }

.yes { color: green; }
.no { color: red; }

.lapname { font-size: 80%; }

.distance {color: #0085CA; }
.runs { color: #883333; }

.header {
    font-weight: bold;
    background: #222222;
    color: #888888;
}

.data { border-bottom: solid 1px #333333; }

@media (min-width: 768px) { 
    body { font-size: 32px; }
    .header { letter-spacing: 1px; font-size: 16px; }
}

@media (min-width: 992px) { 
    body { font-size: 48px; }
    .header { letter-spacing: 3px; font-size: 24px; }
}

@media (min-width: 1400px) { 
    body { font-size: 56px; }
    .header { letter-spacing: 4px; font-size: 32px; )
}


/*
.rank-1 { background: #CFB53B; color: black; }
.rank-2 { background: #E6E8FA; color: black; }
.rank-3 { background: #8C7853; color: black; }
*/