:root {
    background-color: #121212;
    color: #eeeeee;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13pt;
}

.alert {
    padding: 10pt;
    margin: 20pt 0;
    width: 35vw;
    border-left: 5px solid;
}

.alert.info {
    background-color: #009dff82;
    border-left-color: #009dff;
}

.alert.warning {
    background-color: #ffee0082;
    border-left-color: #ffee00;
}

.alert.fatal {
    background-color: #ff000082;
    border-left-color: #ff0000;
}

.alert.success {
    background-color: #00ff0082;
    border-left-color: #00ff00;
}

a {
    color: #eee;
    background-color: #4d9dff7b;
    text-decoration: none;
    padding: 3pt;
    border-radius: 6pt;
    border: 4px outset #4d9dff7b;

    backdrop-filter: blur(5px);
}

a:visited {
    color: #eee;
    background-color: #73075b7b;
    text-decoration: none;
    padding: 3pt;
    border-radius: 6pt;
    border: 4px inset #73075b7b;
}

a:hover {
    font-size: 1.1em;
}