body{margin:500px auto;transform:scale(1.8);padding:10px;font-family:Arial,Helvetica,sans-serif;max-width:302px;font-size:20px;background:linear-gradient(#fff,#5f9341)}label{color:#5f9341;font-weight:900}input{width:100%;padding:10px;box-sizing:border-box;border:1px solid #5f9341;border-radius:7px;margin-bottom:4px}button{background:#5f9341;color:#fff;padding:10px 20px;border:1px solid #5f9341;border-radius:7px;font-weight:700}#delete-btn{background:#fff;color:#5f9341}ul{margin-top:20px;list-style:none;padding-left:0}li{margin-top:5px}a{color:#5f9341}button:hover{background-color:#6eaa4b}#delete-btn:hover{background-color:#d2d2d2}@media(max-width:430px){body{transform:scale(1);margin:300px auto;padding:10px;font-family:Arial,Helvetica,sans-serif;max-width:302px;font-size:20px;background:linear-gradient(#fff,#5f9341)}label{color:#5f9341;font-weight:900}input{width:100%;padding:10px;box-sizing:border-box;border:1px solid #5f9341;border-radius:7px;margin-bottom:4px}button{background:#5f9341;color:#fff;padding:10px 20px;border:1px solid #5f9341;border-radius:7px;font-weight:700}#delete-btn{background:#fff;color:#5f9341}ul{margin-top:20px;list-style:none;padding-left:0}li{margin-top:5px}a{color:#5f9341}button:hover{background-color:#6eaa4b}#delete-btn:hover{background-color:#d2d2d2}}