:root{--nmisa-green: #016836;--nmisa-gold: #c48a10}*,*::after,*::before{box-sizing:border-box}body{background-color:#000;color:#ccc;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.8181818182vw;margin:0;padding:0;height:100vh;cursor:none}main{width:100%;height:100%;padding:.2em;display:grid;gap:1rem;grid-template-areas:"a" "b" "c"}h1{grid-area:a;color:var(--nmisa-gold);text-align:center;margin-block:0;font-weight:700;font-size:200%}section.messages{grid-area:b;height:100%;margin:.25em;padding:0;text-align:justify;font-size:1.1em}section.time{grid-area:c;width:100%;height:8em;padding:.5em;border:2px solid var(--nmisa-gold);border-radius:.5em;align-self:flex-end;display:flex;flex-direction:column;justify-items:center;align-items:center;text-align:center}section.time>p{padding:0;margin:0}section.time>div{width:100%;margin-top:.5em;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:1em}section.time div>div{flex-grow:1;flex-basis:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}section.time .icon{flex-grow:0;width:4em}section.time svg{flex-grow:0;width:3em;height:3em;margin-block:.5em}section.time svg path{fill:var(--nmisa-green)}section.time .weekday{font-size:1.25em}section.time .date{font-size:1.75em;font-weight:bold}section.time .time{font-size:2.5em;font-weight:bold;color:#fff}section.time .sast{font-size:.6em;font-weight:normal}section.time .delay{font-size:.8em}section.time .warning{color:crimson}