*:focus{outline:none}body{font-family:'Roboto', sans-serif;background:#1F1B21;margin:0}a{color:#423e45;text-decoration:none}a:hover{color:#544F57}h2{color:#ada8b0;font-size:16px;font-weight:normal;margin:0}header{font-size:16px;min-width:480px;height:70px;background:#181519;line-height:72px;text-align:center}header .container{max-width:1200px;margin:0 auto}.logo{float:left;width:15%;height:inherit}.title{float:left;width:70%;height:inherit}.meta{float:left;width:15%;height:inherit}.avatar{margin-top:15px;width:40px;height:40px;border-radius:20px;opacity:.2;-webkit-transition:.2s opacity;transition:.2s opacity}.avatar:hover{opacity:1}.button{padding:1.5rem 2rem;-webkit-transition:.2s background, .2s color;transition:.2s background, .2s color}.button:hover{color:#ada8b0;background:#2c272e}.scene{width:512px;height:512px;margin:0rem auto;position:relative;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.controls{width:512px;margin:1rem auto;margin-bottom:5rem;text-align:center}#slider{-webkit-appearance:none;background:#2F2932;width:256px;height:8px;border-radius:4px}#slider::-webkit-slider-thumb{-webkit-appearance:none;background:#544F57;height:24px;width:24px;border-radius:16px}#slider::-webkit-slider-thumb:active{background:#736b77}.layer{position:absolute}.sky{top:40px;left:45px;-webkit-transform:translateZ(-160px);transform:translateZ(-160px)}.clouds{top:179px;left:44px;-webkit-transform:translateZ(-80px);transform:translateZ(-80px)}.sand_back{top:267px;left:72px;-webkit-transform:translateZ(-62px);transform:translateZ(-62px)}.character{top:204px;left:145px;-webkit-transform:translateZ(0px);transform:translateZ(0px)}.shadow{top:204px;left:156px;opacity:.5;-webkit-transform:translateZ(-60px);transform:translateZ(-60px)}.sand_front{top:244px;left:44px;-webkit-transform:translateZ(20px);transform:translateZ(20px)}