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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:10;padding:10}html{font-size:62.5%}.main{background:#060822;display:flex;justify-content:center;min-height:100vh}.child{margin-top:12rem;text-align:center}.child figure img{height:8rem;width:10rem}.child figure figcaption{color:#fff;font-family:Poppins;font-size:2.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:#3a3939;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-plus{color:#787879!important}.fa-plus:hover{color:#1bfcf5!important}.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-plus:before{content:"\f067";font-size:1.5rem}.showItems{margin-top:3rem;text-align:center}.eachItem{align-items:center;background:#fff;background:#5529dc;border-radius:.5rem;color:#fff;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:#fff;color:#5529dc}.showItems .eachItem h3{color:#fff;font-size:1.6rem;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-size:14px;font-weight:400;letter-spacing:.1em;line-height:45px;max-width:160px;position:relative;text-transform:uppercase;width:100%}.btn,.btn:hover{text-decoration:none}.effect{--uismLinkDisplay:var(--smLinkDisplay,inline-flex);color:#000;display:var(--uismLinkDisplay);outline:2px solid #000;overflow:hidden;position:relative;transition-duration:.4s}.effect span,.effect:before{margin:0 auto;transition-duration:.4s;transition-timing-function:cubic-bezier(.86,0,.07,1)}.effect:hover{background-color:#5529dc}.effect:hover span{-webkit-transform:translateY(-400%) scale(-.1,20);transform:translateY(-400%) scale(-.1,20)}.effect: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)}.effect:hover:before{letter-spacing:.05em;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.App-footer{align-items:center;color:#fff;height:80px}.footer-container{width:200px}.fa-github,.fa-globe,.fa-linkedin,.fa-youtube{font-size:24px;margin:0 10px}.App-footer{background-color:#000;border-top:1px solid #fff;box-shadow:0 -10px 20px 0 hsla(0,0%,100%,.1);display:flex;justify-content:center;padding:20px}.footer-container{align-items:center;display:flex;justify-content:space-between;width:300px}.fa{color:#fff;font-size:24px;transition:color .3s}.fa-github:hover{color:#28a745}.fa-youtube:hover{color:red}.fa-linkedin:hover{color:#0e76a8}.fa-globe:hover{color:purple}.border-glow{-webkit-animation:glow 1s ease-out infinite alternate;animation:glow 1s ease-out infinite alternate;border-color:#fff}@-webkit-keyframes glow{to{border-color:#fc0;box-shadow:0 0 10px #fc0}}@keyframes glow{to{border-color:#fc0;box-shadow:0 0 10px #fc0}}
/*# sourceMappingURL=main.b479fa36.css.map*/