@import url(https://fonts.googleapis.com/css?family=Montserrat);body{margin:0;padding:0;font-family:sans-serif}:root{--box-shadow-input:0 1px 5px hsla(0,0%,41%,.8);--box-shadow-task:2px 3px 5px rgba(68,68,68,.3);--body-bg:#ddd;--main-color:#666;--btn-input-color:#777;--icon-color:#888;--alert:#ad0910;--input-btn-task-bg:#ccc}body{font-family:Montserrat;background:var(--body-bg);color:var(--main-color);-webkit-box-sizing:border-box;box-sizing:border-box}.container{text-align:center}.action{height:70px}.add,.input{background:var(--input-btn-task-bg);-webkit-box-shadow:var(--box-shadow-input);box-shadow:var(--box-shadow-input);border:none;color:var(--btn-input-color);font-weight:700;padding:8px 10px;outline:none}.add{cursor:pointer}.alert{color:var(--alert);font-weight:700}.search{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto}.filter,.select{margin-top:15px}.select{background:var(--input-btn-task-bg);-webkit-box-shadow:var(--box-shadow-input);box-shadow:var(--box-shadow-input);border:none;color:var(--btn-input-color);font-weight:700;padding:0 10px;outline:none;height:31px}.list,.tasks{margin:0 auto}.list{padding:0}.item{margin:5px auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:400px}.list__item{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:2px 10px}.list__input,.list__item{font-weight:700;width:250px;-webkit-box-shadow:var(--box-shadow-task);box-shadow:var(--box-shadow-task);background:var(--input-btn-task-bg);margin-left:20px}.list__input{color:var(--btn-input-color);padding:8px 10px;border:none;outline:none}.list__btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:5px}.btn__edit{margin:0 10px;padding:8px 20px;cursor:pointer;color:var(--btn-input-color);-webkit-box-shadow:var(--box-shadow-task);box-shadow:var(--box-shadow-task);background:var(--input-btn-task-bg);border:none;font-weight:700;width:70px;outline:none}.fa{color:var(--icon-color);font-size:27px;cursor:pointer;margin:2px 0 0 2px}.btn__remove:hover{color:var(--alert);-webkit-transition:.7s;-o-transition:.7s;transition:.7s}@media(max-width:414px){.item{width:97%}.list__input,.list__item{margin-left:7px}}@media(max-width:375px){.list__input,.list__item{margin-left:5px}}@media(max-width:319px){.search{-ms-flex-direction:column;flex-direction:column}}
/*# sourceMappingURL=main.1f5939b6.css.map*/