@import url(https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap);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}html{line-height:1.15}*{box-sizing:border-box;font-family:RocknRoll One,sans-serif;margin:0;padding:0}body{background:linear-gradient(190deg,#867bcd,#6a5aab);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:#222;overflow:hidden}.App{display:flex;flex-direction:column;margin-top:3rem}.App h1{color:#e1ebfd;display:inline;margin-bottom:2rem;text-align:center;text-shadow:0 0 5px #433aa8,3px -1px 5px #271c6c}.addTodos{display:flex;justify-content:center}.todo-input{align-self:center;background-color:#e1ebfd;border:none;border-radius:5px;max-height:2.5rem;min-width:15rem;padding:.5rem 1rem;width:40vw}.todo-input:focus{border:2px solid #433aa8;outline:none}.add-btn{align-items:center;background-color:#271c6c;border:2px solid #e1ebfd;border-radius:50%;box-shadow:2px 4px 10px #271c6c;color:#e1ebfd;cursor:pointer;display:flex;font-size:1.5rem;height:3.2rem;justify-content:center;margin-left:1rem;width:3.2rem}.add-btn:focus{outline:none}.displaytodos{align-items:center;display:flex;flex-direction:column;margin-top:3rem}.displaytodos .buttons{margin-bottom:2rem}.displaytodos .buttons button{border:none;border-radius:20px;cursor:pointer;padding:.5rem 1.2rem}.displaytodos .buttons button:focus{outline:none}.displaytodos .buttons button:not(:last-child){margin-right:1rem}.displaytodos ul{align-self:flex-start;display:flex;flex-wrap:wrap;list-style:none;margin-left:5%}.card{background:#b4b6da;background:radial-gradient(circle,rgba(180,182,218,.9) 0,rgba(226,236,253,.9) 100%);border-radius:.5rem;display:flex;flex-direction:column;height:8rem;margin:0 1rem 1rem 0;padding:1rem;position:relative;width:18rem}.card textarea{background-color:#e1ebfd;border:none;border-radius:8px;color:#271c6c;height:70%;padding:.5rem}.card textarea:disabled{background-color:initial}.card .btns{bottom:1rem;position:absolute;right:1rem}.card .btns button{background-color:initial;border:none;border-radius:20%;color:#271c6c;cursor:pointer;font-size:1.4rem;margin:0 .6rem}.card .btns button:focus{outline:none}.completed{background-color:#867bcd;border:2px solid #272727;border-radius:20px;color:#e1ebfd;font-size:.8rem;padding:.3rem 1rem;position:absolute;right:.3rem;top:.3rem}@media Screen and (max-width:640px){.displaytodos{margin-top:2rem;overflow:hidden}.displaytodos ul{align-items:center;align-self:center;display:flex;flex-direction:column;margin-left:0}.card{margin-right:0}}
/*# sourceMappingURL=main.b7d725e3.css.map*/