*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}body{width:100%;height:100vh;padding:10px;background:linear-gradient(to left,#1c0d3d 0%,#385daf 100%)}.title{padding-bottom:10px;font-weight:700;font-size:30px}.App{background:#fff;max-width:400px;width:100%;margin:120px auto;padding:25px 25px 15px;border-radius:10px;box-shadow:0 10px 15px rgba(0,0,0,0,1)}.input{outline:none;height:25px;width:85%;transition:all .3s ease;padding-top:5px;padding-bottom:5px;padding-left:10px;border:1px solid #e8e8e8}.addTaskbutton{transition-duration:.5s;text-align:center;width:25px;height:25px;border:none;color:#fff;background-color:#3759a2;cursor:pointer}.addTaskbutton:hover{background-color:#794dba}.itemsinlist{font-weight:600;margin-top:15px;padding-left:8px;font-size:13px;margin-right:27px}.output{text-align:right;height:8px}.deleteButton{font-weight:400px;transition-duration:.6s;transform:translateY(-77%);text-align:center;justify-content:right;border-radius:3px;background-color:green;color:#fff;width:25px;height:23px;border:none}.deleteButton:hover{background-color:#910202}.clearbutton{transition-duration:.4s;border:none;margin-top:40px;color:#fff;background-color:#6991e7;padding:5px;border-radius:5px;font-size:70%;cursor:pointer}.clearbutton:hover{padding-left:10px;padding-right:10px}