#root{box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100vh;padding:2em;display:flex}body{color:#f8f8f2;background-color:#282a36;margin:0;font-family:sans-serif}h1{color:#50fa7b}.container{background-color:#44475a;border-radius:8px;width:100%;max-width:800px;margin:auto;padding:2em}label{color:#8be9fd;margin-top:1em;display:block}input,button{box-sizing:border-box;color:#f8f8f2;background-color:#6272a4;border:none;border-radius:4px;width:100%;margin-top:.5em;padding:10px}input::file-selector-button{color:#fff;cursor:pointer;background-color:#bd93f9;border:none;border-radius:4px;padding:8px}button{cursor:pointer;background-color:#bd93f9;margin-top:1.5em;font-weight:700}button:hover{background-color:#ff79c6}#log{white-space:pre-wrap;word-wrap:break-word;background-color:#282a36;border-radius:4px;max-height:200px;margin-top:1.5em;padding:1em;overflow-y:auto}
/*# sourceMappingURL=react-dom.0fbea0f5.css.map */