body,html{height:100%}body{width:100%;background:#eff2f4;display:-webkit-box;display:-moz-box;display:box;display:flexbox;-webkit-box-align:center;-moz-box-align:center;-ms-box-align:center;box-align:center;flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-box-pack:center;box-pack:center;flex-pack:center;padding:75px 25px}article{position:fixed;z-index:1000;top:50%;left:50%;width:550px;height:300px;margin-top:-150px;margin-left:-275px}section{background:#e1e4e9;background:-webkit-linear-gradient(top,#e1e4e9 0,#e5e7ec 100%);background:-moz-linear-gradient(top,#e1e4e9 0,#e5e7ec 100%);background:-o-linear-gradient(top,#e1e4e9 0,#e5e7ec 100%);background:-ms-linear-gradient(top,#e1e4e9 0,#e5e7ec 100%);background:linear-gradient(top,#e1e4e9 0,#e5e7ec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e1e4e9),color-stop(100%,#e5e7ec));padding:50px 0;border:solid 1px #858788;-webkit-box-shadow:inset 0 0 3px #9fa1a6,0 0 5px #fff;-moz-box-shadow:inset 0 0 3px #9fa1a6,0 0 5px #fff;box-shadow:inset 0 0 3px #9fa1a6,0 0 5px #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}h1,h2{text-align:center;padding:0 50px;margin:0;font-weight:700;text-shadow:0 1px #fff}section img{margin-bottom:-3px;padding-right:5px}h1{font-size:3em;color:#333}h2{font-size:1.5em;color:#555;margin-top:20px}span.marked{background:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0 4px;text-shadow:0 1px #ddd}a.logo{display:block;margin:25px auto 0 auto;text-align:center;width:200px;opacity:.2;-moz-opacity:.2;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a.logo:hover{opacity:.6;-moz-opacity:.6;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}