@import"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;-webkit-box-shadow:inset 0 .1rem .1rem rgb(0 0 0 / 8%);box-shadow:inset 0 .1rem .1rem #00000014;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}input,input:focus,input:active,input:active:focus{border:none;padding:2.3rem 1.5rem;outline:none}input{-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .2s linear;transition:all .2s linear}input:focus{-webkit-box-shadow:0 0 1.5rem rgba(0,0,0,.2);box-shadow:0 0 1.5rem #0003}.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;-webkit-transition:color .15s linear;transition:color .15s linear;font-size:2rem}.fa:hover{color:#2fd67a}.fa-plus:before{content:"";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:rgb(85,41,220);display:flex;justify-content:space-between;align-items:center}.eachItem:hover{background:rgb(249,249,252);color:#5529dc}.showItems .eachItem h3{padding-left:1rem;font-size:1.6rem;color:#fff}.fa-trash-alt,.fa-edit{cursor:pointer;pointer-events:auto;z-index:10;color:#fbfbfb;-webkit-transition:color .15s linear;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-decoration:none;text-transform:uppercase;width:100%}.btn:hover{text-decoration:none}.effect04{--uismLinkDisplay: var(--smLinkDisplay, inline-flex);display:var(--uismLinkDisplay);color:#000;outline:solid 2px #000;position:relative;transition-duration:.4s;overflow:hidden}.effect04:before,.effect04 span{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,1);transform:translateY(0) scale(1)}