style.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,600;0,700;0,800;1,200;1,300;1,600;1,700;1,800&display=swap');

html {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
}

#main {
 background: rgb(238,174,202);
background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
  border-radius: 30px;
}

#title {
  padding: 20px;
  font-family: 'Poppins', sans-serif;
  font-size: 2em;
  text-align: center;
}

#title h1 {
  background-color: #eee;
  border-radius: 30px;
  padding: 10px;
  box-shadow: 0px 10px 0px #c9c9c9;
}

p {
  font-weight: 600;
}

img {
  display: block;
  margin: 0 auto;
  box-shadow: 0px 5px 15px #000;
  max-width: 100%;
  transition: all 0.3s ease-in-out;
}
img:hover {
  transform: scale(1.1, 1.1);
  transition: 0.3s all ease 0s;
}

figcaption {
  text-align: center;
  padding: 10px;
  font-size: 1.3em;
  margin-bottom: 20px;
}

h3 {
  text-align: center;
  font-size: 1.7em;
}

ul {
  max-width: 550px;
  margin: 0 auto 10px auto;
  text-align: justify;
  padding: 10px 30px 10px 30px;
  background-color: #eee;
  border-radius: 20px;
  box-shadow: 0px 5px 10px #000;
}

li {
  font-size: 1.8em;
}

span {
  font-weight: 700;
}

h2 {
  text-align: center;
  padding: 30px;
}

@media only screen and (max-width: 600px) {
  #title {
    font-size: 1.5em;
  }
  
  p {
    font-size: 0.9em;
  }
  
  figcaption {
    font-size: 1.1em;
  }
  
  #tribute-info {
    max-width: 90%;
    margin: 0 auto;
  }
  
  li {
    font-size: 1.5em;
  }
  
  h2 {
    font-size: 1.1em;
  }
}