/* latin */
@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url(Orbitron.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  

body {
    background-color: #000;
    color: #01FF70;
    font-family: 'Orbitron';
    font-weight: 500;
}

a {
    color: #00a949;
    text-decoration: underline;
}

b {
    font-weight: 900;
}

#about {
    color: #00a949;
    position:absolute;
    bottom:0;
    left:0;
    /* TRBL */
    margin: 0 0 5px 10px;
    animation: 2s ease 0s normal forwards 1 fadein;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

#clock {
    font-size: 15rem;
    position: absolute;
    top:  20%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: default;
}
#ampm {
    color: #00a949;
    margin-left: 0.5rem;
    font-size: 4rem;
}

#cadetkelly {
    cursor: pointer;
    text-decoration: underline;
    user-select: none;
}

@media (max-width: 1300px) {
    #clock {
        font-size: 8rem;
    }
    #ampm {
        font-size: 2rem;
    }
    #error {
        font-size: 1.5rem;
    }
}