*{box-sizing:border-box;margin:0;padding:0}body{background-color:#3b36cc;color:#f5f5f5;display:flex;flex-direction:row;justify-content:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.wrapper{width:450px;padding:30px;background-color:#1a1a40;border-radius:5px;margin-top:20px;text-align:center}.create-form{height:40px;width:100%;margin:25px 0;border:1px solid #3b36cc;display:flex;border-radius:5px}.create-form>input{outline:none;border:none;width:100%;height:100%;padding-left:10px;background:none;color:#fff}.create-form>button{background-color:#3636cc;width:50px;color:#fff;height:100%;cursor:pointer;border:none}.todo{height:40px;background-color:#3636cc;padding:0 10px;margin-top:10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.completed{opacity:.4;text-decoration:line-through 3px black}.empty-message{color:#888;font-style:italic;margin-top:10px}