@import url(https://fonts.googleapis.com/css2?family=Oleo+Script&family=Pinyon+Script&display=swap);*{box-sizing:border-box;font-family:Oleo Script,cursive;font-size:20px;margin:0;padding:0}body{background:linear-gradient(180deg,#fbd9b5,rgba(70,70,70,.3),#fbd9b5),url(https://images.unsplash.com/photo-1558066858-246fbbf9446f?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NTc4OTY3Mjk&ixlib=rb-1.2.1&q=80);background-repeat:repeat;background-size:100%;background-size:cover}.todo-app{background:#4e342e;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;margin:128px auto;min-height:600px;opacity:80%;padding-bottom:32px;text-align:center;width:75%}h1{display:inline-block;font-size:34px;margin:32px 0}.complete{opacity:.4;text-decoration:line-through}.todo-form{display:inline-block;margin:0 auto 32px;padding:0 auto 35px;width:90%}.todo-input{background:transparent;border:2px solid brown;border-radius:4px 0 0 4px;color:#000;outline:none;padding:14px 32px 14px 16px;width:50%}.todo-input::-webkit-input-placeholder{color:#000;display:inline-block}.todo-input::placeholder{color:#000;display:inline-block}@media screen and (max-width:420px){.todo-input::-webkit-input-placeholder{opacity:0}.todo-input::placeholder{opacity:0}h1{font-size:30px}}@media screen and (max-width:560px){.todo-input.edit{border-radius:4px 4px 0 0;width:192px}.todo-button.edit{border-radius:0 0 4px 4px}}.todo-button{background:brown;border:none;border-radius:0 4px 4px 0;color:#000;cursor:pointer;display:inline-block;outline:none;padding:16px;text-transform:capitalize}.todo-input.edit{border:2px solid brown}.todo-button.edit{background:sepia;padding:16px 22px}.todo-container{display:flex;flex-direction:row;position:relative}.todo-row{align-items:center;background:#795548;border-radius:5px;color:#000;display:flex;justify-content:space-between;margin:4px auto;padding:16px;width:90%}p{padding-right:20px;text-align:left;word-break:break-all}.icons{align-items:center;cursor:pointer;display:flex;font-size:24px;margin-top:8px}.delete-icon,.edit-icon{color:brown}.edit-icon{margin-right:8px}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#000;border-radius:6px;color:#fff;left:50%;margin-left:-72.5px;opacity:50%;padding:5px 2px;position:absolute;text-align:center;top:150%;visibility:hidden;width:130px;z-index:1}.tooltip .tooltiptext:after{border:5px solid transparent;border-bottom-color:#000;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}#delete-with-fire{margin-left:-66px}.tooltip:hover .tooltiptext{visibility:visible}
/*# sourceMappingURL=main.f5245d64.css.map*/