*{margin:0;padding:0;}
html,body{
	height:100%;
	font:45px/1.5 GraublauWebRegular,Helvetica,"Myriad pro",sans-serif;
	background:#fff;
	color:#111;
	position:relative;
	overflow:hidden;
	}
	/*--------Typography*/
	@font-face {
		font-family: 'GraublauWebRegular';
		src: local('Graublau Web'), local('GraublauWeb-Regular'), url('/prx/000/http/cssing.org.ua/examples/css3html5/css/GraublauWeb.ttf') format('truetype');
	}

	h2{
		font-size:70px;
		font-weight:normal;
		font-family: 'GraublauWebRegular';
		margin-bottom:15px;
		}
	h1, h3{
		font-family: 'GraublauWebRegular';
		}
	h3{
		font-size:23px;
	}
	p, ul{
		
		}
	section ul{
		padding-left:30px;
		}
		pre{
			font-family:Monaco,monospace;
			font-size:18px;
			padding:5px 15px 5px 0;
			}
	/*--------Positioning*/
	nav{
		position:fixed;
		width:100px;
		top:0;
		right:0;
		z-index:1000;
		height:100%;
		}
		nav ul{
			font-size:19px;
			position:absolute;
			right:0;
			top:0;
			height:100%;
			
			list-style:none;
			}
			nav li{
				overflow:hidden;
				font-size:10px;
				/*width:10px;*/
				}
				nav ul li a{
					display:block;
					/*text-indent:-1983em;*/
					font-size:124%;
					/*overflow:hidden;
										text-indent:-1983em;*/
					border-right:5px solid #000;
					}
					nav ul li a:active,nav ul li a:focus{
						border-color:#c00;
						outline:none;
						}
			
	section{
		position:absolute;
		top:0;left:0;
  		padding:70px 20px 0 150px;
		background:#fff;
		opacity:0;
		width:100%;
		height:100%;
		-webkit-box-sizing: border-box;
		-webkit-transition:all .5s linear;
		-moz-box-sizing: border-box;
		-moz-transition:all .5s linear;
		
		-o-box-sizing: border-box;
		-o-transition:all .5s linear;
		box-sizing:border-box;
		
		visibility:visible;
		}
		.box{
			padding-right:15px;
			}
		/*--------Animation*/
		.effect-slidetop{
			top:-100%;		
			-webkit-transition:all 1s ease-in-out;
			-moz-transition:all 1s ease-in-out;
			-o-transition:all 1s ease-in-out;
			}
		.effect-slideleft{
			left:-100%;
			opacity:1;
			-webkit-transition:all 1s ease-in-out;
			-o-transition:all 1s ease-in-out;
			-moz-transition:all 1s ease-in-out;
			}

		.effect-rotate{
			-webkit-transform:rotate(360deg) scale(.01) translate(50%, 50%);
			-moz-transform:rotate(360deg) scale(.01) translate(50%, 50%);
			-o-transform:rotate(360deg) scale(.01) translate(50%, 50%);
			
			-webkit-transition:all 1s ease-in-out;
			-moz-transition:all 1s ease-in-out;
			-o-transition:all 1s ease-in-out;
			}
		section:target{
			z-index:1;
			-webkit-transform:rotate(0deg) scale(1) translate(0, 0);
			-moz-transform:rotate(0deg) scale(1) translate(0, 0);
			-o-transform:rotate(0deg) scale(1) translate(0, 0);
			opacity:1;
			left:0;
			top:0;
			right:0;
			visibility:visible;
			}
		@-webkit-keyframes cat {
		 0% {
		  top:-220px;
		 }
		 80% {
		  top:0;
		 }
		 100% {
		   top:-220px;
		 }
		}
		.ceilingcat{
			position:absolute;
			height:220px;
			width:90%;
			top:-220px;
			text-align:center;
			}
		section:target .ceilingcat{
			-webkit-animation-name: cat;
			 -webkit-animation-duration: 6s;
			 -webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease-in-out;	
			-webkit-animation-delay: 4s;
			}
	.slide-splash h2{ 
		z-index:3000;
		position:relative;
		}