:root {
	--border_color: #DB2F29;
	--background_color: #2D100A;
	--header_link_color: #FF9000;
	--link_color: #FF9000;
	--link_visited_color: #FF601C;
}

body {
  background-color: #000000;
  background-image: url('https://its-em.neocities.org/img/spacebackground.gif');
  background-size: 25%;
  background-repeat: repeat;
  color: white;
  font-family: Verdana;
}

h1, h2, h3 {
	text-align: center;
}

a {
  color: var(--link_color);
}
a:visited {
  color: var(--link_visited_color);
}

.outer {
	max-width: 1000px;
	margin: 0 auto;
	height: 100%;
}
.flex {
	display: flex;
}
.block {
	background-color: var(--background_color);
	border-style: ridge;
	border-color: var(--border_color);
	border-width: 0.6em;
	margin: 0.5em 0.5em;
	padding: 1em;
	overflow: auto;
	text-align: center;
}
.header {
	display: flex;
	padding: 0.5em;
}
.header a {
	float: center;
	display: block;
	color: var(--header_link_color);
	text-align: center;
	padding: 0.5em 2em;
}
.header a:hover {
	color: var(--background_color);
	background-color: var(--header_link_color);
}

.nobreak {
	display: inline;
}

.nisky {
	color:#C65047;
}
a.nisky {
	font-weight:bold;
	color:#C65047;
	text-shadow: 3px 3px 3px #B7006E;
}

.base {
	width: 200px;
	height: 200px;
	perspective: 600px;
	margin-left: 50%;
	position: relative;
}
.nisky_cube {
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	animation: spin 20s infinite;
}
.face {
	position: absolute;
	width: 200px;
	height: 200px;
}
.fr { transform: rotateY(  0deg) translateZ(100px); }
.ri { transform: rotateY( 90deg) translateZ(100px); }
.ba { transform: rotateY(180deg) translateZ(100px); }
.le { transform: rotateY(-90deg) translateZ(100px); }
.to { transform: rotateX( 90deg) translateZ(100px); }
.bo { transform: rotateX(-90deg) translateZ(100px); }

@keyframes spin {
  0% {   transform: rotateX(  0deg) rotateY(  0deg) rotateZ(  0deg); }
  25% {  transform: rotateX( 90deg) rotateY(270deg) rotateZ(180deg); }
  50% {  transform: rotateX(180deg) rotateY(180deg) rotateZ(  0deg); }
  75% {  transform: rotateX(270deg) rotateY( 90deg) rotateZ(360deg); }
  100% { transform: rotateX(  0deg) rotateY(  0deg) rotateZ(  0deg); }
}