@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.App{height:100vh;width:100%;background-color:#202b3e;display:flex;justify-content:center;color:#fff}.todocontainer{position:relative;top:0;transition:top .5s}.todocontainer-active{top:40px}h1{font-weight:700;margin-bottom:40px}.appcontainer{height:500px;width:400px;margin:30px}.checkbox{height:20px;width:20px;background-color:#42378f;background-image:linear-gradient(315deg,#42378f,#f53844 74%);border-radius:50%}.todo{background-color:#131a26;margin-top:10px;margin-bottom:20px;display:flex;justify-content:space-around;height:45px;border-radius:20px;align-items:center;box-shadow:0 3px 8px rgba(0,0,0,.24);cursor:pointer}.text{font-size:19px;font-weight:300}h3{color:#61759b;font-weight:500;margin-bottom:30px}.deletetodo{background-color:#8b0707;height:20px;width:20px;border-radius:50%;display:flex;justify-content:center;align-items:center}.deletetodo:hover{background-color:green}.completedtext{text-decoration:line-through}.dotcol{background-color:#20bf55;background-image:linear-gradient(315deg,#20bf55,#01baef 74%)}.addbutton{position:fixed;bottom:20%;right:15%;background-color:#42378f;background-image:linear-gradient(315deg,#42378f,#f53844 74%);height:60px;width:60px;border-radius:50%;font-size:25px;font-weight:700;z-index:2}.addbutton,.addtodo{display:flex;justify-content:center;align-items:center}.addtodo{background-color:#131a26;box-shadow:0 3px 8px rgba(0,0,0,.24);border-radius:10px;height:200px;flex-direction:column;z-index:-1}.addtodo input{margin-bottom:20px;width:250px;height:35px;border-radius:20px;outline:none;font-size:20px;padding:0 10px}.addtodo button{background-color:#42378f;background-image:linear-gradient(315deg,#42378f,#f53844 74%);padding:10px;outline:none;border:none;color:#fff;border-radius:30px}.addtodo h3{color:#fff}.addtodo-active{display:flex;-webkit-animation:fadeInFromNone .5s ease-out;animation:fadeInFromNone .5s ease-out}@-webkit-keyframes fadeInFromNone{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes fadeInFromNone{0%{opacity:0}1%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.fa97c654.chunk.css.map */