.task__list,.create,body{display:flex;justify-content:center;align-items:center}.filter,.create__content{box-shadow:0px 5px 30px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f7f7fa;background:url(images/background.7bd425bbbd695807abf4738b349a693d.png) fixed no-repeat bottom right}.wrapper{width:1024px;margin:0 auto}.indent__top{margin-top:32px}.indent__left{margin-left:16px}.header__title{text-align:center;font-family:"Poppins",sans-serif;font-style:normal;font-weight:700;font-size:40px;line-height:44px;color:#333}.create__content{width:580px;height:50px;background:#fff;border-radius:91px}.create__form{padding:9px 24px;display:flex;justify-content:space-between;align-items:center}.create__input{width:400px;font-family:"Montserrat",sans-serif;font-style:normal;font-weight:normal;font-size:14px;line-height:24px;letter-spacing:.25px;border:none}.create__input:active{border-color:#4680ff}.create__split{width:2px;height:33px;background-color:#f7f7fa}.create__button{font-family:"Montserrat",sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:24px;border:none;cursor:pointer;background-color:#fff}.create__button:hover{color:#4680ff}.filter{padding:15px 24px;background:#fff;border-radius:91px}.filter__select{width:125px;font-family:"Montserrat",sans-serif;font-style:normal;font-weight:normal;font-size:14px;line-height:24px;letter-spacing:.25px;border:none}.task__list{flex-wrap:wrap}.task__item{width:550px;background-color:#fff;border-radius:24px;box-shadow:0px 8px 22px rgba(51,51,51,.15)}.task__item:hover{box-shadow:0px 8px 22px rgba(51,51,51,.25)}.task__item-indent{margin-top:8px;margin-bottom:8px}.task__content{padding:23px 32px;display:flex;justify-content:space-between;align-items:center}.task__title{font-family:"Montserrat",sans-serif;font-style:normal;font-weight:600;font-size:15px;line-height:20px;letter-spacing:.25px}.task__title-done{text-decoration:line-through}.task__title-indent{margin-bottom:4px}.task__creation{display:flex;align-items:center}.task__time{font-family:"Montserrat",sans-serif;font-style:normal;font-weight:500;font-size:11px;line-height:13px;color:#afafbd}.task__time-indent{margin-left:5px}.task__action{width:100px;display:flex;justify-content:space-between;align-items:center}.task__action-done{justify-content:flex-end}.task__complete,.task__remove{width:48px;height:48px;border:none;cursor:pointer;border-radius:50%}.task__complete{background-color:#e6fbf2}.task__complete-disable{display:none}.task__complete::after{content:url(images/complete_green.726f63cf1148b35f70e031fda9c5277c.png)}.task__complete:hover{background-color:#00d578}.task__complete:hover::after{content:url(images/complete.b3284a881814222abacc45ed22b3e775.png)}.task__remove{background-color:#feefef}.task__remove::after{content:url(images/remove_red.e551baea2dfbb8e45a71a21bf262f7a3.png)}.task__remove:hover{background-color:#f55858}.task__remove:hover::after{content:url(images/remove.9c60391c5a553ff32484559cc25567ce.png)}.task__icon::after{content:url(images/clock.047854c41ca940f4cb1b06bc65286ade.png)}@media screen and (max-width: 1024px){.create__content{width:500px}.create__input{width:300px}}@media screen and (max-width: 720px){.create{flex-wrap:wrap}.create__content{width:300px}.create__input{width:120px}}@media screen and (max-width: 599px){.task__item{width:300px}}@media screen and (max-width: 488px){.filter{margin-top:16px}}