body, 
html {
	margin: 0;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size:  14px;
	background: #000;
	color: #fff;
}
#container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 2fr;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#trains {
    grid-column: 1 / 3;
    font-size: 1.25em;
    overflow-y: scroll;
}

#trains table {
    border-collapse: collapse;
    width: 100%;
}

#trains th {
    text-align: left;
}

#trains th, #trains td {
    padding: 0.2em;
    vertical-align: top;
}

#trains .delayed td:last-child,
#trains .delayed td:first-child
{
    font-weight: bold;
    color: #e94818;
}

#trains td span {
    font-size: 0.75em;
}
#weather {
    filter: invert(1);
    text-align: right;
    
}
#clock {
     padding: 2em;
}
#time {
     font-family: 'Lucida Console', monospace;
     font-size: 4em;
}
#date {
     font-size: 2em;
}