header{height:70px;width:100%;background-color:#87ceeb;justify-content:center;align-items:center;display:flex}.logo{color:#00f;border:5px solid #fff;border-radius:20px;margin:0 50px;padding:10px;font-size:30px;font-weight:700;position:relative;left:30px}.inner{width:80%;height:max-content;position:relative}.inner input.text{height:30px;width:400px;border-radius:5px;font-weight:700}.inner button.add{color:#00f;height:30px;width:60px;cursor:pointer;background-color:#fff;border:0;border-radius:5px;font-weight:700;box-shadow:2px 2px 3px #ffffffb3}.inner button.add:hover{background-color:#fffc;box-shadow:3px 3px 4px #ffffff80}main{width:100%;justify-content:center;align-items:center;display:flex;position:relative}main .item{width:100%;background-color:#87ceeb;border:3px solid #00f;border-radius:20px;flex-wrap:nowrap;justify-content:space-around;align-items:center;margin:10px auto;padding:30px 10px;display:flex}main .item.checked{background-color:#ff9696;border:3px solid red}main .item .name{width:500px;margin:5px}main .item.checked .name{text-decoration:line-through}.createlist,.updatelist{width:max-content;display:block}.create,.update{margin:0 5px}button.delete{width:30px;height:30px;background-color:#fff;background-image:url(61155.2330a6b1.png);background-repeat:no-repeat;background-size:contain;border:3px solid #00f;border-radius:5px}main .item.checked button.delete{border:3px solid red}
/*# sourceMappingURL=index.3d28acc9.css.map */