@font-face {

    font-family: "TransitLED";

    src: url("fonts/DotGothic16-Regular.ttf");

}
body {

    margin:0;
    background:black;

    height:100vh;

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

    font-family:"TransitLED", monospace;

}


.board {

    width:90vw;

    background:#000;

    border:8px solid #111;

    color:#ffb000;

    box-shadow:0 0 40px #ff9900;

}


.title {

    text-align:center;

    font-size:42px;

    padding:20px;

    border-bottom:4px solid #442800;

}


.columns {

    display:flex;

}


.panel {

    width:50%;

    padding:30px;

    border-right:3px solid #332000;

}


.panel:last-child {

    border-right:none;

}


h2 {

    font-size:32px;

}


.train {

    font-size:34px;

    margin:25px 0;

    letter-spacing:4px;

}


.train span {

    float:right;

}


.clock {

    margin-top:50px;

    text-align:right;

    font-size:28px;

}


.title,
h2,
.train,
.clock {

    text-shadow:
    0 0 2px #ffb000,
    0 0 6px #cc7a00;

}
body {

    background:
    radial-gradient(
        circle,
        #1a1200 0%,
        #000 60%
    );

}


.board {

    background:#050505;

    border-radius:4px;

}


.train {

    color:#ffb300;

    opacity:.95;

}


.train::after {

    content:"";

}