@import url(https://fonts.googleapis.com/css?family=Poppins:regular,italic,500,600,700);*{padding:0;margin:0;border:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;min-width:320px}body{color:#222;line-height:1;font-family:Poppins;font-size:1rem;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font-family:Poppins;font-size:inherit}button{cursor:pointer;color:inherit;background-color:inherit}a{color:inherit}a:link,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}body{font-family:Poppins;font-size:1rem;color:#222;background-color:#201c2b;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.5rem}body._lock{overflow:hidden}[class*=__container]{max-width:73.125rem;-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 auto;padding:0 1.25rem}.header__title{letter-spacing:1.5px;text-transform:uppercase;font-weight:500}.header__btns{-ms-flex-negative:0;flex-shrink:0}.header__btns button{border:1px solid #fff;padding:.375rem .75rem}.header__btn_left{margin-right:.5rem}.header__btn._active{background:-o-linear-gradient(316deg,#340e6d 0,#5b1475 100%);background:linear-gradient(134deg,#340e6d 0,#5b1475 100%)}.header__btn:active,.header__btn:hover{border:1px solid #4c98c1}.header__top{margin:1rem 0 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.25rem}.header__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:1.125rem;-moz-column-gap:1.125rem;column-gap:1.125rem;row-gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form__block{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.form__submit{background:-o-linear-gradient(316deg,#340e6d 0,#5b1475 100%);background:linear-gradient(134deg,#340e6d 0,#5b1475 100%);color:#dad8de;padding:.25rem .5rem;border-radius:.4375rem;cursor:pointer}.form__submit:active,.form__submit:hover{background:-o-linear-gradient(316deg,#5b1475 0,#340e6d 100%);background:linear-gradient(134deg,#5b1475 0,#340e6d 100%)}.block-form__btn{border-radius:.4375rem;padding:.25rem 0 .25rem .75rem;width:100%}.main{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.task-main__title{margin-bottom:1.125rem}.item-task{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.9375rem;background-color:#392e5c;padding:.625rem 1.125rem;border-radius:.375rem;border:2px solid #000;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.5rem}.item-task:last-child{margin-bottom:0}.item-task__btn{background-color:#392e5c;color:#dad8de;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;font-size:.875rem;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.item-task__action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.125rem}.item-task__edit{cursor:pointer;font-weight:600}.item-task__edit:hover{opacity:.8}.item-task__delete{font-weight:600;cursor:pointer;color:#dc143c}.item-task__delete:hover{opacity:.8}.footer{padding:1.875rem 0 1.25rem;background-color:#392e5c;text-align:center}.footer a{color:#7cbcde}.footer a:active,.footer a:hover{color:#4c98c1}.item-task__btn._active{color:#dc143c}body.theme_light{background-color:#dad8de;color:#201c2b}body.theme_light .header__btn._active{color:#fff}body.theme_light .footer{background-color:#000;color:#dad8de}body.theme_light .item-task,body.theme_light .item-task__btn{background-color:#6668a5}body.theme_light .item-task__edit{color:#fff}body.theme_light .item-task__delete{color:#000}body.theme_light .item-task__btn{color:#fff}body.theme_light .item-task__btn._active{color:#000}@media (min-width:75.625em){.header__title{font-size:3rem}.header__title{line-height:3.5rem}.task-main__title{font-size:2rem}.task-main__title{line-height:2.625rem}}@media (max-width:20em){.header__title{font-size:2.25rem}.header__title{line-height:2.75rem}.task-main__title{font-size:1.5625rem}.task-main__title{line-height:2rem}}@media (max-width:29.99875em){.header__form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.form__block{min-width:100%}}@media (min-width:20em) and (max-width:75.625em){.header__title{font-size:calc(2.25rem + .75 * (((100vw - 20rem))/ ((55.625))))}.header__title{line-height:calc(2.75rem + .75 * (((100vw - 20rem))/ ((55.625))))}.task-main__title{font-size:calc(1.5625rem + .4375 * (((100vw - 20rem))/ ((55.625))))}.task-main__title{line-height:calc(2rem + .625 * (((100vw - 20rem))/ ((55.625))))}}