body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eee;font-family:Ubuntu,sans-serif;letter-spacing:2px;margin:0;scrollbar-width:none;-webkit-user-select:none;user-select:none}.wrapper{overflow-x:hidden}::-webkit-scrollbar{display:none;scroll-snap-type:y mandatory}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;transition:1s linear}.app .wrapper{display:flex;justify-content:space-between}@media(max-width:768px){.app .wrapper{flex-direction:column}}.app .wrapper .svg{height:35rem;margin-right:4rem;margin-top:4rem;width:35rem}@media(max-width:768px){.app .wrapper .svg{align-self:center;height:20rem;justify-content:center;margin-right:0;width:20rem}}.app .wrapper .todo{align-items:center;align-self:center;background-color:#393e46;border:3px solid #222831;border-radius:40px;color:#eee;display:flex;flex-direction:column;justify-content:center;margin-bottom:4rem;margin-top:5rem;padding:5rem 5rem 2rem}@media(max-width:768px){.app .wrapper .todo{height:25rem;padding:2rem;width:20rem}}.backdrop{background:rgba(0,0,0,.7);height:100%;justify-content:center;left:0;top:0;width:100%;z-index:4}.backdrop,.modal{align-items:center;display:flex;position:fixed}.modal{background-color:#eee;border-radius:15px;color:#222831;flex-direction:column;height:min(45%,45rem);width:clamp(40%,30rem,90%)}@media(max-width:768px){.modal{height:min(50%,30rem);width:clamp(40%,25rem,90%)}}button{background:#00adb5;border:3px solid #000;border-radius:.4em;box-shadow:.1em .1em;color:#000;font-family:inherit;font-size:18px;font-weight:900;padding:.6em 1.3em}button,button:hover{-webkit-appearance:none}button:hover{box-shadow:.15em .15em;-webkit-transform:translate(-.05em,-.05em);transform:translate(-.05em,-.05em)}button:active{-webkit-appearance:none;box-shadow:.05em .05em;-webkit-transform:translate(.05em,.05em);transform:translate(.05em,.05em)}.cross{color:red;margin-left:auto;margin-top:1rem;-webkit-transform:scale(1.5);transform:scale(1.5)}.cross:hover{color:#ff4242;-webkit-transform:scale(1.7);transform:scale(1.7)}h1{margin-top:3rem;text-align:center}h2{margin:0}input[type=checkbox]{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.checkbox{background:#fff;border:2px solid #ddd;border-radius:20px;display:inline-block;height:20px;margin-left:1rem;width:20px}li{align-items:center;background-color:#222831;border-radius:15px;display:flex;font-weight:600;justify-content:space-between;list-style-type:none;margin-top:1rem;width:23rem}li:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}li .trash{color:red}li .trash:hover{color:#ff4242;-webkit-transform:scale(1.1);transform:scale(1.1)}ul{list-style-type:none;margin-right:2.5rem;padding-bottom:3rem;text-align:center}input{border:3px solid;border-radius:15px;box-sizing:border-box;font-family:Ubuntu,sans-serif;font-size:18px;height:3rem;letter-spacing:2px;margin:2rem;outline:none;padding:10px;width:22.5rem}input:focus,input:hover{border:3px solid #00adb5}.icon{color:#00adb5;cursor:pointer;margin-bottom:2rem;margin-top:4rem;-webkit-transform:scale(2);transform:scale(2);transition:2s linear}.text{text-align:center}@media(max-width:768px){.text{font-size:20px}}.date{margin-bottom:2rem;margin-top:1rem}
/*# sourceMappingURL=main.193fcf56.css.map*/