.log-area {
    background-color: black;
}

.log-text {
    color: white;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 1000;
}

.time {
    color: aquamarine;
}

.message-crit {
    color: white;
    background-color: red;
}

.message-err {
    color: red;
}

.message-warn {
    color: darkorange;
}

.message-debug {
    color: green;
}

.message-info {
    color: #ffffff;
}

.message {
    margin-left: 1ex;
    word-break: normal;
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

body {
    background-color: #1d1d1d;
}

h1, h2, .white-text {
    color: white;
}

.border-white {
    border: #ffffff;
    border-width: 2px;
}

.rotate-divider {
    border-top: 2px solid rgba(255, 255, 255, 1);
}

.rotated-text {
    opacity: 0.3;
}

.toggle {
    margin-left: 0px !important;
}

.checkbox-inline {
    margin-bottom: 0px !important;
}

.alerts-container {
    z-index: 1000;
}

html, body {
    height: 100%;
}

.toggle-handle {
    background-color: white;
}

@media screen and (max-width: 800px) {
    .log-text {
        flex-direction: column;
    }
}

.leaderboard-container {
    max-width: 1200px;
}

.break-all {
    word-break: break-all;
}

.table th, .table td {
    vertical-align: middle;
}

.profile-pic {
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
}

.ta-end {
    text-align: end;
}

.ta-center {
    text-align: center;
}

.guild-icon {
    border-width: 3px !important;
}

.name-column {
    width: 100%;
}

.xp-column {
    white-space: nowrap;
}

.leaderboard-symbol {
    background-color: #CC9F2D;
    border: solid #CC9F2D;
    border-radius: 20px;
    color: black;
    height: 40px;
    align-content: center;
    padding: 5px 10px;
}

.header-container {
    border: solid #c0c0c0;
    border-radius: 5px;
    margin-bottom: 20px;
    border-width: 2px;
    padding: 10px 20px;
    background-color: #3e444a;
}

/* Narrow (mobile) devices */
@media screen and (max-width: 500px) {
    .header-container h1 {
        font-size: 7vw;
        margin-right: auto;
    }

    .table td, .table th {
        padding: .5rem;
    }

    .guild-icon {
        width: 64px;
        margin-left: auto;
    }

    .leaderboard-container {
        width: 100%;
    }
}