@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap);.logo{max-width:105px;padding:10px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.logo{margin:0 auto}.logo,form{max-width:420px}form{margin:30px auto;text-align:left;padding:40px;border-radius:10px}label{color:#aaa;display:inline-block;margin:25px 0 15px;font-size:.6em;text-transform:uppercase;letter-spacing:1px;font-weight:700}input{display:block;padding:10px 6px;width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #ddd;color:#555}.submitButton{padding:20px 6px;display:block;text-align:center}.dropbox{outline:2px dashed grey;outline-offset:-10px;background:#e0ffff;color:#696969;padding:10px 10px;min-height:200px;position:relative;cursor:pointer}.input-file{opacity:0;width:100%;height:200px;position:absolute;cursor:pointer}.dropbox:hover{background:#add8e6}.dropbox p{font-size:1.2em;text-align:center;padding:50px 0}:root{--primary:#4f515a;--secondary:#ebebeb;--warning:#da0f41}*{margin:0;padding:0;font-family:Nunito,sans-serif;color:var(--primary)}body{background:#fafafa}a{text-decoration:none}.btn,button{background:var(--secondary);border-radius:8px;border:0;padding:8px 12px;margin:5px;font-weight:400;cursor:pointer;display:inline-block}.btn:hover,button:hover{background:var(--primary);color:#fff}button:disabled{opacity:.5;color:var(--primary);background:var(--secondary);cursor:not-allowed}form{max-width:400px;margin:0 auto;padding:30px;border-radius:8px;box-shadow:1px 2px 3px rgba(50,50,50,.05);border:1px solid var(--secondary);background:#fff}input,textarea{border:0;border-bottom:1px solid var(--secondary);padding:10px;outline:none;display:block;width:100%;box-sizing:border-box;margin:20px auto}.error{color:var(--warning);font-size:14px;margin:16px 0}