@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Source Sans Pro",sans-serif}html{font-size:62.5%}.main-div{min-height:100vh;background:#060822;display:flex;justify-content:center}.child-div{text-align:center;margin-top:12rem}.child-div figure img{width:10rem;height:8rem}.child-div figure figcaption{color:#fff;font-size:2.2rem;padding-top:2rem;text-transform:capitalize}input{min-width:40rem;height:3.4rem;padding:2rem 1.2rem;font-size:1.8rem;line-height:1.42857143;margin-top:2rem;color:#3a3939;background-color:#fff;background-image:none;border:.1rem solid #ccc;border-radius:.4rem;box-shadow:inset 0 .1rem .1rem rgb(0 0 0/8%);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input,input:active,input:active:focus,input:focus{border:none;padding:2.3rem 1.5rem;outline:none}input{box-shadow:none;transition:all .2s linear}input:focus{box-shadow:0 0 1.5rem rgba(0,0,0,.2)}.todo-btn{width:5rem;display:flex;justify-content:space-around}.fa{margin-left:-2.5rem;cursor:pointer;pointer-events:auto;z-index:10;background-color:#fff;background-image:none;color:#666;transition:color .15s linear;font-size:2rem}.fa:hover{color:#2fd67a}.fa-plus:before{content:"\f067";font-size:1.5rem}.showItems{margin-top:3rem;text-align:center}.eachItem{background:#fff;padding:1.2rem 1rem;border-radius:.5rem;margin-bottom:.7rem;margin-left:1rem;min-width:40rem;word-break:break-word;background:#5529dc;display:flex;justify-content:space-between;align-items:center}.eachItem:hover{background:#f9f9fc;color:#5529dc}.showItems .eachItem h3{padding-left:1rem;font-size:1.6rem;color:#fff}.fa-edit,.fa-trash-alt{cursor:pointer;pointer-events:auto;z-index:10;color:#fbfbfb;transition:color .15s linear;font-size:2rem}.addItems .fa-edit{color:#2fd67a}.fa-edit{margin-left:-3.5rem}.eachItem:hover .fa-trash-alt{color:#d62f3d}.eachItem:hover .fa-edit{color:#64d62f}.eachItem:hover h3{color:#5529dc}.btn{letter-spacing:.1em;cursor:pointer;font-size:14px;font-weight:400;line-height:45px;max-width:160px;position:relative;text-transform:uppercase;width:100%}.btn,.btn:hover{text-decoration:none}.effect04{--uismLinkDisplay:var(--smLinkDisplay,inline-flex);display:var(--uismLinkDisplay);color:#000;outline:2px solid #000;position:relative;transition-duration:.4s;overflow:hidden}.effect04 span,.effect04:before{margin:0 auto;transition-timing-function:cubic-bezier(.86,0,.07,1);transition-duration:.4s}.effect04:hover{background-color:#5529dc}.effect04:hover span{-webkit-transform:translateY(-400%) scale(-.1,20);transform:translateY(-400%) scale(-.1,20)}.effect04:before{content:attr(data-sm-link-text);color:#fff;position:absolute;left:0;right:0;margin:auto;-webkit-transform:translateY(500%) scale(-.1,20);transform:translateY(500%) scale(-.1,20)}.effect04:hover:before{letter-spacing:.05em;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}
/*# sourceMappingURL=main.a8b77821.chunk.css.map */