@import url(https://fonts.googleapis.com/css?family=Roboto);body,html{width:100%;height:100%;margin:0;padding:0}body{background-color:#ffe0a3}div,h1,h2,h3,h4,h5,h6,p,span{color:navy;font-family:"Roboto",sans-serif}.App{font-family:sans-serif;text-align:center;padding:0 36px;max-width:665px;margin:0 auto}h1{color:#fff;text-shadow:2px 2px #a9a9a9;display:flex;justify-content:center;align-items:center}h2{color:grey}h2,h3{font-size:1em}h3{color:#fff;text-shadow:1px 1px #daa520}.todo-list{display:flex;flex-flow:row wrap;justify-content:space-between;width:100%;margin:0 auto}.item{position:relative;background-color:#b7fbff;width:45%;text-align:center;margin:4px 0;padding-left:8px;cursor:pointer}.item:before{content:"";position:absolute;top:0;right:0;border-color:#ffe0a3 #ffe0a3 #86d3ff #86d3ff;border-style:solid;border-width:0 16px 16px 0;background:#ffe0a3}.item.completed{background-color:#fff6be;text-decoration:line-through}.item.completed:before{content:"";position:absolute;top:0;right:0;border-color:#ffe0a3 #ffe0a3 #ffd382 #ffd382;border-style:solid;border-width:0 16px 16px 0;background:#ffe0a3}form{width:100%;display:flex;justify-items:flex-end}form>input{background-color:#fff6be;border:0;padding:5px 7.5%;font-size:1rem;width:80%;outline:0;color:#a9a9a9;border-bottom:1px solid #ffa1ac;margin-right:8px}input::-webkit-input-placeholder{color:#ffa1ac;opacity:1}input:-ms-input-placeholder{color:#ffa1ac;opacity:1}input::-ms-input-placeholder{color:#ffa1ac;opacity:1}input::placeholder{color:#ffa1ac;opacity:1}button{background-color:#ffa1ac;border:1px solid #fff;color:#fff;font-size:16px;padding:6px 14px}#clear{margin-top:2.5%}.tips{display:flex;flex-flow:column wrap;width:50%;margin:10% auto}.tips span{font-size:.8em}
/*# sourceMappingURL=main.dbeb1e81.chunk.css.map */