:root{--bg-page: #eef4f3;--bg-card: #ffffff;--bg-dark: #2f3e3c;--accent-primary: #009688;--accent-hover: #32ffea;--accent-soft: #cfeeee;--border-dark: #2f3e3c;--shadow-soft: rgba(0, 0, 0, .25)}html{height:100%;background-color:var(--bg-page);font-family:monospace}main{display:grid;place-items:center}main>div{margin:15px}#pageTitle{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px}.headerEl{display:flex;align-items:center;justify-content:center}#mainHeader{color:var(--accent-primary);background-color:var(--bg-dark);width:400px;height:85px;box-shadow:-5px -5px 10px 0 var(--shadow-soft)}#pageUndertext{padding-bottom:1rem;font-size:1.2rem}#enqueueJobArea{width:575px;padding:20px;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-card);border:2px solid var(--accent-primary);border-radius:12px;box-shadow:-5px -5px 10px 0 var(--shadow-soft)}#enqJobAreaForm{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}#enqJobAreaForm button{border:none;border-radius:5px;cursor:pointer;font-family:monospace;padding:5px}#enqJobAreaForm button:hover{color:#32ffea}#jobsListArea{background-color:var(--accent-primary);border:10px solid var(--bg-dark);border-radius:20px;box-shadow:-5px -5px 10px 0 var(--shadow-soft);display:flex;flex-direction:column;width:575px}#jobsListAreaBtns{display:flex;justify-content:space-evenly}#jobsListAreaBtns button{cursor:pointer;color:#009688;border:none;border-radius:20px;background-color:#444;font-family:monospace;padding:10px 15px;box-shadow:-5px -5px 10px #9c979780;margin-top:20px;margin-bottom:20px}#jobsListAreaBtns button:hover{color:#32ffea}#jobsList::-webkit-scrollbar{width:10px}#jobsList::-webkit-scrollbar-track{background:#fff;border-radius:25px}#jobsList::-webkit-scrollbar-thumb{background-color:#40bcf4;border-radius:6px;border:2px solid #caeff8}#jobsList::-webkit-scrollbar-thumb:hover{background-color:#32ffea}#indivJobArea{background-color:var(--bg-card);width:500px;padding:10px;border:2px solid var(--bg-dark);box-shadow:-5px -5px 10px 0 var(--shadow-soft)}#indivJobAreaBtns{display:flex;justify-content:space-evenly}#indivJobAreaBtns button{cursor:pointer;color:#444;background-color:#d1dad9;font-family:monospace}#indivJobAreaBtns button:hover{cursor:pointer;color:#32ffea;background-color:#d1dad9;font-family:monospace}#jobDisplayBoxWrapper{padding:10px}#jobDisplayBox{display:flex;flex-direction:column;align-items:center;justify-content:center}#jobDisplayBoxInfo{background-color:var(--accent-soft);padding:8px;width:450px;border-radius:6px}#jobDisplayBoxBtns{display:flex;width:100%;margin-top:15px;font-family:monospace;justify-content:space-evenly}#jobDisplayBoxBtns button{cursor:pointer;border:none;background-color:var(--bg-page);border-radius:20px;padding:6px 12px}#jobDisplayBoxBtns button:hover{color:#32ffea}#spinning-loader-id{display:flex;justify-content:center;align-items:center;height:100%}.loader{border:16px solid #f3f3f3;border-top:16px solid var(--accent-primary);border-radius:50%;width:10px;height:10px;margin-top:10px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#AboutPanel{border:3px solid var(--bg-dark);border-radius:10px;background-color:var(--bg-card);width:505px;height:435px;box-shadow:-3px -3px 8px var(--shadow-soft);padding:10px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}