body {
	margin: 0;
	padding: 0px;
   /* background: #444444; */
   background: #000000;
	color: white;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	/*
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;*/
}
#wrapper {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
.example {
	padding: 0 0 10px;
	margin-bottom: 20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
h1 {
	margin: 0 0 10px;
	padding: 10px;
	font-size: 16px;
	font-weight: normal;
	background: #333333;
}
#flipboard {
	padding: 20px;
	position: absolute;
	
	/* Centering */
	margin: auto;
	position: absolute;
	left: 0px;
	right: 0px;
}
.splitflap {
	margin: 0 auto;

	-webkit-perspective-origin: top center;
	-moz-perspective-origin: top center;
	-ms-perspective-origin: top center;
	perspective-origin: top center;

	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
/* Flinker ------- */
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0.2; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.2; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.2; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.2; }
  100% { opacity:1; }
}
.flickering {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}
/* Flickering box */
@keyframes flickerBlueBoxAnimation {
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #0a0082; }
  100% { border:solid 4px #ff0000; }
}
@-o-keyframes flickerBlueBoxAnimation{
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #0a0082; }
  100% { border:solid 4px #ff0000; }
}
@-moz-keyframes flickerBlueBoxAnimation{
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #0a0082; }
  100% { border:solid 4px #ff0000; }
}
@-webkit-keyframes flickerBlueBoxAnimation{
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #0a0082; }
  100% { border:solid 4px #ff0000; }
}
.flickeringBlueBox {
   -webkit-animation: flickerBlueBoxAnimation 1s infinite;
   -moz-animation: flickerBlueBoxAnimation 1s infinite;
   -o-animation: flickerBlueBoxAnimation 1s infinite;
    animation: flickerBlueBoxAnimation 1s infinite;
}

@keyframes flickerOrangeBoxAnimation {
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #FFD900; }
  100% { border:solid 4px #ff0000; }
}
@-o-keyframes flickerOrangeBoxAnimation{
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #FFD900; }
  100% { border:solid 4px #ff0000; }
}
@-moz-keyframes flickerOrangeBoxAnimation{
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #FFD900; }
  100% { border:solid 4px #ff0000; }
}
@-webkit-keyframes flickerOrangeBoxAnimation{
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #FFD900; }
  100% { border:solid 4px #ff0000; }
}
.flickeringOrangeBox {
   -webkit-animation: flickerOrangeBoxAnimation 1s infinite;
   -moz-animation: flickerOrangeBoxAnimation 1s infinite;
   -o-animation: flickerOrangeBoxAnimation 1s infinite;
    animation: flickerOrangeBoxAnimation 1s infinite;
}

@keyframes flickerGreyBoxAnimation {
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #e6e6e6; }
  100% { border:solid 4px #ff0000; }
}
@-o-keyframes flickerGreyBoxAnimation{
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #e6e6e6; }
  100% { border:solid 4px #ff0000; }
}
@-moz-keyframes flickerGreyBoxAnimation{
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #e6e6e6; }
  100% { border:solid 4px #ff0000; }
}
@-webkit-keyframes flickerGreyBoxAnimation{
  0%   { border:solid 4px #ff0000; }
  50%  { border:solid 4px #e6e6e6; }
  100% { border:solid 4px #ff0000; }
}
.flickeringGreyBox {
   -webkit-animation: flickerGreyBoxAnimation 1s infinite;
   -moz-animation: flickerGreyBoxAnimation 1s infinite;
   -o-animation: flickerGreyBoxAnimation 1s infinite;
    animation: flickerGreyBoxAnimation 1s infinite;
}
/* End of Flinker ------- */

.skipButton {
  padding: 0px;
  margin: 0px 20px 0px 0px;
  position:fixed;
  right:4px;
  bottom:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
  cursor: pointer;
  width:20px;
  height:20px;
}
.skipButton img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}