@font-face {
  font-family: "radis";
  src: url("/fonts/RadisSans-medium.eot");
  src: local("☺"),
	url('/fonts/RadisSans-medium.otf')  format('opentype'),
	url('/fonts/RadisSans-medium.ttf')  format('truetype'),
	url('/fonts/RadisSans-medium.svg')  format('svg');
}

body, html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000;
	cursor: none;

	font-size: 14px;
	font-weight: bold;
}

span, a {
	text-decoration: none;
	color: #000;
}

.inline{display: inline !important;}

.bbox {
	margin: 1px 1px 0 0;
	float: left;
}

.name_container {
	width: 100%;
	top: 10px;
	position: absolute;
	text-align: center;
}

.name {
	position: relative;
	margin: 0 auto;
	width: 440px;
	font-size: 40px;
	color: #fff;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}

#name2 {
  font-size: 30px;
}

.name a {
	position: relative;
	z-index: 100;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.fantasy {
	font-family: fantasy;
}

.cursive {
	font-family: cursive;
}

.serif {
	font-family: serif;
}

.sans-serif {
	font-family: sans-serif;
}

.monospace {
	font-family: monospace;
}

#capilaries {
	text-align: center;
	position: absolute;
	z-index: 1;
}


.mini_plank {
	width: 120px;
	margin: 0 0 2px -60px;
}

.plank {
	width: 250px;
	margin: 0 0 2px -125px;
}

.wide_plank {
	width: 360px;
	margin: 0 0 2px -180px;
}

.wider_plank {
	width: 450px;
	margin: 0 0 2px -225px;
}

.radis, .radis * {
	font-family: radis, sans-serif;
}

.word {
	color: #fff;
	font-size: 28px;
	font-family: radis, sans-serif;
}
/*
#plank {
	position: absolute;
	overflow: visible;
	cursor: auto;
	z-index: 3;
	text-align: center;
	background-color: #fff;
	padding: 4px 0;
	bottom: 0;
	left: 50%;
	opacity: 0.5;
}*/

#plank span, #plank a {
	display: block;
	cursor: pointer;
	margin: 8px auto;
}

#plank div {
	margin: 8px auto;
}

#mandala {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	height: 0;
	width: 0;
	background-color: #fff;
	overflow: visible;
}





@media(max-width:460px){
/*
	body {
		font-size: 12px;
	}

	.mini_plank {
		width: 96px;
		margin: 0 0 2px -48px;
	}

	.plank {
		width: 200px;
		margin: 0 0 2px -100px;
	}

	.wide_plank {
		width: 288px;
		margin: 0 0 2px -144px;
	}

	.wider_plank {
		width: 360px;
		margin: 0 0 2px -180px;
	}
*/
	.name {
		font-size: 24px;
		width: 200px;
		white-space: nowrap;
	}

	#name2 {
		font-size: 18px;
	}
}




#plank {
	position: relative;
	display: inline-block;
	width: auto;
	cursor: auto;
	text-align: center;
	background-color: rgba(255,255,255,.7);
	padding: 6px;
	font-size: 1.5vw;
	margin: 0 auto;
}

#plank span, #plank a {
	white-space: nowrap;
}
#plank div span {
	display: inline-block;
	cursor: default;
}

#plank_container {
	position: absolute;
	text-align: center;
	z-index: 3;
	bottom: 0;
	width: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

#plank span:hover {
	background: rgba(255,255,255,.4);
}
#plank div span:hover {
	background: none;
}


@media(max-width:760px){
	#plank {
		font-size: 3vw;
	}
}

@media(max-width:460px){
	#plank {
		font-size: 3.5vw;
	}
}

#content {
	position: absolute;
	width: 100%;
	height: 100%;
}