style.css

*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;width:100vw;background:#c6c6ff}#todo{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;overflow:hidden;padding:1rem 0}#todo .action{display:flex;justify-content:space-between;align-items:center}#todo .action input{height:1.2rem;width:1.2rem;cursor:pointer}#todo>div,#todo>form{width:90%}@media screen and (min-width: 680px){#todo>div,#todo>form{width:70%}}@media screen and (min-width: 950px){#todo>div,#todo>form{width:50%}}#todo .formArea{display:flex;background:#fff;padding:.5rem;align-items:center;border-radius:.5rem;box-shadow:0 0 4px 6px rgba(0,0,0,.0666666667)}#todo .formArea input{border:none;border-radius:0px;outline:none;box-shadow:none;background:inherit;font-size:1.2rem}#todo .tasks{display:flex;flex-direction:column;gap:1.2rem;max-height:70%;overflow-y:auto}#todo .tasks .task{border-bottom:1px solid #1b69f8;display:flex;align-items:center;justify-content:space-between;padding:.5rem;width:100%;font-size:1.2rem}#todo .tasks .task label{cursor:pointer}#todo .tasks .task input{cursor:pointer;height:1.2rem;width:1.2rem}/*# sourceMappingURL=style.css.map */