body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Layout{height:100vh;width:100%}.Layout main{height:100%;display:flex;justify-content:center;align-items:center}.fa{cursor:pointer;margin:10px;color:rgba(0,0,0,.5);height:10px}.fa-times{font-size:30px}.fa-times:hover{color:#000}.fa-bars{font-size:30px}.fa-bars:hover{color:#000}.drawer{width:350px;height:100vh;background-color:rgba(0,0,0,.8)}@media (max-width:415px){.drawer{width:270px}}@media (max-width:350px){.drawer{width:200px}}.drawer__links{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center}.drawer__links a{width:130px;color:hsla(0,0%,100%,.8);padding-top:20px;font-size:23px;text-decoration:none;transition:color .3s}.drawer__links a:hover{color:#fff}.todo{width:100%;max-width:600px;height:100%;padding-top:50px;margin:15px;cursor:pointer}.todo__input{display:flex}.todo__input textarea{font-size:15px;resize:none;outline:none;padding:5px;width:100%;border:1px solid rgba(0,0,0,.1)}.todo__input Button{width:12%}button{padding:10px 30px;text-transform:uppercase;font-size:14px;background:inherit;border:none;width:100%;max-width:400px;transition:background-color .6s;cursor:pointer}button:focus{outline:none}.primary{color:rgba(0,0,0,.7);border:1px solid #000}.primary:hover{color:#000}.add{color:rgba(65,105,225,.6);font-size:20px;border:1px solid rgba(0,0,0,.1)}.add:hover{color:#00f}.disabled{color:rgba(0,0,0,.5);border:1px solid #000;cursor:not-allowed}.todoItem{z-index:1;width:100%;align-items:center;justify-content:space-between;margin-top:5px;opacity:.7}.todoItem,.todoItem__left{display:flex}.todoItem button{color:red}.todoItem input{margin-right:5px}.todoItem:hover{opacity:1}.checked{text-decoration:line-through}.input{margin:5px}.input,.input input{width:100%;max-width:400px}.input input{padding:10px;border:1px solid #000;border-radius:4px}.input input:focus{outline:none}.input .invalid{border:1px solid red}*{box-sizing:border-box;font-family:"Abel",sans-serif;padding:0;margin:0}a{text-decoration:none;color:inherit}.form{width:300px;display:flex;flex-direction:column;align-items:center;padding-bottom:30px}.form__message{color:red;padding:10px;font-size:15px}.form__title{font-size:22px;padding:20px}.form__error{color:red}
/*# sourceMappingURL=main.e158cf98.chunk.css.map */