#app{width:80%;margin:auto;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:60px}h1{text-align:center}.container{display:flex;flex-direction:column}.inputItem{width:90%;margin:auto;display:flex}input{width:100%}button{padding:10px;color:#fff;border:none;background-color:#2c3e50}button:hover{background-color:rgba(44,62,80,.76)}li{border-radius:15px;padding:2%;width:90%;margin:5px auto;color:#fff;background-color:rgba(44,62,80,.63);display:flex;align-items:center;justify-content:space-between}li span{width:80%}li .editItem{width:20%;display:flex;justify-content:flex-end;margin:auto 0 0 auto}li .editItem button:first-child{border-radius:15px 0 0 15px}li .editItem button:nth-child(2){border-radius:0 15px 15px 0}ol{padding:0}