body{
font-family:Arial,sans-serif;
margin:10px;
background:linear-gradient(to bottom right, #b5ead7, #85f4ff, #e0bbe4);
}
.h{
max-width:600px;
padding:20px;
border-radius:10px;
}
hr{
border:1 px solid #dd;
}
ul{
padding-left:20px;
}
a{
text-decorstion:none;
color:#007bff;
}
@media (max-width: 640px) {
  .h {
    max-width: 90%;
    padding: 15px;
    margin: 10px auto;
  }

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.3rem;
  }

  h3 {
    font-size: 1.1rem;
  }

  p, ul {
    font-size: 1rem;
  }
}