h1,h2,h3,h4,h5,input,label,p{font-family:helvetica;color:#3e3e3e;margin:0}body{margin:0}.content{background:url(https://source.unsplash.com/collection/195845/1600x900);background-size:cover;height:100vh;width:100vw}.content,.upload-wrapper{display:flex;flex-direction:column;justify-content:center}.upload-wrapper{align-items:center;width:245px;margin-left:100px;border-radius:10px;background-color:rgba(1,1,1,.7);position:relative}.description{font-size:16px;color:#9e9e9e;margin:30px;text-align:center}.button{width:100px;padding:10px;color:#fff;text-align:center;border:1px dashed #fff}.plane-rotater{position:absolute;left:0;top:20%;transform:rotate(-36deg);margin-left:-1rem;margin-top:-1.3rem;width:2.8rem;height:2.6rem}.Upload{flex-direction:column;flex:1;align-items:flex-start;text-align:left;overflow:hidden}.Content,.Upload{display:flex;width:100%}.Content{flex-direction:column;padding-top:40px;box-sizing:border-box}.Files{margin-left:32px;align-items:flex-start;justify-items:flex-start;flex:1;overflow-y:auto}.Actions{display:flex;flex:1;width:100%;align-items:center;justify-content:center;flex-direction:column;margin-top:20px;margin-bottom:20px}.Title{margin-bottom:32px;color:#555}.Dropzone{height:50px;width:100%;background-color:transparent;font-weight:100;font-family:helvetica;margin-bottom:30px;display:flex;color:#fff;align-items:center;justify-content:center;flex-direction:column;font-size:16px;cursor:pointer;transition:all .1s}.Dropzone:hover{background-color:rgba(0,0,0,.5)}.FileInput{display:none}.AddIcon{position:absolute;left:48px}.Highlight{background-color:rgba(0,0,0,.5)}.Filename{margin-bottom:8px;margin-left:25px;font-size:12px;font-family:helvetica;color:#fff;width:100%;word-wrap:break-word;hyphens:auto}.RemoveFile{position:absolute;left:0;top:8px;cursor:pointer}.Row{display:flex;flex:1;flex-direction:column;justify-content:space-between;position:relative;padding:8px;overflow:hidden;box-sizing:border-box}.ProgressBar{width:80%;height:5px;background-color:rgba(0,0,0,.8);border-radius:5px}.Progress{background-color:#00a878;height:100%;margin:0;border-radius:5px}.CheckIcon{opacity:.5;margin-left:12px}.ProgressWrapper{display:flex;flex:1;flex-direction:row;align-items:center}button{font-size:15px;display:inline-block;height:36px;min-width:88px;width:100%;padding:6px 16px;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;border-radius:2px;background:#fe5e41;color:#fff;outline:0;transition:all .1s}button:hover{background:rgba(254,94,65,.5)}button:disabled{background:#bdbdbd;cursor:default}.UserPrompt{-webkit-transition:top 1s;transition:top 1s;position:fixed;top:0;left:calc(50% - 150px);height:180px;width:300px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:rgba(0,0,0,.8)}.UserPrompt form{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.UserPrompt input{min-height:20px;padding:5px;margin:5px;font-size:15px}.SubmitInput{display:inline-block;height:36px;min-width:88px;width:181px;padding:6px 16px;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;border-radius:2px;background:#00a878;color:#fff;outline:0;transition:all .1s}.SubmitInput:hover{background:rgba(0,168,120,.5)}.InputError{font-size:12px;font-weight:600;color:red;padding:5px 0;position:absolute;bottom:2px}.Message{width:200px;margin:0 auto;text-align:center}.Message p{padding:5px;font-size:12px;color:#fff;background:rgba(0,168,120,.5);width:100%}