body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{border:solid;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);min-height:25vh}.App-link{color:#61dafb}.App-link:hover{color:#45adca}.App-link:active{color:#1e7d97}.Component-Container{border:3px solid #faebd7;border-radius:2rem;margin-bottom:1rem;margin-top:1rem}.Generic-button{background-color:#155dfb;border:2px solid #faebd7;border-radius:5px;color:#e6e6e6;font-size:x-large;margin:.5rem;transition:.1s}.Generic-button:hover{background-color:#2b7fff;box-shadow:.2rem .2rem #000}.Generic-button:active{background-color:#1447e6;box-shadow:none;transform:translate(2px 6px)}.Nav-bar{display:flexbox;margin-top:.5rem}.Nav-button{background-color:#121842;border:2px solid #faebd7;border-radius:5px;color:#fff;font-size:x-large;margin-left:.5rem;margin-right:.5rem;transition:.1s}.Nav-button:hover{background-color:#243684;box-shadow:.2rem .2rem #000}.Nav-button:active{box-shadow:none;transform:translate(2px 6px)}.Profile-card{grid-gap:3px;background-color:#faebd7;display:grid;gap:3px;grid-template-areas:"header header" "skills skills" "image content";grid-template-columns:1fr 3fr;margin:5px 15%;padding:5px}@media (min-width:992px){.Profile-card{margin:5px 25%}}.Profile-card div{background-color:#282c34}.Profile-card div.header{grid-area:header}.Profile-card div.skills{grid-area:skills}.Profile-card div.image{display:grid;grid-area:image;padding:3px;place-items:center}.Profile-card div.image img{border-radius:10px;width:100%}.Profile-card div.content{align-items:center;display:flex;grid-area:content;text-align:left}.Profile-card div.content div{display:block}.Listing{margin:auto auto 1rem;text-align:left}.Listing,.snackbar{width:-webkit-fit-content;width:fit-content}.snackbar{align-items:center;border-radius:1rem;display:flex;height:60px;left:50%;position:fixed;top:5%;transform:translate(-50%,-50%)}.snackbar .symbol{background-color:initial;flex:20% 1;font-size:xx-large}.snackbar .message{background-color:initial;flex:80% 1;font-weight:700;text-align:start}#show{animation:fadeIn .5s,fadeOut .5s 2.5s;visibility:visible}#hide{visibility:hidden}@keyframes fadeIn{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeOut{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.Form-Container{grid-gap:3px;background-color:#faebd7;display:grid;gap:3px;grid-template-areas:"idInput titleInput" "typeInput statusInput" "jobPreview jobPreview" "jobSubmit jobSubmit";grid-template-columns:2fr 2fr;margin:5px 15%;padding:5px}.Form-Container div{align-items:center;background-color:#282c34;display:flex;justify-content:center;padding:10px}.Form-Container div.idInput{grid-area:idInput}.Form-Container div.idInput input{border-radius:5px;font-size:1.5rem;padding:2px 5px;width:25%}.Form-Container div.titleInput{grid-area:titleInput}.Form-Container div.titleInput input{border-radius:5px;font-size:1.5rem;padding:2px 5px;width:50%}.Form-Container div.idInput label,.Form-Container div.titleInput label{margin-right:.5rem}.Form-Container div.typeInput{grid-area:typeInput}.Form-Container div.typeInput div div{font-size:1.5rem}.Form-Container div.statusInput{grid-area:statusInput}.Form-Container div.statusInput select{font-size:1.5rem}.Form-Container div.statusInput div,.Form-Container div.typeInput div{display:block}.Form-Container div.jobPreview{grid-area:jobPreview}.Form-Container div.jobSubmit{grid-area:jobSubmit}.Form-Container div.jobSubmit button{font-size:xx-large}.Job-Display{grid-gap:3px;background-color:#faebd7;display:grid;gap:3px;grid-template-areas:"DisplayTitle DisplayTitle DisplayTitle DisplayTitle" "PendingJobsHead RunningJobsHead CompletedJobsHead StoppedJobsHead" "PendingJobs RunningJobs CompletedJobs StoppedJobs";grid-template-columns:1fr 1fr 1fr 1fr;margin:5px 15%;padding:5px}.Job-Display div{align-items:center;background-color:#282c34;display:flex;justify-content:center;padding:10px}.Job-Display div.Display-Head{grid-area:DisplayTitle}.Job-Display div.Pending-Head{grid-area:PendingJobsHead}.Job-Display div.Pending{grid-area:PendingJobs}div.Pending div{display:block}.Job-Display div.Running-Head{grid-area:RunningJobsHead}.Job-Display div.Running{display:block;grid-area:RunningJobs}div.Running div{display:block}.Job-Display div.Complete-Head{grid-area:CompletedJobsHead}.Job-Display div.Complete{display:block;grid-area:CompletedJobs}div.Complete div{display:block}.Job-Display div.Stopped-Head{grid-area:StoppedJobsHead}.Job-Display div.Stopped{display:block;grid-area:StoppedJobs}div.Stopped div{display:block}
/*# sourceMappingURL=main.215707ef.css.map*/