.inputContaint{margin:20px auto 0;width:80%;position:fixed;left:50%;transform:translate3d(-50%,0,0);display:flex;flex-direction:column}#myinput{box-sizing:border-box;color:grey;height:60px;line-height:60px;padding:0 20px;font-size:30px;text-align:center;outline:none;border-radius:10px;border:1px solid grey}.btns{bottom:0;right:0;display:flex;flex-direction:row;height:100%;justify-content:right;z-index:1;margin-right:10px}.btn,.btns>span{color:hsla(0,0%,78.4%,.8);padding:3px 5px}.btn{cursor:pointer;transition:color 1s}.btn:hover{color:#fff}::-webkit-input-placeholder{color:#ddd}::-moz-placeholder{color:#ddd}:-ms-input-placeholder{color:#ddd}.itemContainer{margin:107px auto 10px;height:calc(100% - 117px);width:80%;overflow:auto}ul{list-style-type:none;display:flex;text-align:left;flex-direction:column}li{font-size:25px;color:#fff;cursor:pointer;width:calc(100% - 8px);padding:0 20px;margin:3px auto;box-sizing:border-box;transition:.5s}.doneListUl li,.listUl li:hover{text-decoration:line-through}.doneListUl li{color:hsla(0,0%,78.4%,.8)}.doneListUl li:hover{color:#fff}li:hover{background-color:rgba(80,80,80,.1)}.title{font-size:20px;color:#fff;font-weight:bolder;text-align:center;letter-spacing:5px;padding:0 20px 5px}
/*# sourceMappingURL=main.fe03875d.chunk.css.map */