.log {
    border: 1px solid var( --color-dark );
    border-radius: .5rem;
    color: var( --color-dark );
    padding: .5rem 1rem;
    margin: .5rem;
    background-color: var( --color-white );
    font-weight: bold;
}

.log-error {
    border-color: var( --color-red-dark );
    color: var( --color-red-dark );
}

.log-success {
    border-color: var( --color-cyan-dark );
    color: var( --color-cyan-dark );
}

.log-warning {
    border-color: var( --color-yellow-dark );
    color: var( --color-yellow-dark );
}

.log-info {
    border-color: var( --color-blue-dark );
    color: var( --color-blue-dark );
}