body{background-color:#d1d1d1;display:flex;justify-content:center;font-size:medium}.div1{width:30rem;min-height:39rem;margin-top:124px;background-color:#b0b0b0;border-radius:16px;border:solid 6px hsl(0,0%,39%);box-shadow:20px 20px 30px #63636380}h1{display:flex;justify-content:center;font-family:sans-serif;color:#2b2b2b}hr{width:24rem}form{display:flex;justify-content:center;margin-top:3rem}input[type=text]{width:18rem;height:1.5rem;border:solid 3px hsl(0,0%,39%);border-radius:16px;font-size:1rem;padding:.5rem 1rem;background-color:#ebebeb;transition:all .1s ease-in-out}input[type=text]:focus{outline:solid 3px hsl(0,0%,39%);box-shadow:0 0 10px 1px #63636380}input[type=text]:hover{background-color:#f2f2f2}input[type=submit]{width:6rem;margin-left:1rem;border:solid 3px hsl(0,0%,39%);border-radius:12px;font-family:sans-serif;background-color:#ebebeb;transition:all .1s ease-in-out}input[type=submit]:hover{background-color:#f2f2f2;cursor:pointer}.div1>div{display:flex;justify-content:center;align-items:center;background-color:#b0b0b0;margin-top:104px}ul{width:24rem;height:18rem;background-color:#454545;border-radius:16px;border:solid 6px hsl(0,0%,39%);overflow-y:auto;padding:0;color:#ebebeb;list-style:none}li{font-family:sans-serif;display:flex;justify-content:space-between;align-items:center;background-color:#616161;padding:1rem;border-bottom:solid 1px hsl(0,0%,55%)}.delete-button,.edit-button{width:5rem;height:2.2rem;border:solid 3px hsl(0,0%,28%);border-radius:12px;font-family:sans-serif;background-color:#ebebeb;transition:all .3s ease}.delete-button{margin-right:2px}.delete-button:hover{background-color:#ffadad;color:#560000}.edit-button:hover{background-color:#adadff;color:#000056}