body{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;margin:0}button{border:none;border-radius:10%;color:#fff;cursor:pointer;font-size:large;margin-bottom:2px;margin-left:5px}.form{align-items:center;display:flex;flex-direction:column;flex-direction:row;justify-content:center;justify-content:space-between;margin-bottom:20px}.form input{border:none;border-bottom:2px solid #e40613;border-radius:5px;color:#1e1e1e;font-family:monospace;font-size:20px;font-weight:500;outline:none;text-align:center;width:clamp(200px,400px,100%)}.form button{background-color:#940394}.form button:active{color:#e0e6e9}.item{align-items:center;border-bottom:1px solid #ccc;display:flex;flex-direction:column;flex-direction:row;font-size:large;justify-content:center;justify-content:space-between;overflow:hidden;padding:10px;transition:background-color .3s ease;width:280px}.item.completed{color:#7d7d7d;text-decoration:line-through}.item button{align-items:center;background-color:#a34ca3;display:flex;flex-direction:column;height:20px;justify-content:center;width:20px}.item button:hover{background-color:red}.context-menu{background:#fff;border:1px solid #ccc;margin:0;padding:0;position:absolute;z-index:1000}.context-menu ul{list-style:none;margin:10px;padding:0}.context-menu ul li{cursor:pointer;margin:5px 0;position:relative}.context-menu ul li:hover:after{background-color:#ccc;bottom:0;content:"";height:1.5px;left:0;position:absolute;right:0;transition:height .2s ease}.list{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style-type:none;padding:0}.filters{margin-top:20px}.filters button{color:#ccc;cursor:pointer;margin-right:10px;padding:10px}.filters button.active{background-color:#940394;color:#fff}.app{align-items:center;background-color:#df379a;border-radius:20px;box-shadow:4px 2px 2px 2px #993372;display:flex;flex-direction:column;justify-content:center;justify-content:start;margin-top:45px;min-height:86vh;width:400px}.app h1{background-color:#940394;border:solid;box-sizing:border-box;color:#fff;margin-bottom:60px;margin-top:10px;text-align:center;width:calc(100% + 30px)}@media(max-width:768px){.app{padding:10px;width:98%}.item{width:250px}.form{flex-direction:column}.form input{margin-bottom:10px}}
/*# sourceMappingURL=main.11500f57.css.map*/