#table_of_contents_container {
    --scale: 1;
    --width: calc(100vw*.17*var(--scale));
    --height: calc(100vw*2*var(--scale));
	position: absolute;
	background-color: rgba(31, 27, 27, 0.753);
    width: var(--width);
    height: var(--height);
	left: calc(100vw*0.02);
	top: calc(100vw*.2);
	-webkit-transition: all 1s ease;  
	-moz-transition: all 1s ease;  
	-o-transition: all 1s ease;  
	-ms-transition: all 1s ease;  
	transition: all 1s ease;
	will-change: transform;
	transform: translateZ(0);
	z-index: 0;
	opacity: 1;
	font-family: "Gill Sans", sans-serif;
	font-size: calc(100vw*0.008);
	color: white;
}

#table_of_contents {
    --scale: 1;
    --width: calc(100vw*.15*var(--scale));
    --height: calc(100vw*2*var(--scale));
	position: absolute;
	background-color: transparent;
    width: var(--width);
    height: var(--height);
	left: calc(100vw*0.01);
	top: calc(100vw*.01);
	-webkit-transition: all 1s ease;  
	-moz-transition: all 1s ease;  
	-o-transition: all 1s ease;  
	-ms-transition: all 1s ease;  
	transition: all 1s ease;
	will-change: transform;
	transform: translateZ(0);
	z-index: 0;
	opacity: 1;
	font-family: "Gill Sans", sans-serif;
	font-size: calc(100vw*0.008);
	color: white;
	white-space: pre-wrap;
}

#documentation_being_updated {
    --scale: .5;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.0666666666666667*var(--scale));
	position: absolute;
	background-image: url(../images/image_documentation_being_updated.png);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*.15);
	z-index: 0;
}


#documentation_loot {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.2);
	opacity: 1;
}

#documentation_scoreboard {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.25);
	opacity: 1;
}

#documentation_loottable {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.3);
	opacity: 1;
}

#documentation_recipe {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.35);
	opacity: 1;
}

#documentation_aispawner {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.4);
	opacity: 1;
}

#documentation_quest {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.45);
	opacity: 1;
}

#documentation_kitbash {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.5);
	opacity: 1;
}

#documentation_actionsystem {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.55);
	opacity: 1;
}

#documentation_action_singles {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.6);
	opacity: 1;
}

#documentation_ai_setup {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.65);
	opacity: 1;
}

#documentation_player_kit {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	background-color: #000000;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*0.7);
	opacity: 1;
}