Spaces:
Running
Running
| <style> | |
| body { | |
| background-color: #fff; | |
| color: #353535; | |
| font-family: sans-serif; | |
| padding: 2rem; | |
| max-width: 768px; | |
| margin: 0 auto; | |
| } | |
| #app { | |
| margin-left: 0 auto; | |
| margin-right: 0 auto; | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| #form { | |
| margin-top: 2rem; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| #fileExtention { | |
| flex-basis: 100%; | |
| max-width: 200px; | |
| margin-right: 0; | |
| } | |
| #submit { | |
| flex-basis: auto; | |
| font-weight: bold; | |
| background-color: #585858; | |
| border: none; | |
| padding: 1rem; | |
| margin-top: 2rem; | |
| transition: all 0.2s; | |
| } | |
| #submit:enabled { | |
| background-color: #5676e5; | |
| color: #fff; | |
| cursor: pointer; | |
| } | |
| #submit:disabled { | |
| background-color: #868e96; | |
| color: #fff; | |
| cursor: not-allowed; | |
| } | |
| #loader { | |
| opacity: 0; | |
| visibility: hidden; | |
| transition: all 1s; | |
| } | |
| #loader.hidden { | |
| opacity: 0; | |
| visibility: visible; | |
| } | |
| #backButton { | |
| margin-top: 2rem; | |
| } | |
| #backButtonLoader { | |
| opacity: 0; | |
| } | |
| </style> |