*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;font-family:Arial,sans-serif;background-color:#fff;color:#333}header{padding:.625rem;text-align:center;text-transform:uppercase;background-color:#f8f9fa;border-bottom:1px solid #333}header h1{font-size:1.25rem}main{flex-grow:1;padding:1.25rem;font-size:.9375rem}main .container{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#f8f9fa;border:1px solid #ccc;height:31.25rem;max-width:50rem;margin:auto;padding:3.125rem}@media(max-width: 550px){main .container{padding:3.125rem 1.25rem}}main .container p{margin-bottom:1.25rem}main .container__footer{width:100%}main .file-upload{display:flex;align-items:center;gap:.625rem;padding-left:.625rem;border:1px solid #333;margin-bottom:1.25rem}main .file-upload input[type=file]{display:none}main .file-upload .file-label{background-color:#333;color:#fff;padding:.625rem 1.25rem;font-size:.9375rem;cursor:pointer;transition:background .3s ease-in-out;display:inline-block;text-align:center;text-transform:uppercase;width:25%}@media(max-width: 768px){main .file-upload .file-label{width:30%}}@media(max-width: 620px){main .file-upload .file-label{width:35%}}@media(max-width: 550px){main .file-upload .file-label{width:50%}}main .file-upload .file-label:hover{background-color:#4d4d4d}main .file-upload .file-name{font-size:.8125rem;color:#333;width:75%;cursor:default}@media(max-width: 768px){main .file-upload .file-name{width:70%}}@media(max-width: 620px){main .file-upload .file-name{width:65%}}@media(max-width: 550px){main .file-upload .file-name{width:50%}}main .btn{border:none}main .btn--primary{background-color:#000;color:#fff;padding:.625rem 1.25rem;font-size:.9375rem;transition:background .3s ease-in-out;display:inline-block;text-align:center;text-transform:uppercase;width:100%;cursor:pointer}main .btn--primary:hover{background-color:#4d4d4d}main .progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.625rem;background-color:#fff;border-radius:0;overflow:hidden;margin:.625rem 0}main .progress-bar::-webkit-progress-bar{background-color:#fff;border-radius:0}main .progress-bar::-webkit-progress-value,main .progress-bar::-moz-progress-bar{background-color:#027702;border-radius:0;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;transition:width .3s ease-in-out}main .process-message{height:2.4375rem}main .alert{text-align:center;padding:.625rem}main .alert--success{background-color:#7bfd7b;color:#027702;border:1px solid #04db04}main .alert--error{background-color:#ff8585;color:#850000;border:1px solid #eb0000}footer{background-color:#333;color:#fff;font-size:.75rem;text-align:center;padding:.625rem}