h1 {
   color: rgb(22, 66, 140);
}
h2 {
   color: green;
}
p {
   color: maroon;
   background-color: linear-gradient(tan, brown, darkblue, purple);
}
p {
   font-family: "Agu Display", serif;
}

h1 {
   font-family: "Doto", cursive;
}
h1 {
   text-decoration: underline;
}
h1 {
   text-decoration: underline;
}
h2 {
   text-decoration: underline;
}
.box {
   width: 250px;
   border: 5px double black;
  padding: 25px;
  margin: 25px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
body {
  font-family: "Agu Display", serif;
  background-image: linear-gradient(tan, brown, darkblue, purple);
}

h1 {
  padding: 2vw;
  text-align: center;
  margin: 0 2vw;
  font-family: "Agu Display", serif;
}




@media (min-width: 400px) {
  .parent {
    max-width: 100vw;
  }
}

@media (min-width: 600px) {
  .parent img {
    max-width: 40vw;
  }
}

@media (min-width: 1100px) {
  .parent {
    max-width: 20vw;
  }
}







p {
  color:#195654;
  font-family: "Agu Display", serif;
}
#row {
	flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.end {
	align-self: flex-end;
}
.start {
	align-self: flex-start;
}
.stretch {
	align-self: stretch;
}
.title {
  color: navyblue;
  padding: 0.5em;
  text-align: center;
  position: sticky;
  top: 0em; 
  z-index: 1;
}
html {
  height: 2000px;
}