:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}a{font-weight:500;color:#007aff;text-decoration:inherit}a:hover{color:#8eb9e8}body{margin:0;place-items:center;min-width:320px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#007aff;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#aed5ff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul{padding:0%;margin:0%}li{list-style:none}.errorMsg{color:red;font-style:italic;font-size:small}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;overflow:wrap}}.outerCard{display:flex;justify-content:center}.taskButtons{display:flex;justify-content:center;gap:5%}.card{background-color:#dedede66;width:27em;display:flex;flex-direction:column;align-self:center;justify-self:center;margin-top:5%;padding-bottom:15%;border-radius:3%;box-shadow:0 0 5px #0003}.card h2{padding-top:5%}.card button{margin-top:10%}.formWrap{display:flex;justify-content:center;align-items:center}.formInputRow{margin-bottom:5%;display:flex;flex-direction:column;text-align:left}.formInputRow input{height:3em;width:25em;border:solid transparent 5px}.formInputRow label{font-weight:700;padding-bottom:2%}select{height:3em;width:25em;border:solid transparent 5px}.helpText{font-size:small}.taskDesc{word-wrap:break-word;overflow:auto;padding:5%}.homePage{display:flex;gap:2%;flex-wrap:wrap;justify-content:center}@media only screen and (max-width: 767px){.card{width:18em}.formInputRow input{height:3em;width:20em;align-self:center;border:solid transparent 5px}.formInputRow select{height:3em;width:21em;align-self:center;border:solid transparent 5px}.formInputRow label{font-weight:700}}.header{margin-bottom:5%}.navigation{display:flex;justify-content:center;gap:3em;font-size:larger}.navigation a:hover{cursor:pointer}.aboutCard{background-color:#dedede66;width:90%;display:flex;flex-direction:column;align-self:center;justify-content:center;margin-bottom:15%;padding-bottom:5%;border-radius:3%;box-shadow:0 0 5px #0003}.aboutOuterCard,.aboutSection{display:flex;flex-direction:column}.aboutSection li{text-align:left}.aboutSection ul,.aboutText{align-self:center;width:95%}