html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    min-height: 100vh;
}

body {
    min-height: 100vh;
    background-color: #323031;
    color: #edf2f4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.cbar {
    display: flex;
    height: .5rem;
}

.cbar>div {
    flex: 1;
}

.c1 {
    background-color: #a31621;
}

.c2 {
    background-color: #bfdbf7;
}

.c3 {
    background-color: #053c5e;
}

.c4 {
    background-color: #1f7a8c;
}

.c5 {
    background-color: #db222a;
}

.center {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.i-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.info {
    font-size: .9rem;
    color: #8d99ae;
    margin-bottom: 1rem;
}