*{box-sizing:border-box;font-family:monospace;margin:0;padding:0}body{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 100%),radial-gradient(ellipse at 80% 5%,#4c00ff 0,rgba(255,40,184,0) 30%),radial-gradient(ellipse at bottom left,#ff006a 0,rgba(98,190,255,.31) 60%),linear-gradient(135deg,rgba(18,46,119,0),rgba(18,46,119,0) 75%,#395eff),linear-gradient(82deg,#dff7ff,#74b5ff 27%,#88b8ff 74%,#82b3ff);background-blend-mode:screen,hue,color,overlay;background-repeat:no-repeat;height:100vh;overflow:hidden}.App{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.463);border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:flex;flex-direction:column;height:90vh;margin:5vh 25vw;min-height:80vh;padding:30px}.todo-input-wrapper{display:flex;height:10vh;justify-content:center;margin-top:40px}.todo-input-bar{border:1px solid #f1ecec;font-size:14px;outline:none;padding:8px;width:500px}.add-button,.todo-input-bar{border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.16);height:35px}.add-button{background-color:rgba(0,156,0,.745);border:none;color:#fff;cursor:pointer;font-size:20px;line-height:35px;margin-left:10px;text-align:center;width:35px}.add-button:hover{-webkit-transform:scale(1.03);transform:scale(1.03);transition:.3s ease-in-out}.todos-list{flex:1 1;font-size:16px;margin-top:30px;overflow-y:scroll}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-thumb{background:hsla(0,0%,50%,.584);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,40%,.831)}.todo{background:hsla(0,0%,100%,.537);border-radius:4px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);color:#fff;color:#404040;display:flex;justify-content:space-between;margin:5px 5px 7px;padding:10px;width:auto}.todo:hover{-webkit-transform:scale(1.005);transform:scale(1.005);transition:.1s ease}#todo-title{cursor:pointer;max-width:400px;overflow-wrap:break-word}#todo-title:hover{color:#74cb42}.complete{color:green;text-decoration:line-through}.delete{color:hsla(0,67%,74%,.395);cursor:pointer;font-size:20px;right:10px;top:10px}.delete:hover{-webkit-transform:scale(1.03);transform:scale(1.03);transition:.3s ease-in-out}.error-message{color:#fff;margin:0;text-shadow:2px 2px 3px red,0 2px 3px red}@media (max-width:750px){.App{display:flex;height:80vh;margin:5vh 10% 10%}.todo-input-wrapper{align-items:center;flex-direction:column;margin-top:10%}.todo-input-bar{flex:1 1;margin-bottom:.7rem;width:100%}}
/*# sourceMappingURL=main.73836555.css.map*/