.register-button{background-color:#fff;color:var(--text-accent-color);padding:10px;border-radius:5px;text-align:center;display:inline-block;width:100%;cursor:pointer}.login-button{background-color:var(--text-accent-color);padding:10px;border-radius:5px;text-align:center;width:fit-content;margin:0 0 20px;width:100%;float:right;cursor:pointer}.p-text{text-align:center;margin-bottom:10px;font-size:small}.p-text span{color:var(--text-accent-color)}.show-password-div{background-color:var(--form-light-grey-text);position:absolute;right:2px;top:74px;height:38px;width:65px;border-radius:0 3px 3px 0;display:inline-block;border-color:var(--form-light-grey-text);border:1px solid var(--form-light-grey-text)}.body{margin:0;padding:90px 0 0;background-color:var(--dark-background-color);color:var(--main-body-text-color);font-family:var(--main-body-font-family)}a{cursor:pointer}.banner{top:0;width:100%;min-height:90px;display:grid;position:fixed;background-color:var(--dark-background-color);border-bottom-width:1px;border-bottom-color:var(--grey-border-color);border-bottom-style:groove;color:var(--text-accent-color);z-index:2;align-items:center;height:fit-content}.logout-text{position:fixed;right:0;top:0;margin:20px}.logout-text:hover{cursor:pointer;text-decoration:underline;color:var(--main-body-text-color)}h1{text-align:center;padding:5px}h4{text-align:center;padding:5px;color:var(--main-body-text-color)}.todo-wrapper{width:100%;display:inline-block;height:100%}.date-section-header-div{width:100%;height:fit-content;border-bottom:1px groove var(--grey-border-color);border-top:1px groove var(--grey-border-color);background-color:var(--heading-background-color);position:sticky;top:90px}.todo-input{width:100%;text-align:center;padding:10px 0 15px}.date-p{padding:5px 10px}.today-word{color:var(--text-accent-color);font-weight:700}.overdue-div{display:none;width:100%;height:fit-content;border-bottom:1px groove var(--grey-border-color);border-top:1px groove var(--grey-border-color);background-color:var(--heading-background-color);position:sticky}.overdue-div.active{display:block}.overdue-p{padding:5px 10px;color:var(--text-accent-color);font-weight:700}.overdue-div article{padding-bottom:20px}.todo-div{padding:20px 20px 0}.todo-div.active{display:none}.add-new-todo-div{height:fit-content;margin:20px;width:fit-content;position:flex;border:1px solid var(--grey-border-color);color:var(--grey-border-color);border-radius:5px;cursor:pointer;padding:5px;display:block}.add-new-todo-div.active{display:none}.add-new-todo-div:hover{background-color:var(--checkbox-hover-color);color:var(--main-body-text-color)}.plus-span{float:right}.todo-input-form-div{margin:20px;position:relative;display:none}.todo-input-form-div.active{display:block}.todo-title-input{position:relative;background-color:var(--dark-background-color);color:var(--main-body-text-color);font-size:16px;padding:10px;outline:none;width:100%;box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--grey-border-color);border-radius:5px}.todo-title-input.active{border-color:var(--main-body-text-color)}.dropdown-menu{width:fit-content;margin:auto;float:left;font-size:12px;text-align:center}.dropdown-select-button{border-width:1px;border-style:solid;border-color:var(--grey-border-color);border-radius:5px;margin:5px 5px 5px 0;padding:5px 10px;color:var(--form-light-grey-text);cursor:pointer}.dropdown-select-button.active{border-color:var(--main-body-text-color)}.dropdown-select-button:hover{background-color:var(--checkbox-hover-color)}.dropdown-options{position:absolute;z-index:100;border-width:1px;border-style:solid;border-color:var(--main-body-text-color);border-radius:5px;background-color:var(--dark-background-color);margin-top:0;width:fit-content;padding:0;display:none}.dropdown-options.active{display:block}.option{display:flex;height:fit-content;width:100%;cursor:pointer;padding:5px 10px}.option:hover{background-color:var(--checkbox-hover-color)}.option-text-1{color:var(--red-checkbox-color)}.option-text-2{color:var(--yellow-checkbox-color)}.option-text-3{color:var(--green-checkbox-color)}.option-text-4{color:var(--blue-checkbox-color)}.option-text-5{color:var(--grey-checkbox-color)}.form-x-button{position:relative;float:right;font-size:12px;border-width:1px;border-style:solid;border-radius:5px;margin:5px 0 20px 5px;padding:5px 10px;cursor:pointer;width:fit-content;border-color:var(--red-checkbox-color);color:var(--red-checkbox-color)}.form-x-button:hover{background-color:var(--checkbox-hover-color)}.form-enter-button{position:relative;float:right;font-size:12px;border-width:1px;border-style:solid;border-color:var(--grey-border-color);border-radius:5px;margin:5px 0 20px 5px;padding:5px 10px;color:var(--form-light-grey-text);background-color:var(--dark-background-color);width:fit-content;cursor:not-allowed}.form-enter-button.active{cursor:pointer;border-color:var(--green-checkbox-color);color:var(--green-checkbox-color);background-color:var(--dark-background-color)}.form-enter-button.active:hover{background-color:var(--checkbox-hover-color)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:20px;width:20px;margin:0 10px 0 0;background-color:transparent;border-radius:5px;border-color:var(--red-checkbox-color);border-style:solid;border-width:2px;cursor:pointer;display:inline-block;vertical-align:middle}.priority2 input[type=checkbox]{border-color:var(--yellow-checkbox-color)}.priority3 input[type=checkbox]{border-color:var(--green-checkbox-color)}.priority4 input[type=checkbox]{border-color:var(--blue-checkbox-color)}.priority5 input[type=checkbox]{border-color:var(--grey-checkbox-color)}input[type=checkbox]:after{content:"";left:9px;top:5px;width:5px;height:10px;border-color:var(--dark-background-color);border-style:solid;border-width:0 3px 3px 0;transform:rotate(45deg);margin:auto;display:none}input[type=checkbox]:hover{background-color:var(--checkbox-hover-color)}.priority1 input[type=checkbox]:checked{background-color:var(--red-checkbox-color)}.priority2 input[type=checkbox]:checked{background-color:var(--yellow-checkbox-color)}.priority3 input[type=checkbox]:checked{background-color:var(--green-checkbox-color)}.priority4 input[type=checkbox]:checked{background-color:var(--blue-checkbox-color)}.priority5 input[type=checkbox]:checked{background-color:var(--grey-checkbox-color)}input[type=checkbox]:checked:after{display:block}.checkbox-label{vertical-align:middle}.undo-div{background-color:var(--popup-background-color);border-radius:10px;position:fixed;bottom:0;right:0;padding-right:15px;padding-left:15px;text-align:center;font-size:12px;margin:10px;display:none}.text-link{text-decoration:underline}.text-link-x{text-decoration:none}.text-link:hover{color:var(--popup-text-hover-color)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--text-accent-color: #1e90ff;--heading-background-color: rgb(40, 40, 40);--red-checkbox-color: #ff4136;--blue-checkbox-color: #0074d9;--yellow-checkbox-color: #ffdc00;--green-checkbox-color: #2ecc40;--grey-checkbox-color: #aaaaaa;--checkbox-hover-color: rgb(71, 71, 71);--dark-background-color: rgb(40, 40, 40);--popup-text-hover-color: #b3b3b3;--popup-background-color: #5c5c5c;--grey-border-color: rgb(88, 88, 88);--form-light-grey-text: #6d6d6d;--main-body-text-color: rgb(255, 255, 255);--main-body-font-family: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--main-body-font-family)}.body{background-color:var(--dark-background-color);color:var(--main-body-text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column}h3{margin-top:20px;margin-bottom:20px}.register-title{margin-bottom:20px}.login-div{border:1px solid var(--grey-border-color);border-radius:10px;padding:20px;max-width:300px;position:relative}.input-div{position:relative;margin:10px}.logo-div{text-align:center;text-wrap:wrap}.logo-div span{color:var(--text-accent-color)}.login-input{padding:10px;position:relative;background-color:var(--dark-background-color);border:1px solid var(--grey-border-color);border-radius:5px;width:100%;margin:10px 0;outline:none;color:var(--main-body-text-color);transition:.5s}.text-input-label{position:absolute;left:0;color:var(--grey-border-color);pointer-events:none;font-size:1em;padding:20px 0 0 10px;transition:.5s}.login-input:valid~span,.login-input:focus~span{color:var(--text-accent-color);transform:translate(20px) translateY(2px);font-size:.8em;padding:0 5px;border-radius:5px;background-color:var(--dark-background-color)}.login-input:valid,.login-input:focus{border-color:var(--text-accent-color)}.login-buttons{position:relative;margin:10px}.register-button-register{background-color:var(--text-accent-color);padding:10px;border-radius:5px;text-align:center;width:fit-content;color:var(--main-body-text-color);margin:0 0 20px;width:100%;float:right;cursor:pointer}hr{margin:0 0 10px;color:var(--main-body-text-color);border:solid;border-width:1px;content:"Or"}.hr-p{position:absolute;top:56px;left:45%;background-color:var(--dark-background-color);padding:0 5px;font-size:small}.p-text-register{text-align:center;margin-bottom:0;font-size:small}.p-text-register span{text-decoration:underline;color:var(--text-accent-color)}.p-text-register span:hover{text-decoration:none;cursor:pointer}.word-show{color:var(--dark-background-color);position:absolute;display:inline-block;right:25px;margin:8.5px 0 0;font-size:12px}input[type=checkbox].password-checkbox{position:absolute;right:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:15px;width:15px;margin:10px 5px 0 0;background-color:transparent;border-radius:5px;border-color:var(--dark-background-color);border-style:solid;border-width:2px;cursor:pointer;display:inline-block;vertical-align:middle}input[type=checkbox].password-checkbox:after{content:"";left:9px;top:5px;width:3px;height:7px;border-color:var(--main-body-text-color);border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);margin:auto;display:none}input[type=checkbox].password-checkbox:checked{background-color:var(--dark-background-color)}input[type=checkbox].password-checkbox:checked:after{display:block}