html {
  height: 100%;
  width: 100%;
  background-color: pink;
}
/* p {
  color: blue;
  font-size: 20px;
  font-family: 'times new roman'; */
}
h1 {
  color: red;
  text-align: center;
  font-family:'ALGERIAN';
  font-size: 40px;
}
h2 {
  color: yellow;
  text-align: center;
  font-family: 'french script mt';
  font-size: 40px;
}
nav {
  color: red;
}
nav ul {
  background-color: blue;
  text-align: center;
}
nav ul li {
  color: red;
  list-style-type: none;
  display: inline;
}
nav ul li a {
  color: yellow;
  text-decoration: none;
  text-align: center;
  padding: 15px 15px;
  text-decoration: none;
}
/* figcaption {
  text-align: center;
  font-family: 'comic sans ms';
  font-size: 20px;
  color: yellowgreen; */
}
footer {
  background-color: red;
  text-align: center;
}
li a:hover {
  background-color: red;
  padding: 6px 8px;
}
.main-page {
  color: red;
  font-family: 'comic sans ms';
}
.pictures {
  color: blue;
  font-family: 'french script mt';
}
.home-page {
  color: blueviolet;
  font-family: 'algerian';
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;