:root {
    --downer-green-rgb: 151, 214, 0;
    --downer-green: rgb(var(--downer-green-rgb));
    --downer-blue: #5bc2e7;
    --downer-black: #222222;
    --downer-black-2: #222222;
    --downer-black-3: #616161;
    --downer-gray-rgb: 154, 154, 154;
    --downer-gray: rgb(var(--downer-gray-rgb));
    --downer-orange-rgb: 234, 118, 0;
    --downer-orange: rgb(var(--downer-orange-rgb));
    --downer-light-gray: #EEEEEE;
    --downer-light-navy: #041E42;
}

html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#app {
    width: 100%;
    height: 100%;
}

html * {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
}

.code-digit-container {
    display: grid;
    grid-template-columns: repeat(4, 76px);
    grid-column-gap: 24px;
}