@import url(https://fonts.cdnfonts.com/css/minecraft-4);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--dark-sage:#4a5d45;--medium-sage:#5f7259;--light-sage:#8fa084;--very-light-sage:#e8ede6;--forest-green:#2d3b2a;--earth-brown:#3d2b1f}.todo-container{background-color:#e8ede6;background-color:var(--very-light-sage);border:2px solid #4a5d45;border:2px solid var(--dark-sage);border-radius:15px;box-shadow:0 8px 16px #2d3b2a26;image-rendering:pixelated;margin:2rem auto;max-width:600px;padding:2rem}.todo-header{color:#2d3b2a;color:var(--forest-green);margin-bottom:2rem;text-align:center}.todo-header h1{overflow:visible;position:relative}.subtitle{color:#5f7259;color:var(--medium-sage);font-family:Minecraft,sans-serif;font-size:1rem;letter-spacing:1px;margin-top:.5rem}.todo-form{display:flex;gap:1rem;margin-bottom:2rem}.todo-input{background-color:#e8ede6;background-color:var(--very-light-sage);border:2px solid #4a5d45;border:2px solid var(--dark-sage);border-radius:0;box-shadow:inset 3px 3px 0 #0000001a;color:#2d3b2a;color:var(--forest-green);flex:1 1;font-family:Minecraft,sans-serif;font-size:1rem;padding:.8rem}.todo-input::placeholder{color:#5f7259;color:var(--medium-sage);opacity:.7}.todo-input:focus{border-color:#2d3b2a;border-color:var(--forest-green);box-shadow:inset 3px 3px 0 #0003;outline:none}.add-button{background-color:#4a5d45;background-color:var(--dark-sage);border:2px solid #2d3b2a;border:2px solid var(--forest-green);border-radius:0;box-shadow:3px 3px 0 #2d3b2a;box-shadow:3px 3px 0 var(--forest-green);color:#e8ede6;color:var(--very-light-sage);cursor:pointer;font-family:Minecraft,sans-serif;font-size:.9rem;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .1s}.add-button:hover{background-color:#2d3b2a;background-color:var(--forest-green);box-shadow:1px 1px 0 #2d3b2a;box-shadow:1px 1px 0 var(--forest-green);transform:translate(2px,2px)}.todo-list{display:flex;flex-direction:column;gap:.8rem}.todo-item{align-items:center;background-color:#e8ede6;background-color:var(--very-light-sage);border:2px solid #4a5d45;border:2px solid var(--dark-sage);border-radius:0;box-shadow:3px 3px 0 #2d3b2a;box-shadow:3px 3px 0 var(--forest-green);display:flex;justify-content:space-between;padding:1rem;transition:all .1s}.todo-item:hover{box-shadow:1px 1px 0 #2d3b2a;box-shadow:1px 1px 0 var(--forest-green);transform:translate(2px,2px)}.todo-item.completed{border-color:#5f7259;border-color:var(--medium-sage);box-shadow:1px 1px 0 #5f7259;box-shadow:1px 1px 0 var(--medium-sage);opacity:.8;text-decoration:none;transform:translate(2px,2px)}.todo-info{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;text-align:left}.todo-content{align-items:flex-start;display:flex;gap:1.2rem;padding:.2rem 0;width:100%}.todo-checkbox{-webkit-appearance:none;appearance:none;background-color:#e8ede6;background-color:var(--very-light-sage);border:2px solid #4a5d45;border:2px solid var(--dark-sage);border-radius:0;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:all .1s;width:20px}.todo-checkbox:checked{background-color:#4a5d45;background-color:var(--dark-sage);border-color:#2d3b2a;border-color:var(--forest-green)}.todo-checkbox:checked:after{color:#e8ede6;color:var(--very-light-sage);content:"✔";font-family:Minecraft,sans-serif;font-size:14px;left:2px;position:absolute;top:-1px}.todo-text{color:#2d3b2a;color:var(--forest-green);font-family:Minecraft,sans-serif;font-size:1.3rem;letter-spacing:.5px;line-height:1.4;text-align:left;word-break:break-word}.completed .todo-text{color:#5f7259;color:var(--medium-sage);text-decoration:line-through}.delete-button{background:none;border:2px solid #4a5d45;border:2px solid var(--dark-sage);border-radius:0;box-shadow:2px 2px 0 #2d3b2a;box-shadow:2px 2px 0 var(--forest-green);color:#4a5d45;color:var(--dark-sage);cursor:pointer;font-family:Minecraft,sans-serif;font-size:1.2rem;padding:.2rem .5rem;transition:all .1s}.delete-button:hover{background-color:#d64545;border-color:#aa3636;box-shadow:1px 1px 0 #aa3636;color:#e8ede6;color:var(--very-light-sage);transform:translate(1px,1px)}body{background-color:#8fa084;background-color:var(--light-sage);background-image:linear-gradient(45deg,#5f7259 25%,#0000 0,#0000 75%,#5f7259 0),linear-gradient(45deg,#5f7259 25%,#0000 0,#0000 75%,#5f7259 0);background-image:linear-gradient(45deg,var(--medium-sage) 25%,#0000 25%,#0000 75%,var(--medium-sage) 75%),linear-gradient(45deg,var(--medium-sage) 25%,#0000 25%,#0000 75%,var(--medium-sage) 75%);background-position:0 0,16px 16px;background-size:32px 32px;image-rendering:pixelated;margin:0;min-height:100vh;padding:20px}.current-time,body{font-family:Minecraft,sans-serif}.current-time{background-color:#e8ede6;background-color:var(--very-light-sage);border:2px solid #4a5d45;border:2px solid var(--dark-sage);box-shadow:3px 3px 0 #2d3b2a;box-shadow:3px 3px 0 var(--forest-green);color:#2d3b2a;color:var(--forest-green);display:inline-block;font-size:1rem;margin-top:1rem;padding:.5rem}.todo-timestamp{color:#5f7259;color:var(--medium-sage);font-family:Minecraft,sans-serif;font-size:.8rem}.completed .todo-timestamp{color:#5f7259;color:var(--medium-sage);opacity:.7}.left-decor,.right-decor{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:80px}.tree{font-size:2.2rem}.left-decor .tree{left:0}.right-decor .tree{right:0}@keyframes floatLeftSide{0%{opacity:0;transform:translateY(20px) rotate(0deg)}25%{opacity:1;transform:translate(15px) rotate(15deg)}50%{opacity:1;transform:translate(-5px,-10px) rotate(-10deg)}75%{opacity:1;transform:translate(10px,-20px) rotate(15deg)}to{opacity:0;transform:translateY(-40px) rotate(0deg)}}@keyframes floatRightSide{0%{opacity:0;transform:translateY(-40px) rotate(0deg)}25%{opacity:1;transform:translate(-15px,-20px) rotate(-15deg)}50%{opacity:1;transform:translate(5px,-10px) rotate(10deg)}75%{opacity:1;transform:translate(-10px) rotate(-15deg)}to{opacity:0;transform:translateY(20px) rotate(0deg)}}.leaf{animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;display:inline-block;font-size:1.8rem;position:absolute;transform-origin:center}.left-decor .leaf{animation-name:floatLeftSide;left:35px}.right-decor .leaf{animation-name:floatRightSide;right:35px}.left-leaf{animation-delay:0s}.left-leaf-2{animation-delay:2.5s}.right-leaf{animation-delay:1.25s}.right-leaf-2{animation-delay:3.75s}@keyframes moveAcross{0%{left:-30px;opacity:0;transform:rotate(0deg)}10%{left:-15px;opacity:.5;transform:rotate(15deg)}20%{left:0;opacity:1;transform:rotate(30deg)}35%{left:25%;opacity:1;transform:rotate(60deg)}50%{left:50%;opacity:1;transform:rotate(90deg)}65%{left:75%;opacity:1;transform:rotate(120deg)}80%{left:calc(100% - 30px);opacity:1;transform:rotate(150deg)}90%{left:calc(100% - 15px);opacity:.5;transform:rotate(165deg)}to{left:100%;opacity:0;transform:rotate(180deg)}}.title-container{display:inline-block;min-height:100px;overflow:visible;padding:0 30px;position:relative}.moving-leaf{animation:fallingLeaf 5s cubic-bezier(.4,0,.2,1) infinite;font-size:1.8rem;position:absolute}@keyframes fallingLeaf{0%{left:10%;opacity:0;top:-30px;transform:rotate(0deg)}10%{left:15%;opacity:1;top:0;transform:rotate(15deg)}25%{left:25%;opacity:1;top:25%;transform:rotate(-10deg)}40%{left:35%;opacity:1;top:40%;transform:rotate(20deg)}55%{left:45%;opacity:1;top:55%;transform:rotate(-15deg)}70%{left:55%;opacity:1;top:70%;transform:rotate(25deg)}85%{left:65%;opacity:1;top:85%;transform:rotate(-20deg)}95%{left:75%;opacity:.5;top:95%;transform:rotate(10deg)}to{left:80%;opacity:0;top:100%;transform:rotate(0deg)}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#e8ede6;background-color:var(--very-light-sage);border:2px solid #4a5d45;border:2px solid var(--dark-sage);border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;text-align:center;width:90%}.modal-content h2{color:#2d3b2a;color:var(--forest-green);font-size:1.5rem}.modal-content h2,.modal-content p{font-family:Minecraft,sans-serif;margin-bottom:1rem}.modal-content p{color:#4a5d45;color:var(--dark-sage)}.modal-content .task-text{color:#2d3b2a;color:var(--forest-green);font-style:italic;font-weight:700;margin:1rem 0;word-break:break-word}.modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.modal-buttons button{border:none;border-radius:4px;cursor:pointer;font-family:Minecraft,sans-serif;font-size:1rem;padding:.8rem 1.5rem;transition:all .2s}.cancel-button{background-color:#8fa084;background-color:var(--light-sage);border:2px solid #4a5d45!important;border:2px solid var(--dark-sage)!important;color:#2d3b2a;color:var(--forest-green)}.cancel-button:hover{background-color:#4a5d45;background-color:var(--dark-sage);color:#e8ede6;color:var(--very-light-sage)}.confirm-button{background-color:#ff6b6b;border:2px solid #d63939!important;color:#fff}.confirm-button:hover{background-color:#d63939}.title-container,.todo-header h1{text-align:center}.todo-header h1{color:#e8ede6;color:var(--very-light-sage);font-family:Minecraft,sans-serif;font-size:2.2rem;letter-spacing:1px;line-height:1.4;margin-bottom:.5rem;text-shadow:2px 2px 0 #2d3b2a,-2px -2px 0 #2d3b2a,2px -2px 0 #2d3b2a,-2px 2px 0 #2d3b2a;text-shadow:2px 2px 0 var(--forest-green),-2px -2px 0 var(--forest-green),2px -2px 0 var(--forest-green),-2px 2px 0 var(--forest-green)}.App{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:20px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0cca58c8.css.map*/