@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap);:root{--clr-white:#fff;--clr-gray:#d6d4e2;--clr-light-gray:#f5f4f6;--clr-green:#02b553;--ff-default:"Space Grotesk",sans-serif;--fw-400:400;--fw-700:700}*{box-sizing:border-box;margin:0;padding:0}img{display:block;max-width:100%}body{background-color:#f5f4f6;background-color:var(--clr-light-gray);font-family:Space Grotesk,sans-serif;font-family:var(--ff-default);font-size:1rem;font-weight:700;font-weight:var(--fw-700);height:100vh;line-height:1;overflow:hidden}.wrapper{display:flex;height:100vh;justify-content:center;margin-top:4.5rem;width:100%}.title{font-size:1.5rem;margin-bottom:1.5rem}.title:before{margin-right:1rem;vertical-align:middle}.title-task:before{content:url(/to-do-list-react/static/media/task.16f29635084627fa79e9.svg)}.title-board:before{content:url(/to-do-list-react/static/media/board.618ca6d61d878876bf6e.svg)}.container{display:flex;flex-direction:column;row-gap:4.5rem;width:40rem}.form{align-items:stretch;column-gap:1rem;display:flex;max-width:100%}.form input{border:1px solid #d6d4e2;border:1px solid var(--clr-gray);border-radius:1rem;flex:1 1;padding:1rem}.form input,.form-btn{font-size:1rem;font-weight:400;font-weight:var(--fw-400);line-height:1.5}.form-btn{background-color:#02b553;background-color:var(--clr-green);border:none;border-radius:1rem;color:#fff;color:var(--clr-white);padding:1rem 2rem}.board-container,.task-container{max-width:100%}.list{display:flex;flex-direction:column;max-height:23rem;overflow-y:auto;row-gap:1rem}.list-item{align-items:center;background-color:#fff;background-color:var(--clr-white);border-radius:1rem;column-gap:1.5rem;display:flex;justify-content:space-between;max-width:100%;padding:1.5rem}.task{flex:1 1;margin:0;overflow:hidden}.check{border:2px solid #02b553;border:2px solid var(--clr-green);color:#02b553;color:var(--clr-green);text-decoration:line-through}.btn{background-color:initial;border:none;cursor:pointer}.btn img{pointer-events:none}@media (max-width:640px){.container{flex-basis:auto;max-width:100%;padding:1rem}}@media (max-width:420px){.form{column-gap:.5rem}.form-btn{padding:.5rem}}@media (max-width:325px){.container{padding:.5rem}}
/*# sourceMappingURL=main.e123c07a.css.map*/