*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif}.app{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;padding-top:40px;width:650px}.app-title{font-family:Raleway,sans-serif;font-size:40px;font-weight:700;margin-bottom:40px}.main-container{width:100%}.main-content-container{display:flex;flex-direction:column;width:100%}.main-headers-container{align-items:center;border-bottom:1px solid #bdbdbd;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 36px}.main-header-item{cursor:pointer;font-weight:400;padding:0 12px 12px}.main-header-active{border-bottom:4px solid #2f80ed}.input-container{display:flex;margin-bottom:12px}.input-box{align-items:center;border:1px solid #bdbdbd;border-radius:12px;display:flex;height:56px;justify-content:flex-start;margin-right:auto;padding:12px;width:476px}.input-box::-webkit-input-placeholder{opacity:.5}.input-box::placeholder{opacity:.5}.add-btn{align-items:center;background:#2f80ed;border:none;border-radius:12px;box-shadow:0 2px 6px rgba(127,177,243,.4);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;width:109px}.no-task-indicator{font-size:16px;font-weight:100;margin:12px 0}.delete-icon-completed{margin-right:8px;width:16px}.delete-icon-task{cursor:pointer;justify-self:end;width:24px}.task{align-items:center;display:flex;justify-content:flex-start;margin-top:24px}.checkbox{cursor:pointer;height:24px;margin-right:12px;width:24px}.task-name{word-wrap:break-word;font-size:12px;margin-right:auto;max-width:300px}.checked{text-decoration:line-through}.delete-all-btn{align-items:center;align-self:flex-end;background:#eb5757;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-top:24px;width:124px}.hidden{display:none}@media screen and (max-width:650px){.app{width:600px}.add-btn,.input-box{-webkit-transform:scale(.9);transform:scale(.9)}}@media screen and (max-width:450px){.app{width:300px}.main-header-item{font-size:12px;padding:0}.add-btn,.input-box{font-size:10px;-webkit-transform:scale(.89);transform:scale(.89)}.checkbox{-webkit-transform:scale(.8);transform:scale(.8)}.task-content{font-size:10px}}
/*# sourceMappingURL=main.8a40ed05.css.map*/