*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}body{background-color:#99b7d0;color:#f9dd79;display:flex;flex-direction:row;justify-content:center;font-family:sans-serif}.wrapper{padding:2vh;width:90vw;background-color:#0000004d;border-radius:3px;margin-top:2vh;text-align:center}.creat-form{background-color:#0404044d;height:7vh;width:100%;margin:25px 0;border:1px solid rgba(249,248,248,.456);display:flex}.creat-form>input{outline:none;border:none;background:none;color:#f39898;width:100%;height:100%;padding-left:1vw}.creat-form>input::placeholder{color:#03c7f8}.creat-form>button{border:none;background-color:#f0f8fd;color:#665d2e;width:50px;height:100%;cursor:pointer}.todo{border:none;background-color:#010f604d;height:40px;padding:0 10px;margin-top:2vh;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.completed{opacity:.3;text-decoration:line-through 2px rgb(252,252,252)}