@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:root{--fs-h1:3rem;--todo-fs:1.4rem;--todo-status-fs:1.8rem;--todo-delete-fs:1.6rem;--clr-light:#e4d7d71a;--clr-dark:#ffffff1a;--clr-accent:#ffffff1a;--clr-font:#e0d2d2;--clr-cb:#e0d2d2}body{background-color:#07000d;background-image:url(https://www.transparenttextures.com/patterns/crossword.png);color:#e0d2d2;color:var(--clr-font);font-family:Rubik,sans-serif}.container{margin:0 auto;max-width:1200px}.title{font-size:3rem;font-size:var(--fs-h1);padding:3rem 0 1rem;text-align:center}.todos{align-items:center;display:flex;flex-direction:column;gap:1rem}.todo{background-color:#ffffff1a;background-color:var(--clr-dark);border-radius:1rem;display:flex;font-size:1.4rem;font-size:var(--todo-fs);justify-content:space-between;padding:1rem 1.25rem;transition:all .2s;width:50%;&:hover{background-color:#fff3}}.mutations{display:flex;gap:.75rem}.todo__delete,.todo__status{background:none;border:none;color:#e0d2d2;color:var(--clr-cb);cursor:pointer;font-size:1.6rem;font-size:var(--todo-delete-fs);line-height:1;padding:0;transition:all .2s;&:hover{transform:scale(1.15)}}.todo__status{font-size:1.8rem;font-size:var(--todo-status-fs)}.form{display:flex;font-size:1.4rem;font-size:var(--todo-fs);gap:.5rem;margin:1rem auto;width:50%}.form__input{border:none;border-radius:.25rem;flex:1 1;outline:none;padding:.5rem .75rem;&:focus,&:hover{background-color:#ffffffd9}}.form__button{background-color:#7100d4b3;border:none;border-radius:.25rem;color:#e0d2d2;color:var(--clr-font);cursor:pointer;transition:all .2s;&:hover{background-color:#1b00b380}}@media (max-width:430px){:root{--fs-h1:2.5rem;--todo-fs:1.2rem;--todo-status-fs:1.5rem;--todo-delete-fs:1.3rem}.form,.todo{width:90%}.todo{--todo-fs:1.2rem}}
/*# sourceMappingURL=main.de2838e8.css.map*/