@import url(https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{line-height:1.15}*{box-sizing:border-box;margin:0;padding:0;font-family:"RocknRoll One",sans-serif}body{background:linear-gradient(190deg,rgb(31 30 38),rgb(100 114 165));background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:#222}.App{margin-top:3rem;display:flex;flex-direction:column}.App h1{display:inline;text-align:center;margin-bottom:2rem;color:#e1ebfd;text-shadow:0 0 5px #433aa8,3px -1px 5px #271c6c}.addTodos{display:flex;justify-content:center}.todo-input{min-width:15rem;width:40vw;min-height:3rem;max-height:3.5rem;background-color:#e1ebfd;border:none;border-radius:5px;padding:.5rem 1rem;align-self:center}.todo-input:focus{outline:none;border:2px solid #433aa8}.add-btn{margin-left:3px;background-color:#0ab123;color:#e1ebfd;border-radius:8px;border:2px solid #e1ebfd;font-size:1.5rem;width:3.2rem;height:3.2rem;cursor:pointer;box-shadow:2px 4px 10px #271c6c;display:flex;justify-content:center;align-items:center}.add-btn:focus{outline:none}.displaytodos{margin-top:3rem;display:flex;flex-direction:column;align-items:center}.displaytodos .buttons{margin-bottom:2rem}.displaytodos .buttons .active{background-color:#f8e009}.displaytodos .buttons .not_active{background-color:#fff}.displaytodos .buttons button{padding:.5rem 1.2rem;border-radius:20px;cursor:pointer;border:none}.displaytodos .buttons button:focus{outline:none}.displaytodos .buttons button:not(:last-child){margin-right:1rem}.displaytodos ul{list-style:none;display:flex;align-self:flex-start;flex-wrap:wrap;margin-left:5%}.card{display:flex;flex-direction:column;background:#b4b6da;background:#fff;margin:0 1rem 1rem 0;width:18rem;border-radius:.5rem;padding:1rem}.card textarea{padding:.5rem;border-radius:8px;border:none;background-color:#e1ebfd;color:#271c6c;height:70%}.card textarea:disabled{background-color:transparent}.card .btns{position:absolute;bottom:1rem;right:1rem}.card .btns button{border-radius:20%;border:none;margin:0 .6rem;font-size:1.4rem;cursor:pointer;color:#271c6c;background-color:transparent}.card .btns button:focus{outline:none}.completed{position:absolute;right:.3rem;top:.3rem;background-color:#867bcd;border:2px solid #272727;color:#e1ebfd;font-size:.8rem;padding:.3rem 1rem;border-radius:20px}@media Screen and (max-width:640px){.displaytodos{margin-top:2rem}.displaytodos ul{display:flex;flex-direction:column;align-items:center;margin-left:0;align-self:center}.card{margin-right:0}}
/*# sourceMappingURL=main.aa6af340.chunk.css.map */