*{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background:#f1f2fb}.App{display:grid;grid-template-columns:auto;grid-auto-flow:row;width:90vw;margin:0 auto}#ApplicationTitle{margin:0 auto;font-size:2rem;padding-bottom:5px}#NewButton{background-color:#7fffd4;padding:2px 10px;border-radius:30px;font-size:1.3rem;margin:0 auto;cursor:pointer}#NewButton:hover{-webkit-animation:ShadowBox .4s;animation:ShadowBox .4s;box-shadow:0 0 20px 0 rgba(0,0,0,.35)}#SlideDown{-webkit-animation:SlideDown 1s;animation:SlideDown 1s;height:100%}#Dashboard,#SlideDown{display:none;background-color:#fff;margin:5px;overflow:hidden}#Dashboard{height:25px}.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:hsla(0,0%,61.2%,.82);z-index:1}.modal-content{position:absolute;left:50%;top:41vh;transform:translate(-50%,-50%)}#JobForm{padding:10px;background-color:#fff;display:grid;grid-template-rows:repeat(3,auto);grid-gap:15px;border-radius:2%;height:53vh;width:80vw;-webkit-animation:GrowIn 1s;animation:GrowIn 1s}#JobForm Input,select{padding:0;height:25px}#LeftForm{display:grid;grid-template-columns:1fr 2fr;grid-row-gap:5px;height:100%}#LeftForm>*{align-self:center}#FormNotes,.InputError{display:grid}#FormNotes{grid-template-rows:1fr 8fr;grid-row-gap:10px;row-gap:10px}#FormNotes>textarea{width:100%;height:175px}label#DescriptionLabel{justify-self:center}div.show{display:inline-block;color:red}div.hide{display:none}.Controls{grid-template-columns:repeat(2,1fr);grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px}#SortForm,.Controls,.JobCard{display:grid}.JobCard{padding:0 10px;background-color:#fff;height:50vh;width:80vw;grid-template-columns:100%;grid-template-rows:repeat(9,auto);grid-auto-flow:column;border-radius:2%;-webkit-animation:GrowIn 1s;animation:GrowIn 1s}.JobCard>div{align-self:center;display:grid;grid-template-columns:auto auto}textarea{height:100px;width:100%}#Company{display:inline-block;margin:0 auto;font-size:2rem}#Url{grid-template-rows:auto auto;grid-template-columns:1fr}#Updated{display:inline-block;margin:0 auto;font-size:.75rem;font-weight:800}.JobTable{position:relative;display:grid;padding:10px;grid-gap:20px}.PreviewCard{border:1px solid #000;background-color:#15cd72;border-radius:5px;display:grid;grid-template-columns:repeat(3,auto);cursor:pointer}.PreviewCard .company{grid-column:1;grid-row:1;font-size:1.75rem;padding-top:10px}#RowStatus{grid-column:1;grid-row:2}.declined{background-color:#ed4f32;color:#000}.processing{background-color:#288feb}.offered{background-color:#ede04d}.PreviewCard:hover{-webkit-animation:ShadowBox .4s;animation:ShadowBox .4s;box-shadow:0 0 20px 0 rgba(0,0,0,.35)}.PreviewCard>*{justify-self:center}#DeleteX{grid-column:3}#RowUpdated{grid-row:1/3;grid-column:2;align-self:center}.Display{display:block}.company{font-weight:800}@-webkit-keyframes GrowIn{0%{transform:scale(.2)}to{transform:scale(1)}}@keyframes GrowIn{0%{transform:scale(.2)}to{transform:scale(1)}}@-webkit-keyframes ShadowBox{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 20px 0 rgba(0,0,0,.35)}}@keyframes ShadowBox{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 20px 0 rgba(0,0,0,.35)}}@-webkit-keyframes SlideDown{0%{height:25px}to{height:100%}}@keyframes SlideDown{0%{height:25px}to{height:100%}}@media screen and (min-width:600px){.JobTable{grid-template-columns:1fr 1fr}.JobCard{width:50vw}.PreviewCard{height:20vh;position:relative;grid-template-rows:repeat(3,auto);grid-template-columns:none;cursor:pointer}#RowStatus{grid-row:2;grid-column:1;align-self:center}#DeleteX{position:absolute;top:0;right:5px;font-size:1.5rem}#RowUpdated{grid-column:1;grid-row:3;justify-self:center;align-self:end}.PreviewCard .company{font-size:1.75rem;align-self:center;justify-self:center;padding-top:10px}#LeftForm{grid-template-columns:1fr 5fr}.JobCard>div{grid-template-columns:1fr 1fr}}@media screen and (min-width:900px){.JobTable{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1100px){.App{width:80vw;margin:0 auto}#ApplicationTitle{width:22vw}#Dashboard{display:grid;grid-auto-flow:column}.modal-content{top:50%;transform:translate(-50%,-50%)}#JobForm{grid-template-columns:repeat(2,auto);height:40vh}#LeftForm{grid-row:1/5}#LeftForm>*{align-self:center}#FormNotes{grid-column:2}#FormNotes>textarea{width:200px;height:175px}label#DescriptionLabel{justify-self:center}#Form{grid-row:5;grid-column:1/4}.JobTable{grid-template-columns:repeat(4,1fr)}.PreviewCard .company{padding-top:10px;font-size:1.75rem}.PreviewCard:hover{-webkit-animation:ShadowBox .4s;animation:ShadowBox .4s;box-shadow:0 0 20px 0 rgba(0,0,0,.35)}.PreviewCard>*{justify-self:center}#DeleteX{position:absolute;top:0;right:5px;font-size:1.5rem}#RowUpdated{align-self:end}.JobCard{width:50vw}.JobCard>div{grid-template-columns:1fr 3fr}#Job.Controls{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.c2b56711.chunk.css.map */