@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}#root,body,html{font-family:VT323,monospace;height:100%}body,html{background-color:#dcdcdc}.App{background-color:#283190;flex-direction:column;height:100%}.App,.App-header{align-items:center;display:flex;width:100%}.App-header{background-color:#f5f5f5;background-color:#283190;border-bottom:dotted;color:#fff;gap:120px;justify-content:center}#header-container{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative;width:100%}#header-title{font-size:4rem;min-width:8rem}.form-container{margin-top:25px}#items-container{width:100%}input#due-date{border:none;border-bottom:0;cursor:pointer;height:30px;width:100%}#preset-options-table{margin-top:50px;width:100%}#form-input{border:none;font-family:VT323,monospace;font-size:16px;font-size:18px;height:50px;padding-left:10px;width:100%}td{flex:1 1;flex-direction:column;padding:0}td,tr{display:flex}tr{flex-direction:row;justify-content:center;margin-top:-50px;width:100%}td>button,th{border:1px solid #000}td>button{cursor:pointer;font-family:VT323,monospace;font-size:18px;height:75px;padding:0}#task-form,td>button{background-color:#fff}#task-form{border:solid #000;border-width:1px 1px .5px;overflow:hidden}#due-date-banner{background-color:#f5f5f5;border:none;border-bottom:.5px solid #000;border-top:1px solid #000;cursor:default;display:flex;flex-direction:column;font-size:18px;height:30px;justify-content:center;padding-left:10px;position:relative;width:100%}::-webkit-calendar-picker-indicator{background-color:pink;color:#0475bd;cursor:pointer;height:100%;margin-bottom:19px;margin-left:-15px;opacity:0;padding:0;position:absolute;width:100%;z-index:1}input[type=datetime-local i]{opacity:0;position:absolute}#header-container{gap:10%}.todo-item{align-items:flex-start;display:flex;flex-direction:column;font-size:20px;margin-left:5px;min-height:50px;padding-top:10px}.todo-item-container{align-items:center;display:flex;justify-content:space-between;text-align:center;width:100%}.todo-item:focus,.todo-item:hover{cursor:pointer}#list-item{background-color:#fff;border:1px solid #000;display:flex;list-style:none;margin-bottom:5px;max-width:700px}.time-from-now-container{align-items:center;display:flex;padding-right:10px}span.todo-item-text{overflow-wrap:break-word;text-align:left;width:100%}span.todo-item-due-date{color:dimgray}.todo-list-container{display:flex;flex-direction:column;justify-content:start;overflow:hidden;padding:0 10px}.todo-list-container>h1{font-size:48px;margin-bottom:-10px;margin-top:50px;text-align:center}.todo-list{display:flex;justify-content:center;padding:5px}.color-indicator{background-color:#0475bd;max-height:100%;min-height:50px;width:7px}#all-lists-container{background-color:#dcdcdc;display:grid;grid-template-columns:repeat(3,1fr);height:100%;width:100%}span#time-from-now{font-size:17px}button.icon-buttons{background:#0000;border:none;cursor:pointer;padding:0;vertical-align:middle}.material-icons{cursor:pointer;height:20px;padding:0;width:20px}.material-icons.checkmark{color:#4faf47;font-weight:900}.material-icons.checkmark,.material-icons.delete{font-size:30px;padding-right:5px}.material-icons.add{color:#fff;font-size:45px;font-weight:400;width:45px}.material-icons.add:focus,.material-icons.add:hover{color:#4faf47}.material-icons.restart_alt{color:#fff;font-size:45px;width:40px}.material-icons.restart_alt:focus,.material-icons.restart_alt:hover{color:#bd0404}i.material-icons.delete{color:#000;padding:0 15px}.material-icons.close{color:#000;font-size:30px;padding-right:10px;padding-top:4px}.icon-buttons.close{background-color:#f5f5f5;border:1.5px solid #000;border-radius:50%;color:#000;cursor:pointer;height:40px;margin-left:5px;text-align:center;width:40px}.icon-buttons.close:focus,.icon-buttons.close:hover,.material-icons.close:focus,.material-icons.close:hover{color:#bd0404}#submit-button{background-color:#f5f5f5;border:1.5px solid #000;border-radius:50%;color:#000;cursor:pointer;font-family:VT323;font-size:28px;height:40px;margin-right:5px;width:40px}#submit-button:focus,#submit-button:hover{color:#4faf47}#form-button-container{align-items:center;background-color:#0475bd;border:1px solid #000;border-bottom:0;display:flex;height:50px;justify-content:space-between}#edit{padding-top:15px}@media (max-width:564px){button#add-button p,button#reset-button p{display:none}.material-icons.add,.material-icons.restart_alt{background-color:initial;border:none;color:#fff}button#add-button,button#reset-button{background-color:initial;border:none}}@media (min-width:564px){td>button:focus,td>button:hover{background-color:#e8e8e8;border:1px solid rgba(#000,.05);font-size:20px;transition:all .15s linear}button#add-button,button#no-tasks-add,button#reset-button{align-items:center;background-color:#f5f5f5;border-radius:50px;display:flex;font-weight:700;height:50px;justify-content:center;padding:.6rem;width:10rem}.material-icons.add,.material-icons.restart_alt{color:#000;font-size:35px;margin-bottom:15px}}@media (max-width:900px){body,html{max-width:100%;overflow-x:hidden}.App{background-color:#dcdcdc;height:100%;max-width:100%}.App-header{border-bottom:dotted}.form-container{position:absolute;width:90%}#all-lists-container{align-items:center;background-color:#dcdcdc;display:flex;flex-direction:column;justify-content:start;position:absolute;top:22%;width:100%}.todo-item{flex:2 1;max-width:80%;width:40%}#list-item{margin:auto auto 5px;width:90%}.todo-item-container{gap:5px}.todo-list-container{overflow:visible;width:100%}.todo-list-container>h1{margin-top:25px}span.todo-item-text{width:100%}.time-from-now-container{flex:1 1;justify-content:center;width:100%}.time-preset-button{color:#000;height:60px;width:100%}#form-button-container,#task-form{width:100%}body::-webkit-scrollbar{display:none}td>button:after{background-color:#fff;font-size:18px}}@media (min-width:900px){.form-container{grid-column:2/3;margin-top:25px;width:100%}#header-container{gap:10%}button#add-button,button#reset-button{width:10rem}}@media (max-width:642px){.App-header{margin-bottom:-65px}.form-container{margin-top:10px}}
/*# sourceMappingURL=main.4821311e.css.map*/