/* CSS Document */
html {
  display:block;
  background-color: darkred;
  font-family: times;


}
h1 {
  font-size: 60px;
  text-align: center;
  margin: 0;
  color: #00539f;
  text-shadow:3px 3px 1px black
 }
 p,li{
   font-size: 16px;
   line-height: 2;
   letter-spacing:1px;
 }




body {
width: 60%;
margin: 0 auto;
background-color: #FF9500;
padding: 0 20px 20px 20px;
border: 2px solid black;
}
 
img {
  display: block;
  margin: 0 auto;
  }
  
  
var myImage = document.querySelector('img');
myImage.onclick = function() {
    var mySrc = myImage.getAttribute('src');
    if(mySrc === 'images/firefox-icon.png') {
      myImage.setAttribute ('src','images/pic2.png');
    } else {
      myImage.setAttribute ('src','images/firefox-icon.png');
    }