/* Timer */
#timer {
    background:#1a1c23;padding:50px;
    & h1 {font-size:2rem;background:none;}
    & .counter {width:250px;font-size:0;padding:8px;border-radius:12px;background:#2e313b;}
    & input[type="text"] {
        font-size:5rem;field-sizing:content;background:transparent;border:0;height:5rem;
        &#countdownMinutes {text-align:right;}
        &#countdownSeconds {text-align:left;}
        &.no-interact, &.no-interact * {cursor:default !important;user-select:none;
            &::selection {background:transparent;}
        }
    }
    & input[type="button"] {
        width:100px;
        height:40px;
        margin:5px 25px;
    }
    & h1, & span {width:250px;margin:0 150px 0 0;text-align:center;color:#fcb825;}
}