border-bottom: #a3d2fd 2px solid; 1 62 63 64 65 66 67 68 69 70 71 72 El. input-letter-box > input:focus { padding-left: 10%; padding-right: 10%; transition: background-color ease-in-out 0.58; -moz-transition: border-bottom-color ease-in-out is, padding-left ease-in-out 0.58, padding-right ease-in-out 0.5s; -webkit-transition: border-bottom-color ease-in-out 18, padding-left ease-in-out 0.5s, padding-right ease-in-out 0.5s; border-bottom-color: red; 7*Fill in the blank */ E.submit-box { 74 75 76 73 78 79 80 81 82 83 -] 84 85 86 87 88 B.CC all: unset; width: 35%; height: 20% ; margin: 0 auto; text-align: center; color: white; font-family: "Comic Sans MS", cursive, sans-serif; font-size: 20px; font-weight: 800 : background-color: red; border-radius: 12px; cursor: pointer; 90 92 93 95 96 Add hover on the botton .btn-submit:hover {

3. Use a texteditor to open the index.html, fill in the blanks under each comment. 4. Open styles.css in a text editor. Add the css properties to the .submit-box with width of 35%, height of 20%, margin of 0 auto, display is flex and justify-content is center; 5. In the styles.css file, add hover on the submit bottom. The background-color is red, cursor is pointer, transition is background-color ease-in-out 0.58. 6. Open the hangman.js file with a text editor, Inside ready function, add a click event listener with the .btn-submit box. When the user click the .btn-submit box, count variable will increase with one, the submit function with count and maxCount will be called. Welcome to Hangman Brain Submit