*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{min-height:100%}body{font:1em/1.5 sans-serif}address,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}time{display:inline-block}address{font-style:normal}ul li{list-style-type:none}img{max-width:100%;height:auto}a{text-decoration:none}a,a img{outline:none}a img{border:none}button,input,select,textarea{outline:0;border:0}button{cursor:pointer}figure{position:relative}figure embed,figure img,figure object,figure video{display:inline-block;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:400}.h1{margin-top:20px;text-align:center}.clear:after,.clear:before{content:"";display:table;clear:both}.veiwport{width:100%;max-width:550px;margin:10px auto}.tasks-list{max-height:450px;overflow-y:scroll;padding:10px;background:#fff;border:1px solid rgba(0,0,0,.15)}.task,.tasks-list{margin-bottom:10px}.task{padding:10px 15px 15px;background:rgba(0,0,0,.01)}.task--1{background:rgba(255,89,114,.35)}.task--2{background:rgba(244,212,66,.15)}.task--3{background:rgba(161,255,84,.15)}.task--4{background:rgba(0,0,0,.01)}.task__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:10px 0;font-size:.9em}.task__descr{margin-bottom:15px;font-size:.9em}.task:last-child{margin-bottom:0}.priority__num,.project__name{font-size:1.1em;font-weight:700}.btns-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.btn,.select{min-width:150px;height:32px;padding:0 15px;border:1px solid rgba(0,0,0,.5);border-radius:2px;background:hsla(0,0%,100%,.8);color:rgba(0,0,0,.8);font-weight:700;font-size:.85em;-webkit-transition:.3s;transition:.3s}.btn--filter{height:35px;min-width:160px}.btn--form,.select{min-width:auto}.btn:hover,.select:hover{background:rgba(0,0,0,.5);color:#fff}.select{cursor:pointer}.select:hover{background:hsla(0,0%,100%,.8);color:rgba(0,0,0,.8)}.filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px auto}.check{height:20px;line-height:20px}.check__box{position:relative;top:1px;-webkit-transform:scale(1.1);transform:scale(1.1)}.check__text{padding-left:5px;font-size:.9em;font-weight:700}.form-wrap{margin-top:15px;padding:15px 20px;background:#fff;border:1px solid rgba(0,0,0,.15)}.form{width:60%;float:right}.form__item{position:relative;margin-bottom:10px}.form__item:last-child{margin:0}.form__label{position:absolute;left:-10px;-webkit-transform:translate(-100%);transform:translate(-100%)}.form__field{height:35px;width:100%;padding:0 10px;font-size:.9em;border-radius:2px;border:1px solid rgba(0,0,0,.5)}.form__field--descr{height:120px;padding:5px 10px;resize:none;font-size:15px;font-family:sans-serif}@media only screen and (max-width:650px){body{font-size:.9em}.h1{margin:0}.veiwport{max-width:100%}.btn,.btns-wrap,.select{display:block}.btn,.select{min-width:auto;height:30px;width:100%;margin-bottom:5px}.btn--form,.select{margin-bottom:10px}.filter,.task__info{display:block}.filter{margin:0;padding:0 10px}.form-wrap{margin:10px;background:rgba(0,0,0,.03)}.form__label{position:static}.form__field{height:30px}.form__field--descr{height:120px}.form{width:auto;float:none}}