

* {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
body {
	position: relative; min-height: 100%;
}
html {
	position: relative; min-height: 100%;
}
html {
	text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
}
body {
	background: rgb(106, 205, 255);
	color: rgb(255, 255, 255);
	font-family: 'Lato', sans-serif;
	font-size: 19px;
}
a {
	transition:0.5s; color: rgb(255, 255, 255); text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
a:hover {
	transition:0.3s; color: rgb(42, 42, 42); text-decoration: none;
}
#header {
	width: 100%;
}
#info {
	width: auto; height: auto; margin-top: 50px; margin-right: 80px; float: right; position: relative;  z-index: 20;
}
#twitter {
	width: auto; height: auto; margin-top: 50px; margin-left: 80px; float: left; position: relative;  z-index: 19;
}
#book {
	background: rgb(255, 255, 255); height: 822px;
}
#c {
	width: 100%; height: auto; z-index: 999;
}
#texts {
	margin: auto;
	padding: 60px 20px 20px;
	max-width: 1060px;
}
h1 {
	color: rgb(42, 42, 42); font-size: 100px; letter-spacing: 0.1em; 
}
h2 {
	color: rgb(42, 42, 42);
	font-size: 60px;
	margin-bottom: 80px;
	letter-spacing: 2px;
}
h3 {
	color: rgb(246, 237, 228); font-size: 100px; letter-spacing: 0.1em; 
}
h3 a {
	color: rgb(255, 255, 255); font-size: 100px
}
h3 a:hover {
	color: rgb(42, 42, 42); font-size: 100px;
}
.space {
	height: 180px;
}

#clear {
	height: 0px; clear: both;
}
#footer {
		margin: auto auto 140px; padding: 0px 20px 140px 0px; max-width: 1060px; letter-spacing: 1px;
}
.left {
	width: 410px;
	float: left;
}
.right {
	width: 540px;
	text-align: right;
	margin-top: 80px;
	float: right;
}
.righttext {
	width: 525px;
	line-height: 38px;
	letter-spacing: 1px;
	font-size: 26px;
	margin-top: 20px;
	margin-bottom: 60px;
	float: right;
	word-spacing: 0.1em;
}
.righttext  {
	color: rgb(229, 245, 254);
}
.righttext a:hover{
	color: rgb(42, 42, 42);
}
.righttext-engl {
	font-size: 22px; color: rgb(209, 239, 254); word-spacing: 0.1em;
}
.righttext-engl a {
	color: rgb(229, 245, 254);
}
.righttext-engl a:hover{
	color: rgb(42, 42, 42);
}
nav {
	letter-spacing: 1px;
	font-size: 19px;
	height: auto;
	float: none;
}
nav a {
	margin: 0px 0px 0px 20px; transition:0.5s; color: rgb(0, 0, 0); text-decoration: none; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
nav a:hover {
	transition:0.3s; color: rgb(255, 255, 255); text-decoration: none; 
}
::selection {
	background: rgb(204, 255, 255); color: rgb(42, 42, 42);
}
#slideshow {
	margin: auto; position: relative; max-height: 822px; max-width: 960px;
}
#slideshow img {
	left: 0px; top: 0px; position: absolute; z-index: 8; opacity: 0;
}
#slideshow img.active {
	z-index: 10; opacity: 1;
}
#slideshow img.last-active {
	z-index: 9;
}
#info a {
	color: rgb(127, 206, 246);
	letter-spacing: 1px;
	font-size: 21px;
}
#info a:hover {
	color: rgb(42, 42, 42);
}
