body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.noStyle{color:inherit;text-decoration:inherit}:root{--primary-color: #192841;--secondary-color: #444;--tertiary-color: #2d6a4f;--primary-light: #5784b4;--primary-lighter: #98b8d3;--secondary-dark: #2b2b2b;--secondary-darker: #1a1a1a;--tertiary-light: #2d8b63;--tertiary-lighter: #47a07d;--text-color-primary: #ffffff;--text-color-secondary: #000000}.App{-webkit-user-select:none;user-select:none;background-color:var(--primary-color);color:var(--text-color);font-family:Arial,Helvetica,sans-serif;height:100vh;min-width:fit-content;display:grid;grid-template-rows:.2fr 2.7fr .1fr;grid-template-areas:"header" "main" "footer";overflow:hidden}header{grid-area:header;width:100%;padding:.3rem;background-color:var(--secondary-dark);border:1px solid black}main{grid-area:main;display:flex;justify-content:center;align-items:center}footer{grid-area:footer;background-color:var(--secondary-darker);border:1px solid black}.fadeEdge{pointer-events:none;transform:translate(150%);z-index:1;width:30px;height:80vh;background:linear-gradient(-90deg,rgba(0,0,0,0) 0%,var(--primary-color) 90%)}.fadeEdge:nth-last-of-type(1){transform:rotate(180deg) translate(150%)}.columnsContainer{position:relative;display:flex;gap:1rem;padding:1rem 50px;margin:1rem;max-width:85vw;height:75vh;overflow-x:auto}.columnsContainer::-webkit-scrollbar{width:8px;height:8px}.columnsContainer::-webkit-scrollbar-track{background:transparent;border:1px solid black;display:none}.columnsContainer::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:50%}.columnsContainer::-webkit-scrollbar-thumb:hover{background:var(--primary-lighter)}.Column{display:flex;flex-direction:column;background-color:var(--secondary-dark);border:1px solid black;border-radius:5px;min-width:250px;max-width:250px;height:100%;padding:.2rem;animation:scale .3s ease}.Column .columnHeader{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary-color);padding:.3rem;height:30px;transition:.2s}.Column .columnHeader:hover{filter:brightness(1.2)}.Column .columnHeader input{height:inherit;background:none;color:inherit;font-size:1.2rem;font-weight:inherit;padding:0;margin:0;outline:none;width:100%}.Column .columnHeader input:focus{border:2px solid var(--primary-color);color:var(--text-color-primary)}.Column .columnHeader .trashBtn{width:1.2rem}.Column .columnHeader .trashBtn:hover{color:#970000}.Column .taskList{display:flex;flex-direction:column;gap:.7rem;list-style-type:none;padding:.2rem;margin-top:.5rem;height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.Column .taskList ::-webkit-scrollbar{display:none}.Column .taskList .Task{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background-color:var(--primary-lighter);border-radius:5px;width:100%;height:60px;overflow:hidden;animation:scale .1s ease}.Column .taskList .Task .taskContent{display:flex;flex:1;gap:.2rem;flex-direction:column;justify-content:center;width:inherit;height:100%;padding:0 .5rem;overflow:hidden}.Column .taskList .Task .taskContent h3{font-size:1rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.Column .taskList .Task .taskContent p{font-size:.8rem;align-items:center}.Column .taskList .Task .navigateTaskBtn{width:25px;flex-shrink:0}.Column .taskList .Task .navigateTaskBtn:hover{transform:scale(1.3)}.Column .taskList .Task .navigateTaskBtn:disabled{opacity:.1}.Column .addTaskForm{display:flex}.Column .addTaskForm label{position:absolute;top:-10000000px}.Column .addTaskForm input{background-color:var(--secondary-dark);font-size:1rem;width:100%;height:40px;margin-bottom:.3rem;padding:1rem}.Column .columnFooter{display:flex;align-items:center;justify-content:end;height:30px;border-top:2px solid black;border-radius:2px}.Column .columnFooter .ColorPaletteBtn{width:1.2rem}.Column .columnFooter .ColorPaletteBtn:hover,.Column .columnFooter .ColorPaletteBtn:active{color:#fff}.addColumnBtn{color:var(--tertiary-color);align-self:center;height:fit-content}.modal{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:color-mix(in srgb,var(--primary-color) 70%,rgba(0,0,0,0) 30%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%;z-index:3;animation:fade .2s ease}.modal .modalContent{position:relative;display:flex;flex-direction:column;background-color:var(--secondary-dark);box-shadow:4px 4px 4px 0 var(--secondary-darker);width:50%;height:60%;border-radius:5px;padding:1rem;gap:1rem;animation:scale .2s ease}.modal .modalContent .columnName{font-size:larger;background-color:var(--secondary-color);border-radius:10px;width:fit-content;padding:.3rem}.modal .modalContent .taskLink{position:absolute;left:50%;transform:translate(-50%)}.modal .modalContent .taskLink:hover{text-decoration:underline}.modal .modalContent .closeBtn{position:absolute;right:.4rem;top:0;font-weight:900;font-size:1.5rem}.modal .modalContent .editForm{display:flex;flex-direction:column;height:100%;gap:1rem}.modal .modalContent .editForm label{visibility:hidden;position:absolute;top:-9999999999px}.modal .modalContent .editForm #taskTitle{background-color:var(--secondary-color);font-size:2rem}.modal .modalContent .editForm #taskBody{background-color:var(--secondary-color);width:100%;height:100%;resize:none;overflow:auto;font-size:large}.modal .modalContent .date{opacity:.6}.modal .modalContent .btnsContainer{display:flex;width:100%;justify-content:space-around}.modal .modalContent .btnsContainer button{width:80px;padding:.3rem;border-radius:5px}.modal .modalContent .btnsContainer .saveBtn{background-color:#0a4e98}.modal .modalContent .btnsContainer .deleteBtn{background-color:#ff00005b}.ColumnPage{padding:1rem}.TaskPage .taskDisplay{width:55vw;min-height:60%;border-radius:5px;padding:1rem;background-color:var(--primary-lighter)}.TaskPage .taskDisplay h2{font-size:2em;text-align:center;margin-bottom:2rem}.TaskPage .taskDisplay .wrapper{display:flex;flex-direction:column;margin:1rem}.TaskPage .taskDisplay .bold{font-weight:700}.backButton{position:absolute;top:0;left:50%;margin:5px;transform:translate(-50%);text-decoration:none;color:var(--text-color-secondary);width:40px;transition:.2s}.backButton:hover{color:var(--text-color-primary);transform:translate(-50%) scale(1.1) rotate(5deg)}.MissingPage{display:flex;flex-direction:column;gap:1rem}.deleted{transform:scale(0) translate(-100%);transition:.2s}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scale{0%{transform:scale(0)}to{transform:scale(1)}}