html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Ubuntu;src:url(1cbb1b79a23478cc89ad.ttf)}:root{--color-white:#f8f8f8;--color-black:#1f1f1f;--regular-font-family:"Ubuntu";color:var(--color-white);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-family:var(--regular-font-family)}::selection{background-color:#222;color:#fff}*,:after,:before{box-sizing:border-box}body{background-image:url(08fc9c12b9cc20630a68.svg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}#header{align-items:center;background-color:rgba(0,0,0,.336);border-bottom:3px solid rgba(0,0,0,.185);display:flex;font-size:1.2rem;gap:7px;justify-content:center;min-height:85px}#header h1{margin:5px}#header img{height:60px}#content{display:flex;flex-grow:1}#sidebar{align-items:center;background-color:rgba(0,0,0,.336);display:flex;flex-direction:column;justify-content:flex-start;min-width:200px;padding:10px;width:23%}#sidebar .add-container{align-items:center;border-bottom:4px solid #fff;display:flex;flex-direction:row;font-size:1.6rem;gap:7px;justify-content:center;margin-bottom:20px;padding:3px}.add-container img{transition:.5s}.add-container:hover img{transform:rotate(180deg)}.add-container h2{margin:10px}.add-container img{width:50px}#sidebar .add-container:hover{background-color:rgba(0,0,0,.164)}.modal-container{-webkit-backdrop-filter:blur(.3em);backdrop-filter:blur(.3em);background-color:hsla(0,0%,100%,.418);background-color:transparent;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1040}.add-modal,.details-modal,.edit-modal{animation:popup .3s;background-repeat:no-repeat;background-size:cover;border-radius:7px;display:none;flex-direction:column;justify-content:space-between;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.add-modal{background-image:url(7c46432ef55cec8b9bc6.svg);height:500px;width:60%}.details-modal{background-image:url(824820f2dbcd1d105704.svg);flex-direction:column-reverse;font-size:1.2rem;min-width:350px;padding:10px;text-shadow:0 0 10px #000;width:40%}.edit-modal{background-image:url(05f6dedc94c4c1faa808.svg);height:500px;width:40%}@keyframes popup{0%{opacity:0}to{opacity:1}}.add-modal .modal-header,.edit-modal .modal-header{align-items:center;background-color:rgba(0,0,0,.274);border-bottom:2px solid rgba(0,0,0,.151);border-radius:7px 7px 0 0;display:flex;font-size:1rem;justify-content:space-between;min-height:50px;padding:7px}.add-modal .modal-header h1,.edit-modal .modal-header h1{margin:0 0 0 5px}.add-modal .modal-content,.edit-modal .modal-content{display:flex;flex-grow:1;justify-content:space-between}.modal-sidebar{align-items:flex-start;background-color:rgba(0,0,0,.226);border-radius:0 0 0 7px;display:flex;flex-direction:column;font-size:1.4rem;justify-content:flex-start;min-width:130px}.modal-sidebar h3{border-bottom:3px solid transparent;margin:13px 13px 13px 10px;padding-bottom:3px;transition:.2s}.modal-sidebar h3:hover{transform:scale(1.05)}.add-modal form,.edit-modal form{align-items:center;border-radius:7px;display:flex;flex-direction:column;flex-grow:1;gap:30px;height:100%;justify-content:center;padding:20px;text-shadow:0 0 13px #000}.add-modal form h1,.edit-modal form h1{font-size:2rem;margin-top:0;min-height:30px}.add-modal form .input-container,.edit-modal form .input-container{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:flex-start;width:100%}.add-modal form .date,.edit-modal form .date{gap:20px;justify-content:flex-start}.add-modal input,.edit-modal input{background-color:transparent;border:none;border-bottom:2px solid var(--color-white);color:var(--color-white);font-size:1.3rem;height:30px;width:80%}.add-modal input[type=date],.edit-modal input[type=date]{background-color:hsla(0,0%,100%,.822);border-bottom:2px solid #000;border-radius:7px;color:#000;width:auto}.add-modal input[type=radio],.edit-modal input[type=radio]{background-color:#fff;height:1em;opacity:0;position:absolute;width:2rem}.add-modal textarea,.edit-modal textarea{background-color:transparent;border:2px solid var(--color-white);border-radius:15px;color:var(--color-white);font-size:1.2rem;height:80px;resize:none;width:80%}.input-container:focus,input:focus,textarea:focus{outline:none}.add-modal input[type=date]:focus,.edit-modal input[type=date]:focus{border-bottom:2px solid transparent;border-radius:7px;outline:2px solid #000}.add-modal label,.add-modal span,.edit-modal label,.edit-modal span{font-size:1.7rem}.submit_container{align-items:center;align-self:center;display:flex;justify-content:space-between;min-height:100px;width:80%}button.reset,button.submit{align-items:center;background-color:transparent;border:2px solid #fff;border-radius:8px;color:#fff;display:flex;font-size:1.4rem;gap:10px;height:50px;justify-content:center;text-shadow:0 0 13px #000;transition:.1s;width:45%}div.submit_container>button>img{height:25px;margin-bottom:3px;width:25px}div.submit_container button:hover{transform:scale(1.05)}div.submit_container button:active{transform:scale(.97)}.close{align-items:center;display:flex;justify-content:flex-end}.close img{width:40px}.project-div{align-items:center;align-self:center;border-bottom:3px solid transparent;display:flex;font-size:1.7rem;font-weight:600;justify-content:center;margin:14px;min-width:85px;padding:5px;transition:.1s;width:max-content}.project-div:first-of-type{margin-top:0}.project-div:hover{transform:scale(1.1)}.default-projects-container{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:center;width:80%}#todos-container{display:flex;flex-direction:column;justify-content:space-between;width:77%}#todos-container h1{justify-content:center;min-height:50px;text-shadow:0 0 20px #000}#todos-container h1,.todos{align-items:center;display:flex}.todos{flex-direction:column;flex-grow:1;font-size:2rem;margin-bottom:20px}.todos>div{background-color:rgba(0,0,0,.219);border-radius:7px;flex-direction:column;font-size:1.3rem;font-weight:600;gap:20px;min-height:70vh;padding:20px;width:90%}.radio-container,.todos>div{align-items:center;display:flex}.radio-container{justify-content:center}.radio-container label{border-radius:7px;font-size:1.5rem;padding:3px 10px;text-shadow:none;text-shadow:0 0 10px rgba(0,0,0,.63);transition:.2s}.radio-container label[for$=low]{border:2px solid #0f0;color:#0f0}.radio-container label[for$=medium]{border:2px solid #ff0;color:#ff0}.radio-container label[for$=high]{border:2px solid #ff382a;color:#ff382a}.radio-container:hover label{transform:scale(1.05)}input[type=radio]:checked+label{color:#000;text-shadow:none}input[type=radio]:checked+label[for$=low]{background-color:#0f0}input[type=radio]:checked+label[for$=medium]{background-color:#ff0}input[type=radio]:checked+label[for$=high]{background-color:#ff382a}form[id=add-note] textarea{height:160px}form[id=add-note] label{align-self:flex-start}div.task-div{align-items:center;background-color:#4158d0;background-image:linear-gradient(43deg,#3bb162,#b61dac 46%,#3f5a8b);border-radius:7px;color:#fff;display:flex;flex-direction:row;gap:20px;height:60px;justify-content:space-around;transition:.1s;width:85%}div.task-div:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.76);transform:scale(1.03)}div.task-div[data-status=checked]{background-color:#1b1b1b71;background-image:none}div.task-div[data-status=checked]>div{text-decoration:line-through}div.task-div div{background-color:transparent;display:flex;justify-content:center;width:100px}div.task-div img{height:30px;margin-bottom:2px}div.task-div img:first-of-type{margin-bottom:4px}div.task-div button{background-color:transparent;border:2px solid #fff;border-radius:4px;color:#fff;transition:.2s}div.task-div button:hover,div.task-div img:hover{transform:scale(1.07)}.details-content{margin-bottom:20px;margin-left:20px}.details-content h1{margin-top:0}.new-projects-container{align-content:center;border-top:3px solid #22222265;display:flex;flex-direction:column;justify-content:center;width:80%}.projects-header{align-self:flex-start;background-color:#22222293;border-radius:5px;color:#db00a4;padding:3px;width:fit-content}.default-projects-container .projects-header{margin-top:2px}.todos button{background-color:transparent;border:2px solid #fff;border-radius:4px;color:#fff;padding:5px;transition:.1s}.todos button:hover{background-color:#222;transform:scale(1.06)}.footer{align-self:stretch;background-color:rgba(0,0,0,.466);border-top:2px solid rgba(0,0,0,.329);flex-grow:1;min-height:70px}.footer,.footer a{align-items:center;display:flex;justify-content:center}.footer a{color:#fff;font-family:Ubuntu;font-size:18px;gap:5px;text-decoration:none}.footer a:hover{color:#b3b3b3}.footer a img{height:24px;width:auto}@media (max-width:1000px){:root{font-size:13px}.add-modal form .input-container,.edit-modal form .input-container{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;width:100%}.add-modal form .input-container.priority,.edit-modal form .input-container.priority{align-items:flex-start;display:flex;flex-direction:row;gap:5px;justify-content:flex-start;width:100%}.add-modal{height:90vh}}@media (max-width:825px){.add-modal form .input-container.priority,.edit-modal form .input-container.priority{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.add-modal,.edit-modal{height:90vh;overflow:auto}.edit-modal{width:60%}.add-modal .modal-content,.edit-modal .modal-content{flex-direction:column}.modal-sidebar{align-items:center;border-radius:0;flex-direction:row;gap:30px;justify-content:center}#content{align-items:center;flex-direction:column}#sidebar{gap:40px;justify-content:space-between;overflow:auto;width:100%}#sidebar,.default-projects-container{align-items:center;flex-direction:row}.default-projects-container{justify-content:center;margin-left:40px}.default-projects-container>*{align-items:center;display:flex;justify-content:center;margin:15px;padding:5px}.new-projects-container{align-items:center;border-top:none;flex-direction:row;justify-content:center;margin-left:40px}.new-projects-container>*{align-items:center;display:flex;justify-content:center;margin:15px;padding:5px}.project-div:first-of-type{margin-top:15px}.default-projects-container .projects-header,.new-projects-container .projects-header{margin-top:15px;transform:translateY(2px)}#sidebar .add-container{border-bottom:none;border-radius:12px;gap:2px;margin-bottom:0;margin-right:40px}.add-container img{width:30px}#todos-container{width:99%}div.task-div{overflow:auto;width:99%}.todos>div{width:99%}div.task-div img{height:20px}}@media (max-width:550px){:root{font-size:12px}button.reset,button.submit{flex-direction:column;height:60px}}@media (max-width:470px){:root{font-size:11px}button.reset,button.submit{flex-direction:column;height:60px}.new-projects-container{margin-left:120px}}
/*# sourceMappingURL=app.fa4cc243cc62f05d5756.css.map*/