html,body{margin:0px;padding:0px;height:100%;overflow:hidden}html{background-color:#000;background-repeat:no-repeat;background-position:center;background-size:cover}body{background-image:url(Texture.png);-webkit-transform:translate3d(0,0,0); box-shadow:inset 0px 0px 50px rgba(0,0,0,0.5)}section.hipster{max-width:500px;margin:0 auto;height:100%;position:relative}header{display:table;position:absolute;height:100%;width:100%}header h1{font-family:"Helvetica",sans-serif;font-size:24pt;color:#fff;text-transform:lowercase;text-shadow:0px 0px 5px rgba(0,0,0,0.5);letter-spacing:-2pt;line-height:22pt;display:table-cell; vertical-align:middle; text-align:center; }header h1 *{color:#fff !important;text-decoration:none !important}::selection{background:#000; }::-moz-selection{background:#000; }*:focus{outline:none;border:none}@-webkit-keyframes LadiesAndGentlemenPleaseWelcome{0%  { opacity:0; }100%{ opacity:1; }}@-moz-keyframes LadiesAndGentlemenPleaseWelcome{0%  { opacity:0; }100%{ opacity:1; }}@-ms-keyframes LadiesAndGentlemenPleaseWelcome{0%  { opacity:0; }100%{ opacity:1; }}header h1{     -webkit-animation:LadiesAndGentlemenPleaseWelcome 1s ease-in-out;     -moz-animation:   LadiesAndGentlemenPleaseWelcome 1s ease-in-out;     -ms-animation:    LadiesAndGentlemenPleaseWelcome 1s ease-in-out; }nav{position:absolute;bottom:100px;right:0px;left:0px;text-align:center;opacity:0.0;-webkit-transition:opacity 200ms ease-out;font-family:"Helvetica Neue",sans-serif}p.hint{font-size:13px;color:#000;color:rgba(0,0,0,0.6);text-shadow:0px 1px 0px rgba(255,255,255,0.4)}body:hover nav{opacity:1.0}section#sheet{position:absolute;height:180px;width:400px;right:50%;margin-right:-200px;bottom:-10px;display:none;background-color:#fff;background-image:url(Paper.jpg);padding:20px;font-family:"Helvetica Neue";box-shadow:0px -1px 10px rgba(0,0,0,0.5);border:1px solid #666;text-shadow:0px 1px 0px #fff;text-align:center;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section#sheet h3{font-weight:lighter;text-transform:uppercase;color:#333;margin:0px}section#sheet p{font-size:13px;color:#555}section#sheet input{box-sizing:border-box;width:100%;padding:10px;font-size:14px;border:1px solid #999;margin-bottom:20px}section#sheet a.done{text-decoration:none;font-size:13px;border-radius:3px;padding:5px;padding-right:10px;padding-left:10px;color:#000;background-color:#e3e3e3;background:-webkit-linear-gradient(#e3e3e3 50%,#d6d6d6 50%);border:1px solid #9a9a9a;box-shadow:0px 1px 2px rgba(0,0,0,0.1)}section#sheet a.done:active{background:-webkit-linear-gradient(#d6d6d6 50%,#e3e3e3 50%)}@-webkit-keyframes OpenSheet{0%  { bottom:-300px; -webkit-transform:rotate(10deg)}100%{ bottom:-10px; -webkit-transform:rotate(0deg); }}@-moz-keyframes OpenSheet{0%  { bottom:-300px; }100%{ bottom:-10px; }}@-ms-keyframes OpenSheet{0%  { bottom:-300px; }100%{ bottom:-10px; }}section#sheet.open{display:block;     -webkit-animation:OpenSheet 0.7s ease-out;     -moz-animation:   OpenSheet 0.7s ease-out;     -ms-animation:    OpenSheet 0.7s ease-out;           bottom:-10px}@-webkit-keyframes DismissSheet{0%{ bottom:-10px; -webkit-transform:rotate(0deg); }100%  { bottom:-300px; -webkit-transform:rotate(10deg)}}@-moz-keyframes DismissSheet{0%  { bottom:-10px; }100%{ bottom:-300px; }}@-ms-keyframes DismissSheet{0%  { bottom:-10px; }100%{ bottom:-300px; }}section#sheet.dismiss{display:block;     -webkit-animation:DismissSheet 0.3s ease-in;     -moz-animation:   DismissSheet 0.3s ease-in;     -ms-animation:    DismissSheet 0.3s ease-in;           bottom:-300px}