body {
  background-color: lightgreen;
}

h1 {color:green;
  font-family: "Helvetica", sans-serif;
  font-size: 50px;
  text-align: center;
}

h2 {color:yellow;
  font-family: "Helvetica", sans-serif;
  font-size: 25px;
  text-align: center;
}

/* I've centered all text, changed the font to helvetica and change the colors for text */

a {color: black ;
  font-family: "Helvetica", sans-serif;
  text-align: center;
}

a:hover {
  color: yellow; /* Changes color when hovered */
}

p {
  font-family: "Helvetica", sans-serif;
  text-align: center;
}

/* Centered images and made them smaller */

img {
		width: 40%;
  	height: auto;
  	position: center;
  	
}

.frog1 {
    display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 40%;
}

.frogvid {
    display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 40%;
}

  /* Created containers so I can center certain items in my site */

.frognoise {
  display: flex;
  justify-content: center;
  align-items: center;     
  width: 100%; 
}

body {
  /* Applied 20px padding to all four sides */
  padding: 20px;
}

ul {
  	list-style-image: url("https://webfishing.wiki.gg/images/Frog.png?f673ce");
  	list-style-position: inside;
  	position: center;
}

li {
    display: list-item;
    font-family: "Helvetica", sans-serif;
    text-align: center;
}