/* Change the color of all list items inside an unordered list */

ul li { color: black; }

same

/* Remove the text decoration from navigation links, and change their color when hovered */

--mine-- nav ul li a { text-decoration: none; }

--answer-- nav a { text-decoration: none; }

or

nav a:link { text-decoration: none; }

--

/you have to put a:link, before the hover thingy as a:link=unvisited/ nav ul li a:link, a:hover { color: yellow; }

--answer-- nav a:hover { text-decoration: skyblue; } /* Create visited and hover styles for all links inside 'main' */

main a:visited { color: red; }

main a:hover { color: blue; }

/* Change the background color of the submit button when active. Check teacher's notes for resources on this part of the challenge. */

.button:hover { background-color:orange; }

--answer-- input[type="submit"]:active { background: firebrick; }

/* Give the text field a blue border upon focus. Check teacher's notes for resources on this part of the challenge. */

input[type=text]:focus { border: blue; }

--answer -- input[type=text]:focus { border-color: 1px solid #4683af; } /* Give the 'span' tag in the footer a meaningful class name and reduce its font size */

.footer-info { font-size: 10px; }

/* Give the 'img' tag in the header an ID and set its width to 190px */

logo {

width:190px; }

/* Target all heading tags on the page and set their font family to 'Bree Serif', serif */

.headings { font-family:"Bree Serif', serif"; }

--answer-- h1, h2, h3 { font-family:"Bree Serif", serif; }