body {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

iframe {
	position: absolute;
	top: 0; left: 0; 
	right: 0; bottom: 0;
	width: 100vw;
	height: 100vh;
	border: 0;
	margin: 0;
	opacity: 1;
}

.left   { transform: translateX(-100vw); }
.right  { transform: translateX(100vw);  }
.up     { transform: translateY(-100vh); }
.dn     { transform: translateY(100vh);  }

.upleft  { transform: translate(-100vw,-100vh); }
.upright { transform: translate(100vw,-100vh);  }
.dnleft  { transform: translate(-100vw,100vh);  }
.dnright { transform: translate(100vw,100vh);   }

.hidden { opacity: 0; }
.slide  { transition: transform 1s ease-in-out;  }
.fade   { transition: opacity 1s ease-in-out; }