slide-page.css

:host {
  display: block;
}

core-animated-pages{
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 32px;
  overflow: hidden;
  background-color: #222;
  color: #eee;
}		
::content p,::content h1,::content h2,::content h3,::content h4,::content h5{
	padding: 5px;
	margin: 0;	
	word-break: break-all;
}
::content h1{
	padding: 10px;
}
::content section{
	width: 100%;
}
::content section > div {
	height: 100%;
    padding: 0 30px;
}
::content section.nav{
   	position: absolute;
   	bottom: 30px;
    left: 0;
}
::content section.nav>div{
	padding: 0 30px;
}
::content section.nav>div:first-child{
	padding-right: 0;
}
#preBtn{
	background: #999;
}
::content code{
	color: #9f499b;
	padding: 0 5px;
}
::content div{
	padding: 5px;
}
::content a,::content a:active,::content a:visited,::content a:link{
	padding: 0 5px;
	color: #e7ad52 !important;
	text-decoration: none;
}
::content a:hover{
	text-decoration: underline;
}
.right{
	position: absolute;
	top: -70px;
	left: -100px;
	width: 170px;
	height: 170px;
	-webkit-transform: rotate(-45deg);
	font-size: 15px;
	background: #999;
	font-weight: bold;
	color: #fff;
	padding: 0 30px;
	z-index: 100;
}
.right>span{
	padding: 10px;
}
.nav {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
}
.nav>div {
	padding: 0 15px;
}
::content p{
  -webkit-animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0ms;
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-delay: 0ms;
}
::content h2,::content h1{
	-webkit-animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0ms;
}