:root{--primary-color: #0964b0}body{background:#1f3244;height:100vh;max-width:100vw;display:flex;align-items:start;justify-content:center;box-sizing:border-box;color:#cfcfcf;font-family:Cambria,Georgia,serif}input[type=file]{padding:4px;margin:4px;position:relative;outline:none}input[type=file]::file-selector-button{border-radius:4px;padding:0 16px;height:40px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px #0000000d;margin-right:16px;width:132px;color:transparent}@supports (-moz-appearance: none){input[type=file]::file-selector-button{color:var(--primary-color)}}input[type=file]::file-selector-button:hover{background-color:#f3f4f6}input[type=file]::file-selector-button:active{background-color:#e5e7eb}input[type=file]:before{position:absolute;pointer-events:none;top:14px;left:16px;height:20px;width:20px;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E")}input[type=file]:after{position:absolute;pointer-events:none;top:16px;left:40px;color:var(--primary-color);content:"Upload File"}input[type=file]:focus-within::file-selector-button,input[type=file]:focus::file-selector-button{outline:2px solid var(--primary-color);outline-offset:2px}h1{color:#cfcfcf;font-family:Arial,Helvetica,sans-serif;font-size:250%}h2,h3,p{color:#cfcfcf;font-family:Arial,Helvetica,sans-serif;font-weight:lighter}main{display:flex;flex-direction:column;align-items:center}button{background-color:#fff;border:none;border-radius:4px;cursor:pointer;color:#000;font-size:1.2rem;padding:1rem;margin-right:1rem;margin-bottom:1rem;margin-top:1rem}button:hover{background-color:#f3f4f6}button:disabled{background-color:#eee;color:#aaa;cursor:auto}img{width:30%;height:30%}div{display:flex;flex-direction:column;align-items:center}*{font-family:Arial,Helvetica,sans-serif}