html,body{
	overflow:hidden;
	height:100%;
}
.section-group{
  	width:100%;height:100%;position:relative;
  	-webkit-transition:1s cubic-bezier(.86, 0, .07, 1);
  	transition:1s cubic-bezier(.86, 0, .07, 1);
}
.section-group >section{
  	position:relative;
  	width:100%;
  	height:100%;
}
.sect-01{background:#c0ebd7}
.sect-02{background:#88ada6}
.sect-03{background:#a4e2c6}
.sect-04{background:#e4d2d8}

.nav{
	position: fixed;
	right: 2em;
	top: 45%;
}
.nav li{
	list-style: none;
	width: 20px;
	height: 20px;
}
.nav li span{
	background-color: #fff;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-top: 0.6em;
}
.nav li span:hover{
	cursor: pointer;
}
.nav li span.active{
	background-color: #000;
}