*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
	height: 100vh;
	width: 100vw;
  z-index: 100;
  display: grid;
	place-content: center;
	overflow: hidden;
	box-shadow: inset 6px -3px 10px 4px rgba(27,32,27,0.666);
}

body > .container {
	display: flex;
	place-content: center space-between;
	height: 100vh;
	width: 100vw;
	max-width: 85vw;
}
.container > nav {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	width: 27ch;
	margin: 0px 16px;
	/** margin: 16px 0px 0px 16px;
	    margin: 0px 16px 16px 0px; **/
}
.container > nav:nth-of-type(1) {
	background: #AAAAFF06; /** #4422EE06; **/
	box-shadow: 0px 0px 10px 4px rgba(151,32,6,0.11);
	transition: box-shadow 7s;
}
.container > nav:nth-of-type(1):hover { box-shadow: 0px 0px 100px 14px rgba(151,32,6,0.13); transition: box-shadow 23s cubic-bezier(.03,.24,.24,.06); }
.container > nav:nth-of-type(2) {
	background: #FFAAAA06; /** #EE224406; **/
	box-shadow: 0px 0px 10px 4px rgba(6,32,142,0.13);
	transition: box-shadow 7s;
}
.container > nav:nth-of-type(2):hover { box-shadow: 0px 0px 100px 14px rgba(6,32,142,0.14); transition: box-shadow 23s cubic-bezier(.03,.24,.24,.06); }
nav > a {
	margin: 0.3ch 0.5ch;
	/**
	 * font-family: "Special Elite";
	 *              "Kirang Haerang"
	 *              "Rubik Glitch"
	 *              "Pirata One"
	 *              "Dosis"
	**/
	font-family: "Pirata One";
	font-size: 28pt;
	color: snow;
	transition: ease-out text-shadow 1.8s; 
	text-shadow: 0px 0px 133pt #60697900, 0px 0px 211pt #CECECE00;
	/** text-shadow: 0px 0px 3pt silver, 0px 0px 8pt slategrey;**/
	text-align: center;
	text-decoration: none;
}
nav > a:hover {
	color: snow;
	transition: text-shadow 420ms cubic-bezier(.3,-0.44,.4,1.11);
	text-shadow: 0px 0px 3pt #606979CC, 0px 0px 13pt #CECECECC;
}
a.deactivated {
	color: #777;
	text-shadow: 0px 0px 133pt #77767900, 0px 0px 11pt #99999900;
}
a.deactivated:hover {
	color: #777;
	text-shadow: 0px 0px 133pt #777679CC, 0px 0px 11pt #99999923;
}
#troete-button {
	font-family: "Consolas";
}

.p5Canvas {
	z-index: -1;
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0; bottom: 0;
	left: 0; right: 0;
}