*{box-sizing:border-box;margin:0;padding:0}.container{margin:0 auto;max-width:800px;padding:20px}h1{color:#333;font-size:36px;text-align:center}.drop-area{align-items:center;border:2px dashed gray;border-radius:10px;display:flex;height:300px;justify-content:center;width:100%}.upload-area{text-align:center}.progress-area{-webkit-animation:transform .5s ease-in-out;animation:transform .5s ease-in-out;border:2px dashed gray;position:relative;width:100%}.progress-area,.progress-bar{border-radius:10px;height:100%}.progress-bar{background-color:green;width:0}.close-button{background-color:red;border:none;border-radius:50%;color:#fff;font-weight:700;height:30px;position:absolute;right:-15px;top:-15px;width:30px}.error-message{color:red}.upload-done{animation:.5s ease-in-out reverse}@-webkit-keyframes transform{0%{border-radius:10px;height:300px}to{border-radius:0;height:30px}}@keyframes transform{0%{border-radius:10px;height:300px}to{border-radius:0;height:30px}}@-webkit-keyframes reverse{0%{border-radius:0;height:30px}to{border-radius:10px;height:300px}}@keyframes reverse{0%{border-radius:0;height:30px}to{border-radius:10px;height:300px}}@-webkit-keyframes color{0%{background-color:green}to{background-color:blue}}@keyframes color{0%{background-color:green}to{background-color:blue}}
/*# sourceMappingURL=main.e18611aa.css.map*/