/* Variables */

:root {
    --accent-contrast: var(--accent-light);
    --text-col: #fff;
    --bg-col: #000;
    --bg-almost: #404040;
}

/* Uncategorised */

body {
    background-color: black;
    color: white;
}

.error {
    background-color: #c00000;
    border: 2px solid #f00;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    padding: 4px;
}

.success {
    background-color: #00c000;
    border: 2px solid #0f0;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    padding: 4px;
}

/* Usernames */

.rank-mod, .rank-mod p, .rank-mod a { color: #c00000 !important; }
.rank-admin, .rank-admin p, .rank-admin a { color: #800080 !important; }

/* Navbar */

.navbar {
    background-image: linear-gradient(180deg, #202020, #000);
    overflow: hidden;
}

/* Dropdown */

.dropdown {
    opacity: 0%;
    display: none;
    position: absolute;
    right: 0%;
    background-color: var(--accent-dark);
    z-index: 1;
    transition: opacity 250ms;
}

.dropdown a {
    border-bottom: 1px solid #404040;
    text-align: left;
}