@font-face{
	font-family:'Noto';
	font-weight:300;
	src:url('/_res/font/NotoSans-DemiLight.eot');
	src:url('/_res/font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
        url('/_res/font/NotoSans-DemiLight.woff2') format('woff2'),
        url('/_res/font/NotoSans-DemiLight.woff') format('woff');
}

body {
	font-family: 'Noto';
	margin:0;
	font: 18px/23px;
	color: #4F5155;
	background: url('/_res/images/construction_bg.png') repeat
}
#container {
	margin:15% auto;
	width:50%;
	padding-bottom:40px;
	min-width:380px;
	background:#fff;
	border-radius:3px;
	border: 1px solid #D0D0D0;
	box-shadow: 0 0 8px #D0D0D0;
    transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	animation:flipX .5s ease-in;
	-webkit-animation:flipX .5s ease-in;
}
#container h1 {
	padding:0px 0 20px 15px;
	margin-bottom:40px;
	background-color: transparent;
	border-bottom: 1px solid #D0D0D0;
	color:#E13300;
}
#container.code404 h1 {
	color:#444 !important;
}

code {
	font-family: Consolas, Monaco, Courier New, Courier, monospace;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0;
	padding: 10px 15px;
}

p {
	font-size:1.2em;
	margin: 10px 15px;
}

a {
	color: #003399;
	background-color: transparent;
	font-weight: normal;
}

::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }

@-webkit-keyframes flipX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		-ms-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg);
	}
	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		-ms-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}
.flipX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipX;
  animation-name: flipX;
}