html,body{margin:0;padding:0}body{font:14px "Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.4em;background:#f5f5f5;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300}#rm-app-container{min-width:230px;max-width:550px;margin:0 auto}#rm-dropzone{position:absolute;z-index:-1;padding:16px;display:flex;left:0px;top:0px;right:0px;bottom:0px}#rm-dropzone.active::after{content:"";display:inline-block;flex-grow:1;border:3px dashed blue;background-color:rgba(206,212,231,.6);z-index:1000}.app{background:#fff;margin:130px 0 24px 0;position:relative;box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1)}input[type=text]{position:relative;margin:0;width:100%;font-size:24px;font-family:inherit;font-weight:inherit;line-height:1.4em;color:inherit;padding:6px;border:1px solid #999;box-shadow:inset 0 -1px 5px 0 rgba(0,0,0,.2);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:16px 16px 16px 60px;height:65px;border:none;background:rgba(0,0,0,.003);box-shadow:inset 0 -2px 1px rgba(0,0,0,.03)}input[type=text]::-webkit-input-placeholder{font-style:italic;font-weight:400;color:rgba(0,0,0,.4)}input[type=text]::-moz-placeholder{font-style:italic;font-weight:400;color:rgba(0,0,0,.4)}input[type=text]::input-placeholder{font-style:italic;font-weight:400;color:rgba(0,0,0,.4)}input[type=text]:focus{box-shadow:0 0 2px 2px #cf7d7d;outline:0}input[type=checkbox]{width:16px;height:16px;margin-right:.5em}label{font-size:20px}h1{position:absolute;top:-140px;width:100%;font-size:80px;font-weight:200;text-align:center;color:#b83f45;-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility}.main{position:relative;z-index:2;border-top:1px solid #e6e6e6}.output{margin-top:40px;text-align:center}