:root {
	--category_header: calc(100vw*0.04);
	
}

a:link {
	color: rgb(255, 255, 255);
	background-color: transparent;
	text-decoration: none;
  }
  
  a:visited {
	color: rgb(255, 255, 255);
	background-color: transparent;
	text-decoration: none;
  }
  
  a:hover {
	color: rgb(255, 255, 255);
	background-color: transparent;
	text-decoration: underline;
  }
  
  a:active {
	color: rgb(185, 8, 255);
	background-color: transparent;
	text-decoration: underline;
  }


body {
	background-image: url(../images/image_background_paper_widescreen_repeat.png);
	background-repeat: repeat;
	background-color: #000000;
	background-size: 3;
	background-position: calc(100vw *0) calc(100vw *-0.1);
	margin-left: calc(100vw *0);
	overflow-x: hidden;	
	overflow-y: scroll;	
}

#header {
	position: fixed;
	background-color: rgba(24, 24, 24, 0.9);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	width: calc(100vw *1);
	height: calc(100vw *0.0275);
	left: calc(100vw *0);
	top: calc(100vw *0);
	z-index: 10000;
}

#verticalthird_logo {
    --scale: .5;
    --width: calc(100vw*0.078125*var(--scale));
    --height: calc(100vw*0.0520833333333333*var(--scale));
	position: fixed;
	background-image: url(../images/Image_VerticalThird_Logo.png);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
    left: calc(100vw*.005);
	top: calc(100vw*.0);
	z-index: 0;
}



#button_purchase {
    --scale: .5;
    --width: calc(100vw*0.078125*var(--scale));
    --height: calc(100vw*0.0520833333333333*var(--scale));
	position: fixed;
	background-color: transparent;
	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*0.001);
	border-radius: 12.5px;
	z-index: 1000;
}


#button_techdemo {
    --scale: .5;
    --width: calc(100vw*0.078125*var(--scale));
    --height: calc(100vw*0.0520833333333333*var(--scale));
	position: fixed;
	background-color: transparent;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.4) - ((var(--width)*0.5)));
	top: calc(100vw*0.001);
	border-radius: 12.5px;
	z-index: 1000;
}

#button_patch_notes {
    --scale: .5;
    --width: calc(100vw*0.078125*var(--scale));
    --height: calc(100vw*0.0520833333333333*var(--scale));
	position: fixed;
	background-color: transparent;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.3) - ((var(--width)*0.5)));
	top: calc(100vw*0.001);
	border-radius: 12.5px;
	z-index: 1000;
}



#button_documentation {
    --scale: .5;
    --width: calc(100vw*0.2083333333333333*var(--scale));
    --height: calc(100vw*0.0520833333333333*var(--scale));
	position: fixed;
	background-color: transparent;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.65) - ((var(--width)*0.5)));
	top: calc(100vw*0);
	z-index: 1000;
}

#image_video_coming_soon {
	--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.25) - ((var(--width)*0.5)));
	top: calc((100vw*0.125) - ((var(--height)*0.5)));
	opacity: 1;
	z-index: 10000;
	display: block;
}


#social_bar {
    --scale: 1;
    --width: calc(100vw*0.2083333333333333*var(--scale));
    --height: calc(100vw*0.0275*var(--scale));
	position: fixed;
	background-color: transparent;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	right: calc(100vw*0);
	top: calc(100vw*0);
	z-index: 1000;
}

#socialmedia_twitter_icon {
    --scale: .05;
    --width: calc(100vw*0.2083333333333333*var(--scale));
    --height: calc(100vw*0.2083333333333333*var(--scale));
	position: fixed;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
    left: calc(100vw*.86);
	top: calc(100vw*.0075);
	z-index: 00;	
}

#socialmedia_twitch_icon {
    --scale: .05;
    --width: calc(100vw*0.2083333333333333*var(--scale));
    --height: calc(100vw*0.2083333333333333*var(--scale));
	position: fixed;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
    left: calc(100vw*.89);
	top: calc(100vw*.0075);
	z-index: 00;	
}

#socialmedia_discord_icon {
    --scale: .05;
    --width: calc(100vw*0.2083333333333333*var(--scale));
    --height: calc(100vw*0.2083333333333333*var(--scale));
	position: fixed;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
    left: calc(100vw*.92);
	top: calc(100vw*.0075);
	z-index: 00;	
}

#socialmedia_youtube_icon {
    --scale: .05;
    --width: calc(100vw*0.2083333333333333*var(--scale));
    --height: calc(100vw*0.2083333333333333*var(--scale));
	position: fixed;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
    left: calc(100vw*.95);
	top: calc(100vw*.0075);
	z-index: 00;	
}

#ultimate_iteration_engine {
    --scale: .3;
    --width: calc(100vw*1.066666666666667*var(--scale));
    --height: calc(100vw*1.066666666666667*var(--scale));
	position: absolute;
	background-image: url(../images/image_ultimate_iteration_engine.png);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.3) - ((var(--width)*0.5)));
	top: calc(100vw*.215);
	pointer-events: none;
	-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: 0;
}

#epic_mega_grant_2019 {
    --scale: .20;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	background-image: url(../images/image_epic_megagrant.png);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.475) - ((var(--width)*0.5)));
	top: calc(100vw*.31);
	pointer-events: none;
	-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: 0;
}

#epic_mega_grant_2019_text {
    --scale: .3;
    --width: calc(100vw*0.2083333333333333*var(--scale));
    --height: calc(100vw*0.2083333333333333*var(--scale));
	position: absolute;
	background-image: url(../images/image_2019.png);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.475) - ((var(--width)*0.5)));
	top: calc(100vw*.4);
	pointer-events: none;
	-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: 0;
}

#epic_mega_grant_2023 {
    --scale: .20;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	background-image: url(../images/image_epic_megagrant.png);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	right: calc((100vw*0.375) - ((var(--width)*0.5)));
	top: calc(100vw*.31);
	pointer-events: none;
	-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: 0;
}

#epic_mega_grant_2023_text {
    --scale: .3;
    --width: calc(100vw*0.2083333333333333*var(--scale));
    --height: calc(100vw*0.2083333333333333*var(--scale));
	position: absolute;
	background-image: url(../images/image_2023.png);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	right: calc((100vw*0.375) - ((var(--width)*0.5)));
	top: calc(100vw*.4);
	pointer-events: none;
	-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: 0;
}

#epic_mega_grant_background {
    --scale: 1;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.185*var(--scale));
	position: absolute;
	background-color: rgba(24, 24, 24, 0.5);
    width: var(--width);
    height: var(--height);
	left: calc(100vw*0);
	top: calc(100vw*.31);
	pointer-events: none;
	-webkit-transition: all 2s ease;  
	-moz-transition: all 2s ease;  
	-o-transition: all 2s ease;  
	-ms-transition: all 2s ease;  
	transition: all 2s ease;
	will-change: transform;
	transform: translateZ(0);
	z-index: -5000;
}

#patch_notes {
    --scale: 1;
    --width: calc(100vw*.7*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*.025);
	top: calc(100vw*.025);
	pointer-events: none;
	-webkit-transition: all 2s ease;  
	-moz-transition: all 2s ease;  
	-o-transition: all 2s ease;  
	-ms-transition: all 2s ease;  
	transition: all 2s ease;
	will-change: transform;
	transform: translateZ(0);
	z-index: 2500;
	font-family: "Gill Sans", sans-serif;
	font-size: calc(100vw*0.008);
	color: white;
	white-space: pre-wrap;
}

#patch_notes_container {
    --scale: 1;
    --width: calc(100vw*.8*var(--scale));
    --height: calc(100vw*0.5*var(--scale));
	position: absolute;
	background-color: rgba(97, 13, 13, 0);
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc(100vw*.05);
	pointer-events: none;
	-webkit-transition: all 2s ease;  
	-moz-transition: all 2s ease;  
	-o-transition: all 2s ease;  
	-ms-transition: all 2s ease;  
	transition: all 2s ease;
	will-change: transform;
	transform: translateZ(0);
	z-index: 4500;
}

#image_founders {
    --scale: .65;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	background-image: url(../images/image_founders.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*1.85);
	pointer-events: none;
	-webkit-transition: all 2s ease;  
	-moz-transition: all 2s ease;  
	-o-transition: all 2s ease;  
	-ms-transition: all 2s ease;  
	transition: all 2s ease;
	will-change: transform;
	transform: translateZ(0);
	z-index: -5000;
}

#background_video_container {
    --scale: 1;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.5625*var(--scale));
	background-color: transparent;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: absolute;
    width: var(--width);
    height: var(--height);
	left: calc(100vw*0);
	top: calc(100vw*0);
	overflow: hidden;
	pointer-events: none;
	-webkit-transition: all 2s ease;  
	-moz-transition: all 2s ease;  
	-o-transition: all 2s ease;  
	-ms-transition: all 2s ease;  
	transition: all 2s ease;
	will-change: transform;
	transform: translateZ(0);
	overflow-x: hidden;	
	overflow-y: hidden;	
	z-index: -1000;
}

#background_video {
    --scale: 1;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.5625*var(--scale));
	background-color: transparent;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	position: absolute;
    width: var(--width);
    height: var(--height);
	right: calc(100vw*0);
	top: calc(100vw*-0.05);
	user-select: none;
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	-webkit-transition: all 2s ease;  
	-moz-transition: all 2s ease;  
	-o-transition: all 2s ease;  
	-ms-transition: all 2s ease;  
	transition: all 2s ease;
	will-change: transform;
	transform: translateZ(0);
	opacity: 1;
	overflow-x: hidden;	
	overflow-y: hidden;	
	pointer-events: none;
}

#vision_statement {
    --scale: .5;
    --width: calc(100vw*1.066666666666667*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	background-image: url(../images/image_vision_statement.png);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*.5) - ((var(--width)*0.5)));
	top: calc(100vw*.85);
	user-select: none;
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	-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);
	opacity: 0;
	z-index: 0;
	-webkit-filter: invert(100%);
    filter: invert(100%);
}

.divider {
    --scale: 1;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.0130208333333333*var(--scale));
	position: absolute;
	background-image: url(../images/image_divider_001.png);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	z-index: 1000;
	opacity: .15;
}

.category {
    --scale: 1;
    --width: calc(100vw*1*var(--scale));
	position: absolute;
	background-color: rgba(58, 58, 58, 0);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
	left: calc(100vw*.0);
	z-index: 0;
}

.feature_video {
    --scale: 1;
    --width: calc(100vw*0.2*var(--scale));
    --height: calc(100vw*0.2*var(--scale));
	position: absolute;
	background-position: 50% 50%;
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	-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;
	cursor: pointer;
}

.feature_video_background {
    --scale: 1;
    --width: calc(100vw*0.2*var(--scale));
    --height: calc(100vw*0.2*var(--scale));
	position: absolute;
	background-position: 50% 50%;
	background-size: 100% 100%;
	background-color: #000000;
    width: var(--width);
    height: var(--height);
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	-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: -500;
	cursor: pointer;
}

.feature_video:hover {
	background-size: 110% 110%;
}

.feature_description {
    --scale: .5;
    --width: calc(100vw*0.625*var(--scale));
    --height: calc(100vw*0.3125*var(--scale));
	position: absolute;
	background-image: url(../images/image_paragraph_temp.png);
	background-color: rgba(233, 233, 233, 0.15);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	z-index: 0;
	opacity: 0;
}

.feature_category {
    --scale: .5;
    --width: calc(100vw*0.5208333333333333*var(--scale));
    --height: calc(100vw*0.0520833333333333*var(--scale));
	position: absolute;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.25));
	top: calc((100vw*0.006) - ((var(--height)*0.5)));
	z-index: 1000;
	opacity: 1;
}

.feature_video_label {
    --scale: 1;
    --width: calc(100vw*0.2*var(--scale));
    --height: calc(100vw*0.2*var(--scale));
	position: absolute;
    width: var(--width);
    height: var(--height);
	left: calc((100vw*0.1) - ((var(--width)*0.5)));
	top: calc((100vw*0.1) - ((var(--height)*0.5)));
	z-index: 1000;
	opacity: 1;
	pointer-events: none; 
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

.feature_video_row_01 {
	top: calc(100vw*.455);
}

.feature_video_row_02 {
	top: calc(100vw*.665);
}

.feature_video_row_03 {
	top: calc(100vw*0.875);
}

.feature_video_row_04 {
	top: calc(100vw*1.085);
}

.feature_video_row_05 {
	top: calc(100vw*1.295);
}

.feature_video_row_06 {
	top: calc(100vw*1.505);
}

.feature_video_row_07 {
	top: calc(100vw*1.715);
}

.feature_video_row_08 {
	top: calc(100vw*1.925);
}

.feature_video_row_09 {
	top: calc(100vw*2.135);
}

.feature_video_row_10 {
	top: calc(100vw*2.345);
}

.feature_video_row_11 {
	top: calc(100vw*2.555);
}

.feature_video_row_12 {
	top: calc(100vw*2.755);
}

.feature_video_col_1 {
	left: calc((100vw*0.29) - ((var(--width)*0.5)));
}

.feature_video_col_2 {
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
}

.feature_video_col_3 {
	left: calc((100vw*0.71) - ((var(--width)*0.5)));
}

#menu {
	--scale: 1;
    --width: calc(100vw*0.1953125*var(--scale));
    --height: calc(100vw*0.3125*var(--scale));
	position: fixed;
	background-color: rgba(0, 140, 255, 0);
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
    width: var(--width);
    height: var(--height);
	left: calc(100vw*-0.2);
	top: calc(100vw*0.125);
	z-index: 1500;
	user-select: none;
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	-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);
}

.menu_button {
	--scale: .75;
    --width: calc(100vw*0.2604166666666667*var(--scale));
    --height: calc(100vw*0.0208333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.1) - ((var(--width)*0.5)));
	cursor: pointer;
	opacity: .35;
}


.feature_details {
	--scale: 1;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vh*1*var(--scale));
	background-image: url(../images/image_background_paper_widescreen.png);
	background-repeat: repeat;
	background-position: calc(100vw *0) calc(100vw *0);
	background-size: 100% 100%;
	display: none;
	position: fixed;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top:  calc((100vh*0.5) - ((var(--height)*0.5)));
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	-webkit-transition: all .5s ease;  
	-moz-transition: all .5s ease;  
	-o-transition: all .5s ease;  
	-ms-transition: all .5s ease;  
	transition: all .5s ease;
	will-change: transform;
	transform: translateZ(0);
	z-index: 2000;
	opacity: 0;
	cursor: pointer;
}

/* Feature Details Slot Title */

#feature_details_title {
    --scale: 1.5;
    --width: calc(100vw*0.2*var(--scale));
    --height: calc(100vw*0.2*var(--scale));
	position: fixed;
	background-image: url(../images/image_title_crafting.png);
	background-size: 100% 100%;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.7) - ((var(--width)*0.5)));
	top: calc(100vw*-0.11);
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	z-index: -500;
	filter: invert(100%);

}

/* Feature Details Slot Description */

#feature_details_description {
	--scale: 1;
    --width: calc(100vw*0.3333333333333333*var(--scale));
    --height: calc(100vw*0.1875*var(--scale));
	position: fixed;
	background-color: transparent;
	background-size: 100% 100%;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.25) - ((var(--width)*0.5)));
	top: calc(100vw*0.25);
}

/* Feature Details Slot Art */

#feature_details_art {
	--scale: .5;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.5625*var(--scale));
	position: fixed;
	background-image: url(../images/image_character_mace.png);
	background-size: 100% 100%;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.7) - ((var(--width)*0.5)));
	top: calc(100vw*0.1);
	
}


.feature_details_youtube {
	--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: fixed;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.25) - ((var(--width)*0.5)));
	top: calc((100vw*0.125) - ((var(--height)*0.5)));
	opacity: 1;
}

#inside_unreal {
	--scale: 1.5;
    --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*.765) - ((var(--height)*0.5)));
	opacity: 1;
}

#featured_inside_unreal {
	--scale: .5;
	--width: calc(100vw*1*var(--scale));
	--height: calc(100vw*0.1333333333333333*var(--scale));
	position: absolute;
	background-image: url(../images/image_featured_inside_unreal.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*.54);
	pointer-events: none;
	-webkit-transition: all 2s ease;  
	-moz-transition: all 2s ease;  
	-o-transition: all 2s ease;  
	-ms-transition: all 2s ease;  
	transition: all 2s ease;
	will-change: transform;
	transform: translateZ(0);
	z-index: 0;
}

.menu_button:hover{
	opacity: 1;
	--scale: .79;
	left: calc((100vw*0.0975) - ((var(--width)*0.5)));
}

.menu_button:unhover{
	opacity: 1;
}

.menu_button_001 {
	top: calc(100vw*0);
}

.menu_button_002 {
	top: calc(100vw*0.025);
}

.menu_button_003 {
	top: calc(100vw*0.05);
}

.menu_button_004 {
	top: calc(100vw*0.075);
}

.menu_button_005 {
	top: calc(100vw*0.1);
}

.menu_button_006 {
	top: calc(100vw*0.125);
}

.menu_button_007 {
	top: calc(100vw*0.15);
}

.menu_button_008 {
	top: calc(100vw*0.175);
}

.menu_button_009 {
	top: calc(100vw*0.2);
}

.menu_button_010 {
	top: calc(100vw*0.225);
}

.menu_button_011 {
	top: calc(100vw*0.25);
}

.menu_button_012 {
	top: calc(100vw*0.275);
}

.menu_button_013 {
	top: calc(100vw*0.3);
}

#feature_001 {
	top: calc(100vw*0.3);

}

.text_background_thumbnail {
    --scale: 1;
    --width: calc(100vw*0.2*var(--scale));
    --height: calc(100vw*0.05*var(--scale));
	position: absolute;
	background-position: 50% 50%;
	background-size: 100% 100%;
	background-color: #000000;
    width: var(--width);
    height: var(--height);
	top: calc(100vw*0.085);
	opacity: .4;
	z-index: -250;
}

.disabled {
	pointer-events: none; 
}


#multiplayer {
	z-index: 0;
	background-image: url(../images/image_thumbnail_multiplayer.png);
	opacity: .4;
}

#multiplayer:hover {
	opacity: 1;
}

#adventure_systems {
	z-index: 0;
	background-image: url(../images/image_thumbnail_adventure_systems.png);
	opacity: .4;
}

#adventure_systems:hover {
	opacity: 1;
}

#workflow {
	z-index: 0;
	background-image: url(../images/image_thumbnail_workflow.png);
	opacity: .4; 
}

#workflow:hover {
	opacity: 1;
}

#complete_ai_logic {
	z-index: 0;
	background-image: url(../images/image_thumbnail_complete_ai_logic.png);
	opacity: .4;
}

#complete_ai_logic:hover {
	opacity: 1;
}

#combat {
	z-index: 0;
	background-image: url(../images/image_thumbnail_combat.png);
	opacity: .4;
}

#combat:hover {
	opacity: 1;
}

#prototype_style {
	z-index: 0;
	background-image: url(../images/image_thumbnail_prototype_style.png);
	opacity: .4;
}

#prototype_style:hover {
	opacity: 1;
}

#game_options {
	z-index: 0;
	background-image: url(../images/image_thumbnail_game_options.png);
	opacity: .4;
}

#game_options:hover {
	opacity: 1;
}

#scoreboard {
	z-index: 0;
	background-image: url(../images/image_thumbnail_scoreboard.png);
	opacity: .4;
}

#scoreboard:hover {
	opacity: 1;
}

#youtubetest {
	z-index: 0;
}

#footer {
	--scale: 1;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.5125*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0));
	top:  calc(100vw*1.8);
	opacity: .35;	
}

/* Feature Adventure Systems */

#category_adventure_systems {
	top: calc(100vw*0.7);
}

/* Feature Artificial Intelligence (AI) */

#category_artificial_intelligence {
	top: var(--feature_002);
}

/* Feature Any Experience Level */

#category_any_experience_level {
	top: var(--feature_003);
}

/* Feature Combat */

#category_combat {
	top: var(--feature_004);
}

/* Feature Game Options */

#category_game_options {
	top: var(--feature_005);
}

/* Feature Kitbash Cosmetics */

#category_kitbash_cosmetics {
	top: var(--feature_006);
}

/* Feature Misc */

#category_misc {
	top: var(--feature_007);
}

/* Feature Multiplayer */

#category_multiplayer {
	top: var(--feature_008);
}

/* Feature Optimizations */

#category_optimizations {
	top: var(--feature_009);
}

/* Feature Perspective */

#category_perspective {
	top: var(--feature_010);
}

/* Feature Roadmap */

#category_roadmap {
	top: var(--feature_011);
}

/* Feature Workflow */

#category_workflow {
	top: var(--feature_012);
}


/* Feature Auto Detect Multiplayer */

#category_auto_detect_multiplayer {
	top: var(--feature_013);
}



#development_fund {
	--scale: 1;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.5125*var(--scale));
	position: relative;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0));
	top:  calc(100vw*1.375);
}

#patreon_header {
	--scale: .5;
    --width: calc(100vw*1*var(--scale));
    --height: calc(100vw*0.2666666666666667*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*2.2) - ((var(--height)*0.5)));
	cursor: pointer;
	z-index: 5000;
}

#patreon_iridescent {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*0.45) - ((var(--height)*0.5)));
}

#patreon_rainbow {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*0.85) - ((var(--height)*0.5)));
}

#patreon_gold {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*1.25) - ((var(--height)*0.5)));
}

#patreon_black {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*1.65) - ((var(--height)*0.5)));
}

#patreon_ancient {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*2.05) - ((var(--height)*0.5)));
}

#patreon_legendary {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*2.45) - ((var(--height)*0.5)));
}

#patreon_epic {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*2.85) - ((var(--height)*0.5)));
}

#patreon_rare {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*3.25) - ((var(--height)*0.5)));
}

#patreon_uncommon {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*3.65) - ((var(--height)*0.5)));
}

#patreon_common {
	--scale: .35;
    --width: calc(100vw*0.5333333333333333*var(--scale));
    --height: calc(100vw*0.5333333333333333*var(--scale));
	position: absolute;
	width: var(--width);
    height: var(--height);
	left: calc((100vw*0.5) - ((var(--width)*0.5)));
	top: calc((100vw*4.05) - ((var(--height)*0.5)));
}