@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);*{box-sizing:border-box;font-family:Lobster,cursive;margin:0;padding:0}html{font-size:62.5%}#root{flex-direction:column}#root,.main-div{display:flex;min-height:100vh}.main-div{background:linear-gradient(90deg,#833ab4,#fd1d1d 53%,#fcb045);justify-content:center}.child-div{margin-top:6rem;text-align:center}.child-div figure img{border-radius:50%;height:14rem;width:14rem}.child-div figure figcaption{color:#fff;font-size:2.2rem;padding-top:1.5rem;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:#3a3939;font-size:1.8rem;font-weight:600;height:3.4rem;line-height:1.42857143;margin-top:1.9rem;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}.fa-plus:before{content:"\f067";font-size:1.5rem}.showItems{margin-top:3rem;text-align:center}.eachItem{align-items:center;background:#fff;background:linear-gradient(90deg,#020024,#09107d 38%,#00d4ff);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:#6b6385}.showItems .eachItem h3{color:#fff;font-size:1.8rem;font-weight:500;letter-spacing:.2rem;padding-left:1rem}.fa-edit,.fa-trash-alt{color:#fbfbfb;cursor:pointer;font-size:2rem;pointer-events:auto;transition:color .15s linear;z-index:10}.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{cursor:pointer;font-family:Source Sans Pro,sans-serif;font-size:14px;letter-spacing:.1em;line-height:30px;margin-bottom:10px;max-width:150px;position:relative;text-transform:uppercase;width:100%}.btn,.btn:hover{font-weight:600;text-decoration:none}.btn:hover{background:linear-gradient(90deg,#020024,#090979 35%,#00d4ff);color:#fff}.effect04{--uismLinkDisplay:var(--smLinkDisplay,inline-flex);color:#000;display:var(--uismLinkDisplay);outline:2px solid #000;overflow:hidden;position:relative;transition-duration:.4s}.effect04 span,.effect04:before{margin:0 auto;transition-duration:.4s;transition-timing-function:cubic-bezier(.86,0,.07,1)}.effect04:hover{background-color:#5529dc}.effect04:hover span{-webkit-transform:translateY(-400%) scale(-.1,20);transform:translateY(-400%) scale(-.1,20)}.effect04:before{color:#fff;content:attr(data-sm-link-text);left:0;margin:auto;position:absolute;right:0;-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)}footer{background:linear-gradient(90deg,#020024,#090979 35%,#00d4ff);height:3rem;margin-top:auto;width:100%}footer p{color:#fff;font-size:20px;font-weight:500;text-align:center}@media screen and (max-width:768px){.eachItem,input{min-width:30rem}}
/*# sourceMappingURL=main.3071006a.css.map*/