#notification {
    border: 1px solid #2e598f;
    background: lightblue;
    color: #2e598f;
    padding: 1em;
}

#notification--success {
    border: 1px solid darkgreen;
    background: lightgreen;
    color: darkgreen;
    padding: 1em;
}

#notification--warning {
    border: 1px solid darkorange;
    background: #fff7bf;
    color: darkorange;
    padding: 1em;
}

#notification--invalid-hash {
    border: 1px solid darkred;
    color: darkred;
    background-color: #ffa3a0;
    padding: 1em;
}

#notification--invalid-state {
    border: 1px solid darkred;
    color: darkred;
    background-color: #ffa3a0;
    padding: 1em;
}

#notification--valid-state {
    border: 1px solid darkgreen;
    color: #2e598f;
    background-color: lightgreen;
    padding: 1em;
}