@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--color-esparta-red:#d9342b;--color-gray-50:grey;--color-gray-10:#282c34;--color-gray-5:#1f1f1f;--color-white:#fff}body{min-height:100vh;margin:0;padding:0;background-color:#1f1f1f;background-color:var(--color-gray-5);font-family:"Montserrat",sans-serif;color:#fff;color:var(--color-white)}#root{display:flex;flex-direction:column;align-items:center;height:100vh}.todo{width:50vw;max-width:600px;padding:70px 35px;background-color:#282c34;background-color:var(--color-gray-10)}.todo__logo{display:block}.todo__title{margin:40px 0 25px;font-size:40px;color:#d9342b;color:var(--color-esparta-red)}.todo__form{display:flex;flex-direction:column;align-items:center;justify-content:center}.todo__list{width:100%;margin:0;padding:0;list-style:none}.todo__item{display:flex;align-items:center;margin:16px 0}.todo__item--is-completed .todo__checkbox{color:#282c34;color:var(--color-gray-10);border-color:#d9342b;border-color:var(--color-esparta-red);background:#d9342b;background:var(--color-esparta-red)}.todo__item--is-completed .todo__input{text-decoration:line-through}.todo__checkbox{display:flex;justify-content:center;align-items:center;width:18px;height:18px;margin-right:10px;font-size:10px;border-radius:50%;border:1px solid #fff;border:1px solid var(--color-white);cursor:pointer;transition:background-color .2s ease-in-out}.todo__checkbox:hover{border:1px solid grey;border:1px solid var(--color-gray-50);background:grey;background:var(--color-gray-50)}.todo__checkbox:hover span{color:#d9342b;color:var(--color-esparta-red)}.todo__input{width:100%;font-size:22px;color:#fff;color:var(--color-white);border:none;outline:none;background:transparent}.todo__footer{margin-top:30px;font-size:12px;color:grey;color:var(--color-gray-50)}
/*# sourceMappingURL=main.66831207.chunk.css.map */