body {
    background-color: #b0cdd5;
    color: #5D5D5D;
    overflow: hidden;
}
.navbar {
    display: none;
}
#bg {
    position: absolute;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}
#bg > img {
    height: 100%;
}
#bg > #blur {
    position: absolute;
    right: 0;
    top: 0;
    height: 100vh;
    width: 90vw;
    min-width: calc(100% - 18em);
    backdrop-filter: blur(0.8em);
    background-color: rgba(255, 255, 255, 0.5);
    border-left: 0.5em solid #37942A;
    box-shadow: 0 0 1em #555;
}
#content {
    position: absolute;
    right: 0;
    top: 0;
    height: 100vh;
    width: 90vw;
    min-width: calc(100% - 20em);
    overflow-x: auto;
}
.level-1 {
    color : #e7141a;
}
.level-2 {
    color : #ee8f25;
}
.level-3 {
    color : #efb600;
}
.level-4 {
    color : #81b742;
}
.level-5 { 
    color : #1b8d45;
}