@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Poppins,sans-serif;margin:0;padding:0}.main-container{height:100vh;justify-content:center;width:100vw}.container,.main-container{align-items:center;background:#5fb9f2;display:flex}.container{border-radius:24px;box-shadow:9px 9px 18px #519dce,-9px -9px 18px #6dd5ff;flex-direction:column;justify-content:flex-start;min-height:680px;width:450px}.title{font-size:40px;margin:30px 0}.List{background:#5fb9f2;border-radius:24px;box-shadow:inset 9px 9px 18px #519dce,inset -9px -9px 18px #6dd5ff;display:flex;justify-content:flex-start;margin-bottom:50px;margin-top:40px;min-height:350px;width:350px}ul{list-style:none;padding:0 .25rem .25rem;width:100%}ul li:before{content:"\200B"}.list-items{padding:20px}.item{align-items:center;display:flex;justify-content:flex-start}.item:first-child{margin:0}.item input[type=checkbox]{cursor:pointer;height:2.5rem;height:48px;margin-right:.5rem;min-height:48px;min-width:20px;text-align:center}.item>label{flex-grow:1;font-size:15px}.item svg{color:#4682b4;cursor:pointer;font-size:1rem;height:36px;margin-right:10px;min-width:25px}.item svg:focus,.item svg:hover{color:red;outline:none}.msg-box{align-items:flex-start;display:flex;justify-content:center;margin-top:50px;width:100%}.msg{font-size:20px}.SearchBar{background:linear-gradient(145deg,#56a7da,#66c6ff);box-shadow:9px 9px 18px #519dce,-9px -9px 18px #6dd5ff;font-size:20px;height:50px;outline:none;padding-left:20px;width:330px}.SearchBar,.SearchBar:focus{border:none;border-radius:24px}.SearchBar:focus{box-shadow:inset 9px 9px 18px #519dce,inset -9px -9px 18px #6dd5ff}.Input-container{position:relative}.searchBtn{background:transparent;border:none;font-size:30px;position:absolute;right:10px;top:10px}.addItemBar{background:linear-gradient(145deg,#56a7da,#66c6ff);box-shadow:9px 9px 18px #519dce,-9px -9px 18px #6dd5ff;font-size:20px;height:50px;margin-bottom:20px;outline:none;padding-left:20px;width:330px}.addItemBar,.addItemBar:focus{border:none;border-radius:24px}.addItemBar:focus{box-shadow:inset 9px 9px 18px #519dce,inset -9px -9px 18px #6dd5ff}.addBtn{background:transparent;background:linear-gradient(145deg,#66c6ff,#56a7da);border:none;border-bottom-right-radius:24px;border-top-right-radius:24px;font-size:18px;height:50px;padding:10px;position:absolute;right:0;top:0;transition:all 3s ease-in-out}.addBtn,.addBtn:active{box-shadow:5px 5px 10px #4689b3,-5px -5px 10px #78e9ff}.addBtn:active{background:linear-gradient(145deg,#56a7da,#66c6ff)}
/*# sourceMappingURL=main.8e8c2602.css.map*/