#building, #footer, .line, .tris{
	position: fixed
}
#data_bg_, #logo_bg_{
	z-index: -10
}
#fb_logo, #itch_logo, #logo, #tickets{
	width: 50%
}
#data_bg_, #logo_bg_, #tooltip{
	position: absolute
}
#data_main, #data_sub, #logo, .button_bar, .faq_content_visible, .shown{
	animation: 1s forwards fadeIn
}
:root{
	--primary: rgb(35,  50,  107);
	--secondary: rgb(252,  210,  10);
	--tetrary: rgb(216,  32,  44);
	--main-text: black;
	--text: white;
	--hShadow: -10px;
	--vShadow: 7px;
	--hShadowSoft: -2px;
	--vShadowSoft: 1px;
	--invert_logos: 1;
}
#logo{
	padding: 12% 0 0 20%;
	-webkit-filter: invert(var(--invert_logos));
	filter: invert(var(--invert_logos));
	width: 50%
}
body{
	margin: 0px 30vw 30vh 30vw;
	font-family: "League Spartan", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	background-color: var(--primary);
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: var(--text)
}
body, html{
	max-width: 100%;
	overflow-x: hidden
}
h1{
	text-transform: uppercase
}
hr{
	opacity: 0;
	height: 20px
}
#logo_bg{
	height: 30vw;
	-webkit-filter: drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary));
	filter: drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary))
}
#logo_bg_{
	top: 20px;
	height: 30vw
}
.section>h1{
	font-weight: 700;
	font-size: 1.5em;
	color: var(--secondary);
	margin: 3% 0 1%;
	-webkit-filter: drop-shadow(2px -2px var(--tetrary));
	filter: drop-shadow(2px -2px var(--tetrary))
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

.line, .tris{
	display: block;
	z-index: -100
}
.line{
	opacity: .4;
	top: 0
}
#line_0{
	right: -140vw
}
#line_1{
	right: -145vw
}
#line_2{
	right: -150vw
}
#line_3{
	left: -30vw
}
#line_4{
	left: -35vw
}
#line_5{
	left: -25vw
}
#tri_0{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	right: 0;
	top: 0
}
#tri_1{
	-webkit-transform: scaleX(2);
	transform: scaleX(2);
	bottom: 0;
	left: 50%
}
#tooltip{
	left: 400px;
	top: 400px;
	border-color: transparent;
	-webkit-filter: drop-shadow(var(--hShadowSoft) var(--vShadowSoft) var(--tetrary));
	filter: drop-shadow(var(--hShadowSoft) var(--vShadowSoft) var(--tetrary));
	transform: scale(1.1)
}
#tooltip_text, #tooltip_text2{
	fill: var(--main-text);
	font-size: .7em;
	transform: scale(.95)
}
.hidden{
	visibility: hidden
}
.shown{
	visibility: visible
}
#building{
	right: 0;
	bottom: -10px;
	width: 256px;
	z-index: -150
}
#footer{
	opacity: .4;
	bottom: 1%;
	left: 1%;
	font-size: 9px
}
#mail_ {
	color: var(--text);
	text-decoration: underline overline var(--tetrary);
}

#gallery {
	width: 100%;
}
.gallery_list {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	gap: 10vh;
	margin-top: 30px;
}
.gallery_icon {
	max-width: 128px;
	max-height: 128px;
	width: 128px;
	height: 128px;
}
.gallery_link:hover {
	transform: scale(1.2);
}

@media only screen and (max-width: 1000px) {
	#tri_0 {
		-webkit-transform: scaleX(-0.7) scaleY(0.7) translateX(-10vh) translateY(-10vh);
		transform: scaleX(-0.7) scaleY(0.7) translateX(-10vh) translateY(-10vh);
		right: 0;
		top: 0;
	}
	body{
		margin: 0px 10vw 0vh 10vw;
	}
	#logo_bg {
		margin: 5vh 20vw 15vh 20vw;
		transform: scale(2);
	}
	#logo {
		padding-top: 20%;
		padding-left: 20%;
		width: 48%;
	}

	.gallery_list {
		gap: 5vh;
	}
	.gallery_link {
		flex: 50%;
	}
}