*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{font:16px/1.3 'Open Sans', sans-serif;background-color:#f9f9f9;color:#333}img{border:0;width:100%}p{margin:0 0 1em}#page{position:absolute;margin:0 auto;top:0;left:0;right:0;width:600px;height:100%;text-align:center}#pepe{margin:10% 20%}#pepe img{display:block}#error,#message,#book{margin-bottom:10%;padding:5%;font-weight:bold;border-radius:.3125em}#book{margin:10% 0 0}#error{background-color:#ff85ae}#message{background-color:#5ec8ff}a{color:inherit}#imprint{padding:10% 0;font-size:80%;font-weight:600}#imprint a{color:inherit;text-decoration:none}@media only screen and (max-width: 600px){#page{width:90%}}label{display:block;margin:0 0 .5em;font:inherit}input+label{margin-top:1em}.checkbox-label{margin:2em 0}input:not([type=checkbox]),textarea,button{display:block;margin:0 0 .5em;padding:.5em 1em;width:100%;min-height:2.2em;font:inherit;line-height:1.4em;text-align:center;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:.3125em;outline:0}input:not([type=checkbox]),textarea{-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}textarea{min-height:3.5em}button{font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;background-color:#f6f6f6;color:#333;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.15);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.15)}