*{padding:0;margin:0;box-sizing:border-box}.form>*,body{font-family:Roboto,sans-serif}body{background:#fafafa;margin-top:0;overflow-x:hidden}.form,.form>*{background:#214FC6}.form{border:1px solid #1560BD;border-width:0 0 3px;-webkit-box-shadow:0 2px 5px rgba(21,96,189,.2);box-shadow:0 2px 5px rgba(21,96,189,.2);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.5em}.form>*,button{border:none;outline:0}.form>*{color:#fff;padding:10px}.form>input{width:100%}.form>input::-webkit-input-placeholder{color:#b2dfdb}.form>input:-ms-input-placeholder{color:#b2dfdb}.form>input::placeholder{color:#b2dfdb}button{background:0 0;cursor:pointer;width:50px}.form>button{border-radius:50%;-webkit-transition:0.5s;transition:0.5s}.formButton-active{background:#26a69a;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.list-items{font-size:1.1em;padding:0;-webkit-perspective:500px;perspective:500px}.item{background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.21);box-shadow:0 2px 5px rgba(0,0,0,.21);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;max-width:100%;padding:10px;-webkit-transition:0.6s;transition:0.6s}.item span:first-child{width:100%}.flip{background:#eceff1;color:#9e9e9e;-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}.flip>span{text-decoration:line-through}