h1 {
  color: white;
  font-family: 'Palette Mosaic', cursive;
}

h2 {
  color: white;
  font-family: sans-serif;
}

p {
  color: white;
  font-family: sans-serif;
}

@media screen and (min-width: 480px) {
 html {
   background: linear-gradient(180deg, #045903 0%, #8FB08F 100%);
 }
 h1 {
   font-size: 15px;
   padding: 5px;
   text-align: center;
 }

 h2 {
   font-size: 10px;
   padding: 5px;
   text-align: center;
 }

 p {
   font-size: 8px;
   padding: 10px;
 }
}

@media screen and (min-width: 768px) {
 html {
   background: linear-gradient(180deg, #4B422F 0%, #B0A18F 100%);
 }
 h1 {
   font-size: 20px;
   padding: 5px;
   text-align: center;
 }

 h2 {
   font-size: 15px;
   padding: 5px;
   text-align: center;
 }

 p {
   font-size: 12px;
   padding: 10px;
 }
}

@media screen and (min-width: 1200px) {
 html {
   background: linear-gradient(180deg, #2F3A4B 0%, #8FA2B0 100%);
 }

 h1 {
   font-size: 25px;
   padding: 5px;
   text-align: center;
 }

 h2 {
   font-size: 20px;
   padding: 5px;
   text-align: center;
 }

 p {
   font-size: 16px;
   padding: 10px;
 }
}