#root{width:100vw;height:100vh;margin:0;padding:0;text-align:center;overflow:hidden}.App{--bg-1: #212529;--bg-2: #495057;--bg-3: #f8f9fa;--speed: 3s;--forground: #151515;animation:background-pan var(--speed) linear infinite;background:linear-gradient(90deg,var(--bg-1) 0%,var(--bg-2) 50%,var(--bg-3) 90%,var(--bg-1) 100%);background-size:200%;display:grid;grid-template-columns:calc(50% - 40px) 80px calc(50% - 40px);grid-template-rows:50vh 50vh}@keyframes background-pan{0%{background-position:0% center}to{background-position:-200% center}}.pannel{background-color:var(--forground);margin-bottom:.1em}#middle-top{animation:top-open .12s ease-out;height:calc(50vh - 40px)}@keyframes top-open{0%{height:50vh}to{height:calc(50vh - 40px)}}#middle-bottom{animation:bottom-open .12s ease-out;margin-top:40px}@keyframes bottom-open{0%{margin-top:0}to{margin-top:40px}}#runButton{display:none;width:80px;height:80px;padding:0;border:0px;background-color:#15151500;z-index:1;position:absolute;left:calc(50% - 40px);top:calc(50% - 40px);cursor:pointer}#runCircle{transition:.4s}#runCircle:hover{fill:#15151500}#overlay{position:absolute;width:100vw;height:100vh}.fade-out{animation:fade-out .15s ease-in;background-color:#151515;z-index:2}@keyframes fade-out{0%{background-color:#15151500}to{background-color:#151515}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:22px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#151515;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;width:100vw;height:100vh}