.app-container,.todos-container{align-items:center;background-color:#ddd;border:.125rem solid #000;display:flex;flex-direction:column;font-family:Verdana;justify-content:center;justify-content:flex-start;min-height:100vh;min-width:39.375rem;text-align:center;width:100vw}@media(max-width:767px){.app-container,.todos-container{min-width:22.5rem;overflow-x:hidden}}.std-button{border:1px solid #000;font-family:Verdana;font-size:1.25rem;margin:.75rem;padding:.375rem}.std-button:hover{cursor:pointer}.counter-container{width:35rem}.counter-container h1{font-size:1.875rem;font-weight:200}.counter-container span{font-weight:700}@media(max-width:767px){.counter-container{width:20rem}}.search-container .search-button,.std-button{border:1px solid #000;font-family:Verdana;font-size:1.25rem;margin:.75rem;padding:.375rem}.search-container .search-button:hover,.std-button:hover{cursor:pointer}.search-container input,.std-input{border:1px solid #000;font-family:Verdana;font-size:1.25rem;height:2.03125rem;text-align:center}.search-container{align-items:center;display:flex;flex-direction:row;justify-content:center;width:35rem}.search-container input{margin-left:0;width:75%}.search-container .search-button{align-items:center;display:flex;flex-direction:row;height:2.03125rem;justify-content:center;margin-right:0;width:25%}@media(max-width:767px){.search-container{width:20rem}}.list-container h2{border-bottom:1px solid #000;color:#00000080;font-size:1.25rem;font-weight:700;margin-bottom:0;padding:.5rem 0;position:relative;width:17.5rem}.list-container h2:hover{color:#000;cursor:pointer}.list-container li{list-style:none}.list-container .highlighted-tab{background-color:#eee;border:1px solid #000;border-bottom:none;color:#000}.list-container .highlighted-tab:after{background:#eee;bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.list-container .tabs{flex-direction:row}.list-container .tabs,.list-container .todos-box{align-items:center;display:flex;justify-content:center;width:35rem}.list-container .todos-box{background-color:#eee;border:1px solid #000;border-top:none;flex-direction:column;margin:0 auto;padding:1rem}@media(max-width:767px){.list-container h2{width:10rem}.list-container .tabs,.list-container .todos-box{width:20rem}}.todo-item-container{border-bottom:.125rem solid #00000040;flex-direction:column;padding:.5rem 0}.todo-item-container,.todo-item-container li{align-items:center;display:flex;justify-content:center}.todo-item-container li{flex-direction:row;justify-content:space-evenly;list-style-type:none;max-width:35rem;transition:background-color .375s ease-in-out}.todo-item-container p{width:22.75rem;word-wrap:break-word;margin:.5rem 2.5rem}.todo-item-container span{font-weight:700}.todo-item-container .check:hover{color:green;cursor:pointer}.todo-item-container .delete:hover{color:red;cursor:pointer}.todo-item-container .double-clicked{background-color:#ddd}@media(max-width:767px){.todo-item-container li{max-width:20rem}.todo-item-container p{margin:.125rem .5rem;width:13rem}}.add-todo-button,.std-button{border:1px solid #000;font-family:Verdana;font-size:1.25rem;margin:.75rem;padding:.375rem}.add-todo-button:hover,.std-button:hover{cursor:pointer}.add-todo-button{margin-bottom:0;width:3.75rem}.modal-container .modal button,.std-button{border:1px solid #000;font-family:Verdana;font-size:1.25rem;margin:.75rem;padding:.375rem}.modal-container .modal button:hover,.std-button:hover{cursor:pointer}.modal-container{align-items:center;backdrop-filter:blur(.125rem);display:flex;flex-direction:row;height:100vh;justify-content:center;opacity:0;position:absolute;top:0;transform:scale(.5);transition:opacity .25s ease-in-out,transform .25s ease-in-out;width:100vw}.modal-container.open{opacity:1;transform:scale(1)}.modal-container.closing{pointer-events:none}.modal-container .modal{align-items:center;background-color:#eee;border:1px solid #000;display:flex;flex-direction:column;font-family:Verdana;justify-content:center;max-width:35rem;padding:.5rem;position:absolute}.modal-container .modal .modal-button-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.modal-container .modal legend{font-size:1.25rem;margin:.25rem;text-align:center}.modal-container .modal textarea{border:1px solid #000;display:block;font-size:1.25rem;height:10rem;letter-spacing:.01rem;margin:.5rem auto;resize:none;width:31.5rem}@media(max-width:767px){.modal-container{align-items:flex-start}.modal-container .modal{margin-top:3.75rem;max-width:20rem}.modal-container .modal textarea{width:18rem}}.app-container{align-items:center;background-color:#ddd;border:.125rem solid #000;display:flex;flex-direction:column;font-family:Verdana;justify-content:center;justify-content:flex-start;min-height:100vh;min-width:39.375rem;text-align:center;width:100vw}@media(max-width:767px){.app-container{min-width:22.5rem;overflow-x:hidden}}.logout-button,.std-button{border:1px solid #000;font-family:Verdana;font-size:1.25rem;margin:.75rem;padding:.375rem}.logout-button:hover,.std-button:hover{cursor:pointer}.std-input{border:1px solid #000;font-family:Verdana;font-size:1.25rem;height:2.03125rem;text-align:center}body,html{margin:0;padding:0}*{box-sizing:border-box;user-select:none}.app-container,.login{align-items:center;background-color:#ddd;border:.125rem solid #000;display:flex;flex-direction:column;font-family:Verdana;justify-content:center;justify-content:flex-start;min-height:100vh;min-width:39.375rem;text-align:center;width:100vw}@media(max-width:767px){.app-container,.login{min-width:22.5rem;overflow-x:hidden}}.login button,.std-button{border:1px solid #000;font-family:Verdana;font-size:1.25rem;margin:.75rem;padding:.375rem}.login button:hover,.std-button:hover{cursor:pointer}.login input,.std-input{border:1px solid #000;font-family:Verdana;font-size:1.25rem;height:2.03125rem;text-align:center}.login h1{color:#000;font-size:1.5625rem;font-weight:700;margin:1rem}.login .credential-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.login label{color:#000;display:block;font-size:1.25rem;margin:.5rem;text-align:center;width:7.5rem}.login input{max-width:15rem;min-width:7.5rem}.login .button-and-error-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.login .button-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}