html, body{margin:0;}
article{font-size:2em;font-family:futura, sans-serif;overflow-x:hidden;}
@media (max-width:460px){article{font-size:1.5em;}
}
section{position:relative;padding:10vh 10vw;min-height:100vh;color:#333;}
section:nth-child(odd){background:#4dc6e6;color:#fff;}
section:nth-child(3){background:#0aba58;color:#fff;}
section:nth-child(4){background:#f8c82d;color:#333;}
pre{font-size:.75em;background:#222;color:#fff;padding:20px;}
a{color:inherit;}
.delighter.splash{transition:all 2s ease-out;}
.delighter.splash.ended{background:#fff;}
.delighter.right{transform:translate(-100%);opacity:0;transition:all .75s ease-out;}
.delighter.right.started{transform:none;opacity:1;}
.delighter.left{opacity:0;transition:all .75s ease-out;}
.delighter.left.started{transform:none;opacity:1;}
.delighter.bottom{transform:translatey(300%);opacity:0;transition:all .75s ease-out;}
.delighter.bottom.started{transform:none;opacity:1;}
#eighth-v .delighter dl,
#eighth-v .delighter .child{opacity:0;transform:translatey(400%);transition:all .7s ease-out;}
#eighth-v .delighter.started dl,
#eighth-v .delighter.started .child{opacity:1;transform:none;}
#eighth-v .delighter.started dl:nth-child(1),
#eighth-v .delighter.started .child:nth-child(1){transition:all .7s ease-out .1s;}
#eighth-v .delighter.started dl:nth-child(2),
#eighth-v .delighter.started .child:nth-child(2){transition:all .7s ease-out .3s;}
#eighth-v .delighter.started dl:nth-child(3),
#eighth-v .delighter.started .child:nth-child(3){transition:all .7s ease-out .5s;}
#eighth-v .delighter.started dl:nth-child(4),
#eighth-v .delighter.started .child:nth-child(4){transition:all .7s ease-out .7s;}
#eighth-v .delighter.started dl:nth-child(5),
#eighth-v .delighter.started .child:nth-child(5){transition:all .7s ease-out .9s;}
#eighth-v .delighter.started dl:nth-child(6){transition:all .7s ease-out 1.1s;}
#eighth-v .delighter.started dl:nth-child(7){transition:all .7s ease-out 1.3s;}
.delighter .txt-pl{display:block;transition:all 2s ease-out;opacity:0;width:1px;overflow:hidden;}
.delighter.started .txt-pl{width:100%;opacity:1;}
.feed.delighter{transition:all .8s ease-out;opacity:0;}
.feed.delighter.started{transition:all .8s ease-out;opacity:1;}
@media screen and (max-width:768px){.delighter .box:nth-child(2){transform:translate(0%, -70%);}
.delighter .box:nth-child(4){transform:translate(0%, -100%);}
.delighter.bottom{transform:translatey(0%);opacity:1;transition:all .75s ease-out;}
}