/* Flash messages */
.container > .message {
    padding: 1rem;

    background: #eff8ff;
    color: #2779bd;

    border-color: #6cb2eb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 2rem;

    position: fixed;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 100;
    text-align: center;
    user-select: none;
    animation: vanish .5s linear 3s forwards;
}
@-webkit-keyframes vanish { from { opacity: 1; } to { opacity: 0; }  }
@keyframes vanish { from { opacity: 1; } to { opacity: 0; }  }

.container > .message.hidden {
    display: none;
}
.container > .message.success {
    background: #e3fcec;
    color: #1f9d55;
    border-color: #51d88a;
}
.container > .message.error {
    background: #fcebea;
    color: #cc1f1a;
    border-color: #ef5753;
}