@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,#867bcd,#6a5aab);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:#222;overflow:hidden}.App{margin-top:3rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;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:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.todo-input{min-width:15rem;width:40vw;max-height:2.5rem;background-color:#e1ebfd;border:none;border-radius:5px;padding:.5rem 1rem;-webkit-align-self:center;align-self:center}.todo-input:focus{outline:none;border:2px solid #433aa8}.add-btn{margin-left:1rem;background-color:#271c6c;color:#e1ebfd;border-radius:50%;border:2px solid #e1ebfd;font-size:1.5rem;width:3.2rem;height:3.2rem;cursor:pointer;box-shadow:2px 4px 10px #271c6c;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.add-btn:focus{outline:none}.displaytodos{margin-top:3rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.displaytodos .buttons{margin-bottom:2rem}.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;-webkit-align-self:flex-start;align-self:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:5%}.card,.displaytodos ul{display:-webkit-flex;display:flex}.card{-webkit-flex-direction:column;flex-direction:column;background:#b4b6da;background:radial-gradient(circle,rgba(180,182,218,.9) 0,rgba(226,236,253,.9) 100%);margin:0 1rem 1rem 0;height:8rem;width:18rem;border-radius:.5rem;padding:1rem;position:relative}.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{overflow:hidden;margin-top:2rem}.displaytodos ul{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-left:0;-webkit-align-self:center;align-self:center}.card{margin-right:0}}
/*# sourceMappingURL=main.9fc5ce2a.chunk.css.map */