@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&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}*{box-sizing:border-box;font-family:Source Sans Pro,sans-serif;margin:0;padding:0}html{font-size:62.5%}.wrapper{background:#0ca7df;display:flex;justify-content:center;min-height:100vh}.container{margin-top:12rem;text-align:center}.container figure img{height:8rem;width:10rem}.container figure figcaption{color:#000;font-size:2rem;padding-top:2rem;text-transform:capitalize}input{background-color:#fff;background-image:none;border:.1rem solid #ccc;border-radius:.4rem;box-shadow:inset 0 .1rem .1rem rgb(0 0 0/8%);color:#000;font-size:1.8rem;height:3.4rem;line-height:1.42857143;margin-top:2rem;min-width:40rem;padding:2rem 1.2rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input,input:active,input:active:focus,input:focus{border:none;outline:none;padding:2.3rem 1.5rem}input{box-shadow:none;transition:all .2s linear}input:focus{box-shadow:0 0 1.5rem rgba(0,0,0,.2)}.todo-btn{display:flex;justify-content:space-around;width:5rem}.fa{background-color:#fff;background-image:none;color:#666;cursor:pointer;font-size:2rem;margin-left:-2.5rem;pointer-events:auto;transition:color .15s linear;z-index:10}.fa:hover{color:#2fd67a}.showItems{margin-top:3rem;text-align:center}.eachItem{align-items:center;background:#5529dc;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.7rem;margin-left:1rem;min-width:40rem;padding:1.2rem 1rem;word-break:break-word}.eachItem:hover{background:#f9f9fc;color:#5529dc}.showItems .eachItem h3{color:#fff;font-size:1.6rem;padding-left:1rem}.delBtn,.editBtn{background-color:#0cdf84;border-radius:15px;color:#000;cursor:pointer;font-size:2rem;height:25px;pointer-events:auto;transition:color .15s linear;width:45px;z-index:10}.editBtn{margin-left:-3.5rem}.eachItem:hover .delBtn{background-color:#d62f3d}.eachItem:hover .editBtn{background-color:#64d62f}.eachItem:hover h3{background-color:#fff;color:#5529dc}.btn{cursor:pointer;font-size:14px;font-weight:400;letter-spacing:.1em;line-height:45px;max-width:160px;position:relative;text-decoration:none;text-transform:uppercase;width:100%}.btn:hover{background-color:green;border:none;font-size:16px;transition:all .5s}
/*# sourceMappingURL=main.ea32c0fa.css.map*/