* {
    position: relative;
    transition: 0.6s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
:root {
    
}
html,
body {
    position: fixed;
    overflow: hidden;
    width: 100%;
}
html {
    font-size: 16px;
    margin: 0;
    padding: 0;
    height: 100%;
}
body {
    background-color: #9a0073;
    color: #00191a;
    font-family: 'Exo 2', sans-serif;
    font-family: 'Nova Mono', monospace;
    margin: 0;
    padding: 0;
/*    text-shadow: 0 -1px 0 #00e6f2;*/
    height: 100%;
}
*::-moz-selection {
    background-color: #ff8c00;
    color: #191919;
}
*::selection {
    background-color: #ff8c00;
    color: #191919;
}
section#container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 1fr 90px 20px 40px 1fr;
    grid-template-areas:
        ". . ."
        ". count ."
        ". . ."
        ". message ."
        ". . .";
    height: 100%;
    width: 100%;
}
section#container div {
    text-align: center;
}
section#container div.count {
    font-family: 'Rubik Mono One', sans-serif;
    font-family: 'Nova Mono', monospace;
    font-size: 80px;
    grid-area: count;
}
section#container div.message {
    grid-area: message;
}