body {
	background-image: url("../images/background-linework1-03.png");
	background-repeat: no-repeat;
	background-color: yellow;
	font-family: 'Oswald', sans-serif;
	font-size: 1.5vw;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
	margin-right: 8px;
	background-size: 79%;

	/*below is for firefox but doesn't work!*/
	scrollbar-width: auto;
	scrollbar-color: yellow black;

}

body::-webkit-scrollbar {
	width: 2vw;
}

body::-webkit-scrollbar-track {
	background-color: black;
}

body::-webkit-scrollbar-thumb {
	/*background: linear-gradient(red, yellow);
	border-radius: 1vw;*/

	background-image: url("../images/scrollthumb-v2-yel.svg");
	background-repeat: no-repeat;
}

p {
	padding: 25px;
	margin: 0px;
}

a {
	color: black;
}

a:hover {
	text-decoration: none;
	color: red;
}

.mars:hover {
	color: blue;
}



h1 {
	font-size: 2vw;
	font-weight: lighter;
	margin-left: 15px;
}

.center_h1 {
	text-align: center;
	font-size: 4vw;
}

div {
	
}

img {
	margin: 0px;
}

#nameplate_home {
	position: absolute;
	display: inline-block;
	margin-top: 8px;
	height: 92px;
}

.nameplate {
	display: inline-block;
	margin-top: 8px;
	height: 20vh;
	width: 100%;
}

.foot {
	margin-top: 8px;
	margin-bottom: 8px;
}

#geiringer1 {
	/*display: inline-block;*/
}
#back_arrow {
	display: inline-block;
	float: right;
	margin-right: 20px;
}


/*HOME FLAGGUN SCRIPT DIV*/

#home_flaggun {
	position: absolute;
	background-color: none;
	top: 2vw;
	left: 4vw;

	width: 50vw;
	height: 40vw;

	z-index: 0;
}


/*SCRIPT2 PINBALL GENERATION*/

#pinball_button {
	position: absolute;
	top: 1050px;
	left:1100px;
	/*z-index: -100;*/
	/*background-color: white;*/
}

/*NOTES:
-BUTTON CONTAINER SHOULD BE EXACTLY
4VW LARGER IN BOTH DIMENSIONS THAN
THE BUTTON ITSELF (bNa)
-you can convert the older ones to
using the variables using the find
& replace (ctrl-h) but just doing
it one at a time
-see below for variable naming scheme
*/

:root {
	/*TOP, LEFT, SCALE*/
	/*1: normal*/
	/*2: normal-out*/
	/*3: stuck top*/
	/*4:top-out*/
	--1_1-t: 7vw;
	--1_1-l: 63vw;
	--1_1-s: 1;

	--1_2-t: 7vw;
	--1_2-l: 30vw;
	--1_2-s: 8;

	--1_3-t: -2vw;
	--1_3-l: 63vw;
	--1_3-s: 1;

	--1_4-t: 35vw;
	--1_4-l: 50vw;
	--1_4-s: 10;
}


clip-path: content-box;
svg circle {
	overflow: visible;
	fill: red;
}


/*BUTTON 1-BIO*/

.button1c {
	width: 6vw;
	height: 6vw;

	top: 7vw; left: 63vw;

	z-index: 10;
}

.button1 {	
	-webkit-clip-path: circle(1vw at center);
	clip-path: circle(1vw at center);

	width: 2.05vw;
	height: 2.05vw;



}

@keyframes b1a_0to1 {
	0% {top: var(--1_1-t); left: var(--1_1-l);}
	33% {top: var(--1_2-t); left: var(--1_2-l); transform: scale(var(--1_2-s));}
	100% {top: var(--1_2-t); left: var(--1_2-l); transform: scale(var(--1_2-s));}
}

@keyframes b1a_1to0 {
	from {top: var(--1_2-t); left: var(--1_2-l); transform: scale(var(--1_2-s));}
	to {top: var(--1_1-t); left: var(--1_1-l); transform: scale(var(--1_1-s));}
}

@keyframes b1a_tto2 {
	0% {top: var(--1_3-t); left: var(--1_3-l);}
	33% {top: var(--1_4-t); left: var(--1_4-l); transform: scale(var(--1_4-s));}
	100% {top: var(--1_4-t); left: var(--1_4-l); transform: scale(var(--1_4-s));}
}

@keyframes b1a_2tot {
	from {top: var(--1_4-t); left: var(--1_4-l); transform: scale(var(--1_4-s));}
	to {top: var(--1_3-t); left: var(--1_3-l); transform: scale(var(--1_3-s));}
}

/*<animate attributeName="startOffset" from="0%" to="100%" dur="5s" repeatCount="indefinite"/>*/


/*BUTTON 2-MIME*/

:root {
	/*TOP, LEFT, SCALE*/
	/*1: normal*/
	/*2: normal-out*/
	/*3: stuck top*/
	/*4:top-out*/
	--2_1-t: 17vw;
	--2_1-l: 55vw;
	--2_1-s: 1;

	--2_2-t: 22vw;
	--2_2-l: 25vw;
	--2_2-s: 2.5;

	--2_3-t: -2vw;
	--2_3-l: 55vw;
	--2_3-s: 1;

	--2_4-t: 20vw;
	--2_4-l: 45vw;
	--2_4-s: 3.5;
}

.button2c {
	width: 12vw;
	height: 12vw;

	z-index: 2;

	top: 17vw; left: 55vw;
}

.button2 {
	width: 8.15vw;
	height: 8.15vw;
	-webkit-clip-path: circle(4vw at center);
	clip-path: circle(4vw at center);
}

@keyframes b2a_0to1 {
	0% {top: var(--2_1-t); left: var(--2_1-l);}
	33% {top: var(--2_2-t); left: var(--2_2-l); transform: scale(var(--2_2-s));}
	100% {top: var(--2_2-t); left: var(--2_2-l); transform: scale(var(--2_2-s));}
}

@keyframes b2a_1to0 {
	from {top: var(--2_2-t); left: var(--2_2-l); transform: scale(var(--2_2-s));}
	to {top: var(--2_1-t); left: var(--2_1-l); transform: scale(var(--2_1-s));}
}

@keyframes b2a_tto2 {
	0% {top: var(--2_3-t); left: var(--2_3-l);}
	33% {top: var(--2_4-t); left: var(--2_4-l); transform: scale(var(--2_4-s));}
	100% {top: var(--2_4-t); left: var(--2_4-l); transform: scale(var(--2_4-s));}
}

@keyframes b2a_2tot {
	from {top: var(--2_4-t); left: var(--2_4-l); transform: scale(var(--2_4-s));}
	to {top: var(--2_3-t); left: var(--2_3-l); transform: scale(var(--2_3-s));}
}


/*BUTTON 2_5-MS1*/

#button2_5 {
	position: absolute;
	top: 160vw;
	left: 75vw;
	display: inline-block;

	transition: transform ease-in 0.5s;
	transform-origin: 34px 55px;
	transition-delay: 0.2s;
}

#button2_5:hover {
	transform: rotate(-120deg);
	-ms-transform: rotate(-120deg); /* IE 9 */
    -webkit-transform: rotate(-120deg); /* Safari */
	transform-origin: 34px 55px;
}

#bi2_5 {
	position: absolute;
}


/*BUTTON 2_6-MS2*/

/*#button2_6 {
	position: absolute;
	top: 150px;
	left: 180px;
	display: inline-block;

	transition: transform ease-in 0.5s;
	transform-origin: 5px 10px;
	transition-delay: 0.2s;
}

#button2_6:hover {
	transform: scale(1.5);
	-ms-transform: scale(1.5); 
    -webkit-transform: scale(1.5); 
	transform-origin: 5px 10px;
}

#bi2_6 {
	position: absolute;
}*/


/*BUTTON 2_7-OBJECT ALCHEMY*/

#button2_7 {
	position: absolute;
	top: 75vw;
	left: 58vw;
	display: inline-block;

	transition: transform ease-in 2s;
	transform-origin: 125px 125px;
	transition-delay: 0.2s;
	z-index: 0;
}

#button2_7:hover {
	transform: rotate(2520deg);
	-ms-transform: rotate(2520deg); /* IE 9 */
    -webkit-transform: rotate(2520deg); /* Safari */
	transform-origin: 125px 125px;
}

#bi2_7 {
	position: absolute;
}


/*BUTTON 2_8-THESEUS*/

#button2_8 {
	position: absolute;
	top: 275px;
	left: 625px;
	display: inline-block;
	transform: scale(1.3);

	transition: transform ease-in 5s;
	transform-origin: 300px 300px;
	transition-delay: 0.2s;
	z-index: 0;
}

#button2_8:hover {
	transform: scale(1.5);
	/*transform: rotate(2520deg);*/
	/*-ms-transform: rotate(2520deg); /* IE 9 */
    /*-webkit-transform: rotate(2520deg); /* Safari */
	transform-origin: 300px 300px;

}

#bi2_8 {
	position: absolute;
}


/*BUTTON 3-SCULPTURE*/

.button3c {
	width: 5.8vw;
	height: 5.8vw;

	z-index: 2;

	top: 27.2vw; left: 68.4vw;
}

.button3 {
	width: 1.85vw;
	height: 1.85vw;
	-webkit-clip-path: circle(0.9vw at center);
	clip-path: content-box circle(0.9vw at center);
}

@keyframes b3a_0to1 {
	0% {top: 27.2vw; left: 68.4vw;}
	33% {top: 35vw; left: 60vw; transform: scale(6);}
	100% {top: 35vw; left: 60vw; transform: scale(6);}
}

@keyframes b3a_1to0 {
	from {top: 35vw; left: 60vw; transform: scale(6);}
	to {top: 27.2vw; left: 68.4vw; transform: scale(1);}
}

@keyframes b3a_tto2 {
	0% {top: -2vw; left: 68.4vw;}
	33% {top: 25vw; left: 80vw; transform: scale(8);}
	100% {top: 25vw; left: 80vw; transform: scale(8);}
}

@keyframes b3a_2tot {
	from {top: 25vw; left: 80vw; transform: scale(8);}
	to {top: -2vw; left: 68.4vw; transform: scale(1);}
}


/*BUTTON 4-LATTICE*/

.button4c {
	width: 9vw;
	height: 9vw;

	z-index: 4;

	top: 38vw; left: 13vw;
}

.button4 {
	width: 5vw;
	height: 5vw;
	-webkit-clip-path: polygon(30% 0, 100% 30%, 70% 100%, 0 70%);
	clip-path: polygon(30% 0, 100% 30%, 70% 100%, 0 70%);
}

@keyframes b4a_0to1 {
	0% {top: 38vw; left: 13vw;}
	33% {top: 20vw; left: 11vw; transform: scale(4);}
	100% {top: 20vw; left: 11vw; transform: scale(4);}
}

@keyframes b4a_1to0 {
	from {top: 20vw; left: 11vw; transform: scale(4);}
	to {top: 38vw; left: 13vw; transform: scale(1);}
}

@keyframes b4a_tto2 {
	0% {top: -2vw; left: 13vw;}
	33% {top: 25vw; left: 20vw; transform: scale(8);}
	100% {top: 25vw; left: 20vw; transform: scale(8);}
}

@keyframes b4a_2tot {
	from {top: 25vw; left: 20vw; transform: scale(8);}
	to {top: -2vw; left: 13vw; transform: scale(1);}
}


/*BUTTON 5-PLANTERS*/

.button5c {
	width: 9vw;
	height: 9vw;

	z-index: 3;

	top: 40vw; left: 53vw;
}

.button5 {
	width: 5vw;
	height: 5vw;
	-webkit-clip-path: circle(2.5vw at center);
	clip-path: circle(2.5vw at center);
}

@keyframes b5a_0to1 {
	0% {top: 40vw; left: 53vw;}
	33% {top: 20vw; left: 35vw; transform: scale(4);}
	100% {top: 20vw; left: 35vw; transform: scale(4);}
}

@keyframes b5a_1to0 {
	from {top: 20vw; left: 35vw; transform: scale(4);}
	to {top: 40vw; left: 53vw; transform: scale(1);}
}

@keyframes b5a_tto2 {
	0% {top: -2vw; left: 53vw;}
	33% {top: 25vw; left: 40vw; transform: scale(5);}
	100% {top: 25vw; left: 40vw; transform: scale(5);}
}

@keyframes b5a_2tot {
	from {top: 25vw; left: 40vw; transform: scale(5);}
	to {top: -2vw; left: 53vw; transform: scale(1);}
}


/*BUTTON 6-BAKU*/

.button6c {
	width: 6.4vw;
	height: 6.4vw;

	z-index: 2;

	top: 59.1vw; left: 28.4vw;
}

.button6 {
	width: 2.4vw;
	height: 2.4vw;
	-webkit-clip-path: circle(1.2vw at center);
	clip-path: circle(1.2vw at center);
}

@keyframes b6a_0to1 {
	0% {top: 59.1vw; left: 28.4vw;}
	33% {top: 71.75vw; left: 29.25vw; transform: scale(3);}
	100% {top: 71.75vw; left: 29.25vw; transform: scale(3);}
}

@keyframes b6a_1to0 {
	from {top: 71.75vw; left: 29.25vw; transform: scale(3);}
	to {top: 59.1vw; left: 28.4vw; transform: scale(1);}
}

@keyframes b6a_tto2 {
	0% {top: -2vw; left: 28.4vw;}
	33% {top: 35vh; left: 45vw; transform: scale(9);}
	100% {top: 35vh; left: 45vw; transform: scale(9);}
}

@keyframes b6a_2tot {
	from {top: 35vh; left: 45vw; transform: scale(9);}
	to {top: -2vw; left: 28.4vw; transform: scale(1);}
}


/*BUTTON 7-CERAMIC*/

.button7c {
	width: 5.8vw;
	height: 5.8vw;

	z-index: 2;

	top: 65vw; left: 22vw;
}

.button7 {
	width: 1.85vw;
	height: 1.85vw;
	-webkit-clip-path: circle(0.9vw at center);
	clip-path: circle(0.9vw at center);
}

@keyframes b7a_0to1 {
	0% {top: 65vw; left: 22vw;}
	33% {top: 72.5vw; left: 46vw; transform: scale(9);}
	100% {top: 72.5vw; left: 46vw; transform: scale(9);}
}

@keyframes b7a_1to0 {
	from {top: 72.5vw; left: 46vw; transform: scale(9);}
	to {top: 65vw; left: 22vw; transform: scale(1);}
}

@keyframes b7a_tto2 {
	0% {top: -2vw; left: 22.5vw;}
	33% {top: 40vh; left: 15vw; transform: scale(9);}
	100% {top: 40vh; left: 15vw; transform: scale(9);}
}

@keyframes b7a_2tot {
	from {top: 40vh; left: 15vw; transform: scale(9);}
	to {top: -2vw; left: 22.5vw; transform: scale(1);}
}



/*BUTTON 7.5 RUN AWAY!!!!*/

#button7H {
	position: absolute;
	top: 75vw;
	left: 85vw;

	width: 0.75vw;
	height: 0.75vw;
	visibility: visible;
	display: inline-block;

	transition: transform ease-in 1s;
	transform-origin: 50% 50%;
	transition-delay: 0.1s;

}
#button7H:hover {
	transform: matrix(2.5, 0, 0, 2.5, -2000, -700);
	-ms-transform: matrix(2.5, 0, 0, 2.5, -2000, -700); /* IE 9 */
    -webkit-transform: matrix(2.5, 0, 0, 2.5, -2000, -700); /* Safari */
	transform-origin: 50% 50%;
}

/*BUTTON 8-MODULON*/

.button8c {
	width: 7vw;
	height: 7vw;

	z-index: 4;

	top: 105vw; left: 38vw;
}

.button8 {
	width: 3vw;
	height: 3vw;
	-webkit-clip-path: polygon(0% 20%, 20% 100%, 100% 80%, 80% 0%);
	clip-path: polygon(0% 20%, 20% 100%, 100% 80%, 80% 0%);
}

@keyframes b8a_0to1 {
	0% {top: 105vw; left: 38vw;}
	33% {top: 90vw; left: 18vw; transform: scale(5);}
	100% {top: 90vw; left: 18vw; transform: scale(5);}
}

@keyframes b8a_1to0 {
	from {top: 90vw; left: 18vw; transform: scale(5);}
	to {top: 105vw; left: 38vw; transform: scale(1);}
}

@keyframes b8a_tto2 {
	0% {top: -2vw; left: 38vw;}
	33% {top: 35vw; left: 34vw; transform: scale(8);}
	100% {top: 35vw; left: 34vw; transform: scale(8);}
}

@keyframes b8a_2tot {
	from {top: 35vw; left: 34vw; transform: scale(8);}
	to {top: -2vw; left: 38vw; transform: scale(1);}
}


/*BUTTON 9-GRASSHOPPER*/

.button9c {
	width: 10vw;
	height: 10vw;

	z-index: 4;

	top: 107.5vw; left: 71vw;
}

.button9 {
	width: 6vw;
	height: 6vw;
	-webkit-clip-path: polygon(0% 100%, 17% 0%, 95% 65%);
	clip-path: polygon(0% 100%, 17% 0%, 95% 65%);
}

@keyframes b9a_0to1 {
	0% {top: 107.5vw; left: 71vw;}
	33% {top: 117vw; left: 55vw; transform: scale(3);}
	100% {top: 117vw; left: 55vw; transform: scale(3);}
}

@keyframes b9a_1to0 {
	from {top: 117vw; left: 55vw; transform: scale(3);}
	to {top: 107.5vw; left: 71vw; transform: scale(1);}
}

@keyframes b9a_tto2 {
	0% {top: -2vw; left: 71vw;}
	33% {top: 15vw; left: 78vw; transform: scale(4.5);}
	100% {top: 15vw; left: 78vw; transform: scale(4.5);}
}

@keyframes b9a_2tot {
	from {top: 15vw; left: 78vw; transform: scale(4.5);}
	to {top: -2vw; left: 71vw; transform: scale(1);}
}


/*SCRIPT1 TORUS-ROTATION*/

#torus_holder {
	position: absolute;
	top: 90vw;
	left: 10vw;
	z-index: -100;
}




/*BUTTON 10-MARSVILLE*/

.button10c {
	width: 14vw;
	height: 14vw;

	z-index: 2;

	top: 118vw; left: 5vw;
}

.button10 {
	width: 10vw;
	height: 10vw;
	-webkit-clip-path: circle(5vw at center);
	clip-path: circle(5vw at center);
}

@keyframes b10a_0to1 {
	0% {top: 118vw; left: 5vw;}
	33% {top: 134.7vw; left: 50vw; transform: scale(1.85);}
	100% {top: 134.7vw; left: 50vw; transform: scale(1.85);}
}

@keyframes b10a_1to0 {
	from {top: 134.7vw; left: 50vw; transform: scale(1.85);}
	to {top: 118vw; left: 5vw; transform: scale(1);}
}

@keyframes b10a_tto2 {
	0% {top: -2vw; left: 5vw;}
	33% {top: 50vh; left: 12vw; transform: scale(2.5);}
	100% {top: 50vh; left: 12vw; transform: scale(2.5);}
}

@keyframes b10a_2tot {
	from {top: 50vh; left: 12vw; transform: scale(2.5);}
	to {top: -2vw; left: 5vw; transform: scale(1);}
}


/*BUTTON 11-AUBREYSPY*/

#button11 {
	position: absolute;
	top: 138.9vw;
	left: 29.1vw;
	width: 9.7vw;
	height: 9.7vw;
	visibility: visible;
	display: inline-block;
	opacity: 0;
}

#button11:hover {
	opacity: 1;
}

/*BUTTON 12-BOWLMOR*/

.button12c {
	width: 6vw;
	height: 6vw;

	z-index: 2;

	top: 145vw; left: 67vw;
}

.button12 {
	width: 2.05vw;
	height: 2.05vw;
	-webkit-clip-path: circle(1vw at center);
	clip-path: circle(1vw at center);
}

@keyframes b12a_0to1 {
	0% {top: 145vw; left: 67vw;}
	33% {top: 139vw; left: 44vw; transform: scale(6);}
	100% {top: 139vw; left: 44vw; transform: scale(6);}
}

@keyframes b12a_1to0 {
	from {top: 139vw; left: 44vw; transform: scale(6);}
	to {top: 145vw; left: 67vw; transform: scale(1);}
}

@keyframes b12a_tto2 {
	0% {top: -2vw; left: 69vw;}
	33% {top: 40vh; left: 72vw; transform: scale(8);}
	100% {top: 40vh; left: 72vw; transform: scale(8);}
}

@keyframes b12a_2tot {
	from {top: 40vh; left: 72vw; transform: scale(8);}
	to {top: -2vw; left: 69vw; transform: scale(1);}
}


/*BUTTON 13-DYMAXMARS*/

.button13c {
	width: 6.5vw;
	height: 6.5vw;

	z-index: 2;

	top: 151.2vw; left: 49.3vw;
}

.button13 {
	width: 2.55vw;
	height: 2.55vw;
	-webkit-clip-path: circle(1.25vw at center);
	clip-path: circle(1.25vw at center);
}

@keyframes b13a_0to1 {
	0% {top: 151.2vw; left: 49.3vw;}
	33% {top: 124.5vw; left: 37.5vw; transform: scale(8);}
	100% {top: 124.5vw; left: 37.5vw; transform: scale(8);}
}

@keyframes b13a_1to0 {
	from {top: 124.5vw; left: 37.5vw; transform: scale(8);}
	to {top: 151.2vw; left: 49.3vw; transform: scale(1);}
}

@keyframes b13a_tto2 {
	0% {top: -2vw; left: 49.8vw;}
	33% {top: 40vh; left: 72vw; transform: scale(11);}
	100% {top: 40vh; left: 72vw; transform: scale(11);}
}

@keyframes b13a_2tot {
	from {top: 40vh; left: 72vw; transform: scale(11);}
	to {top: -2vw; left: 49.3vw; transform: scale(1);}
}


/*BUTTON 14-FIGURE*/

/*NOTE: RATIO IS 2.46666 for height/width: 7.4/3 inverted: 0.4054; */

.button14c {
	width: 14vw;
	height: 14vw;

	z-index: 2;

	top: 182vw; left: 41.2vw;
}

.button14 {
	width: 2vw;
	height: 4.93vw;
	-webkit-clip-path: polygon(0% 0%, 15% 55%, 100% 100%, 85% 45%);
	clip-path: polygon(0% 0%, 15% 55%, 100% 100%, 85% 45%);
}

@keyframes b14a_0to1 {
	0% {top: 182vw; left: 41.2vw;}
	33% {top: 160vw; left: 35vw; transform: scale(4);}
	100% {top: 160vw; left: 35vw; transform: scale(4);}
}

@keyframes b14a_1to0 {
	from {top: 160vw; left: 35vw; transform: scale(4);}
	to {top: 182vw; left: 41.2vw; transform: scale(1);}
}

@keyframes b14a_tto2 {
	0% {top: -2vw; left: 41.2vw;}
	33% {top: 15vw; left: 78vw; transform: scale(4.5);}
	100% {top: 15vw; left: 78vw; transform: scale(4.5);}
}

@keyframes b14a_2tot {
	from {top: 15vw; left: 78vw; transform: scale(4.5);}
	to {top: -2vw; left: 41.2vw; transform: scale(1);}
}

/*BUTTON 15-ARCH*/

:root {
	/*TOP, LEFT, SCALE*/
	/*1: normal*/
	/*2: normal-out*/
	/*3: stuck top*/
	/*4:top-out*/
	--15_1-t: 93vw;
	--15_1-l: 16vw;
	--15_1-s: 1;

	--15_2-t: 85vw;
	--15_2-l: 35vw;
	--15_2-s: 3.14;

	--15_3-t: -2vw;
	--15_3-l: 16vw;
	--15_3-s: 1;

	--15_4-t: 7vw;
	--15_4-l: 7vw;
	--15_4-s: 4;
}

.button15c {
	width: 10.3vw;
	height: 10.3vw;

	z-index: 2;

	top: 93vw; left: 16vw;
}

.button15 {
	width: 6.3vw;
	height: 6.3vw;
	-webkit-clip-path: circle(3.14vw at center);
	clip-path: circle(3.14vw at center);
}

@keyframes b15a_0to1 {
	0% {top: var(--15_1-t); left: var(--15_1-l);}
	33% {top: var(--15_2-t); left: var(--15_2-l); transform: scale(var(--15_2-s));}
	100% {top: var(--15_2-t); left: var(--15_2-l); transform: scale(var(--15_2-s));}
}

@keyframes b15a_1to0 {
	from {top: var(--15_2-t); left: var(--15_2-l); transform: scale(var(--15_2-s));}
	to {top: var(--15_1-t); left: var(--15_1-l); transform: scale(var(--15_1-s));}
}

@keyframes b15a_tto2 {
	0% {top: var(--15_3-t); left: var(--15_3-l);}
	33% {top: var(--15_4-t); left: var(--15_4-l); transform: scale(var(--15_4-s));}
	100% {top: var(--15_4-t); left: var(--15_4-l); transform: scale(var(--15_4-s));}
}

@keyframes b15a_2tot {
	from {top: var(--15_4-t); left: var(--15_4-l); transform: scale(var(--15_4-s));}
	to {top: var(--15_3-t); left: var(--15_3-l); transform: scale(var(--15_3-s));}
}




/*GLOBAL STUFF*/

.atTop {
	top: -2vw;
}

.button_container {
	position: absolute;
	visibility: visible;
	display: flex;
	margin: 0;

	justify-content: center;
	align-items: center;

	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	transform-origin: 50% 50%;
}

.button {
	position: absolute;
	visibility: visible;
	display: inline-block;
	margin: 0;

	animation-timing-function: ease-in;
	animation-fill-mode: forwards;

	transform-origin: 50% 50%;
}

.bi {
	position: absolute;
	object-fit: cover;
	top: 0vw;
	left: 0vw;
	transition: opacity ease-in 0.3s;
	opacity: 0;

	animation: spark_fadeout 2s cubic-bezier(0, 0, 0.85, 0.15) none;
}

@keyframes spark_fadeout {
	0% {opacity: 0}
	30% {opacity: 1}
	100% {opacity: 0}
}

.button_label {
	opacity: 0;
	font-weight: 500;

	transform-origin: 50% 50%;
	transition: opacity ease-in 0.6s;
	animation-timing-function: linear;

	animation: rotate_infinite 5s linear infinite forwards;
}

.button_label-geo {
	opacity: 0;
	font-weight: 500;

	transform-origin: 50% 50%;
	transition: opacity ease-in 0.6s;
	animation-timing-function: linear;
}

@keyframes rotate_infinite {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);} 
}