#ui-root {
    background-color: #bbb6b6
}

#left-border {
    margin: 0px;
    border: 0px;
    padding: 5px;
    background-color: #dddddd;
}

#ui-root #left-bg {
    display: flex;
    background-color: darkgray;
}

#right-border {
    background-color: #a5a1a1;
}

#left-bg text {
    color: #252525
}

#right-list {
    height: 50%;
    background-color: #ebebeb;
}

.big-text {
    font-size: 15;
    width: 100%;
    color: #252525
}

#mid-blue-border {
    background-color: #28288d;
}

#mid-blue-border node {
    background-color: #a5a1a1;
}

title {
    font-size: 22;
    vertical-align: bottom;
    color: #3f3f3f;
}

.container .blue-bg {
    background-color: #44004410;
}

#mid-bevy-logo-image {
    background-color: #424242;
}

button {
    align-items: center;
    align-content: center;
}

button text {
    width: 100%;
    height: 25px;
    left: 10px;
    font-size: 20;
    color: #3b3f3f;
    text-content: "Lightness!!!!";
}

button:hover text {
    text-content: "Switch to Darkness?";
}