.what_is_spotify, .p1, .p2 {
  line-height: 50px;
  width:500px;
  text-align: center;
  margin: auto;
  margin-top: 50px;
}

.what_is_spotify {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  /*is a good way to change size to use rem*/
  font-size: 3.5rem;
  font-style: italic;
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

.p1 {
  /*use a google font*/
  font-family: 'jost', sans-serif;
  font-size: 1.5rem;
  font-style: italic;
}

.the_life_of_a_showgirl{
  width: 500px;
  text-align: center;
  margin: auto;
  margin-top: 50px;
}

.p2 {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 1.3rem;
  font-variant: small-caps;
  color: rgb(0, 82, 0);
  background: radial-gradient(rgb(232, 251, 232), white);
}

.logo {
  width: 500px;
  /*make the image center on the page*/
  text-align: center; 
  margin: auto;
  margin-top: 300px;;
  margin-bottom: 110px;
  /*have a transition*/
  transition: transform 1s ease;
}

.logo:hover{
  /*make a scale effect to hover*/
  transform: scale(1.2);
}