@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css);h2{color:#474747;font-size:2em}.todo-input{width:100%;font-size:18px;margin-bottom:15px;padding:10px}.todo-item{justify-content:space-between;-webkit-animation-duration:.4s;animation-duration:.4s}.todo-item,.todo-item-left{display:flex;flex-direction:row}.todo-item-left{justify-content:flex-start;align-items:center}.todo-item-left input[type=checkbox]{margin-right:10px}.remove-item{cursor:pointer;margin-left:14px}&:hover{color:#000}.todo-item-edit{font-size:24px;color:#2c3e50;margin-left:12px;width:100%;padding:10px;border:1px solid #ccc;font-family:Avenir,Arial,Helvetica,sans-serif}.completed{text-decoration:line-through;color:grey}.extra-container{display:flex;align-items:center;justify-content:space-between;font-size:16px;border-top:1px solid #d3d3d3;padding-top:14px;margin-bottom:14px}button{font-size:14px;font-family:Avenir,Helvetica,Arial,sans-serif;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-right:5px;border:1px solid grey;border-radius:3px;padding:2px 10px}button:hover{background-color:#bdbdbd}.active{background:#94b5e7}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}@media (max-width:767px){h2{font-size:1.1em}.todo-input{font-size:.8em}.todo-item-lable{font-size:.7em}.extra-container{display:flex;flex-direction:column}.extra-container button{margin-bottom:15px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;display:flex;justify-content:center;flex-direction:column;text-align:center;margin:0 auto;width:60%;font-size:24px}