h2 { margin: 2em 0 1em; padding: 3px 1em; max-width: 100%; border-bottom: none; border-radius: 5px 5px 5px 5px; background-color: rgb(255, 117, 113); color: #fff; font-weight: bold; font-size: 1.5em; font-family: sans-serif; } h3 { margin: 1em 0 0.5em; border-radius: 5px 5px 5px 5px; width: 75%; text-align: center; background-color: rgb(255, 126, 140); font-family: sans-serif; transition: width 3s; } h3:hover,h3:focus { width: 100%; } h4 { margin: 0.8em; border-radius: 5px 5px 5px 5px; width: 50%; text-align: center; background-color: rgb(253, 174, 153); font-family: sans-serif; transition: width 6s; } h4:hover,h4:focus { width: 100%; }