#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.drop-zone{max-width:200px;height:200px;padding:25px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;font-size:20px;cursor:pointer;color:#fff;border:4px dashed #fff;border-radius:10px}.drop-zone--over{border-style:solid}.drop-zone__input{display:none}.drop-zone__thumb{width:100%;height:100%;border-radius:10px;overflow:hidden;background-color:#ccc;background-size:cover;position:relative}.drop-zone__thumb:after{content:attr(data-label);position:absolute;bottom:0;left:0;width:100%;padding:5px 0;color:#fff;background:rgba(0,0,0,.75);font-size:14px;text-align:center}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body{margin:0;height:100%;overflow:hidden}h1{color:#fff;margin-bottom:144px;margin-left:45px;margin-right:45px;text-align:center}#input-menu{display:flex;justify-content:center;flex-direction:column;align-items:center}body{display:flex;flex-direction:column;justify-content:center;color:#fff;background:#870000;background:-webkit-linear-gradient(to right,#190a05,#870000);background:linear-gradient(to right,#190a05,#870000)}.progress{height:10px;width:100%}#bar{width:0%;height:100%;background:#d9a7c7;background:-webkit-linear-gradient(to left,#fffcdc,#d9a7c7);background:linear-gradient(to left,#fffcdc,#d9a7c7);box-shadow:5px 5px 20px #d9a7c7,-5px -5px 20px #d9a7c7;border-top-right-radius:100vmax;border-bottom-right-radius:100vmax}