*{box-sizing:border-box;padding:0;margin:0}body{font-family:roboto,sans-serif;font-weight:300}.nav h1{font-weight:300;font-size:3rem}.nav .author{text-align:right}.loading{width:100%;position:absolute;top:0;left:0;height:600px;line-height:600px;text-align:center;color:#fff;font-size:2rem}.slider{background-image:url(images/header-bg.jpg);position:relative;width:100%;height:600px;overflow:hidden;display:none}.slider-inner{position:absolute;left:0;top:0;height:100%;background-image:url(images/header-bg.jpg);-webkit-transition-timing-function:cubic-bezier(.22,1.61,.65,1);transition-timing-function:cubic-bezier(.22,1.61,.65,1);-webkit-transition-duration:1s;transition-duration:1s;background-visibility:hidden;-webkit-transition-delay:.75s;transition-delay:.75s;-webkit-transform:translateZ(0);transform:translateZ(0)}.slide{position:absolute;top:0;height:100%;background-image:url(images/header-bg.jpg);background-visibility:hidden;-webkit-transition-timing-function:cubic-bezier(.25,.5,.25,1.25);transition-timing-function:cubic-bezier(.25,.5,.25,1.25);-webkit-transform:translateZ(0) scale(.8,.8);transform:translateZ(0) scale(.8,.8);-webkit-transition-duration:.5s;transition-duration:.5s;text-align:center;line-height:50px;font-size:2rem;color:#fff}.slide.active{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-delay:2s;transition-delay:2s}.slide:nth-child(2n){background-image:url(images/header-bg.jpg)}.slide:nth-child(3n){background-image:url(images/header-bg.jpg)}.slide:nth-child(4n){background-color:#ffc266}.slider-nav{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:20px;text-align:center}.slider-nav>div{float:left;width:10px;height:10px;border:1px solid #00afb2;z-index:2;display:inline-block;margin:0 10px;cursor:pointer;border-radius:50%;opacity:.5;-webkit-transition-duration:.25s;transition-duration:.25s;background-color:#ffc266}.slider-nav>div:hover{opacity:1}.slider-nav>div.active{background-color:#ffc266;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:1}.slide>h1{margin-top:10px;margin-bottom:-40px;color:#ffc266}