* {
  box-sizing: border-box;
}

body {
  font-family: Arial;
  padding: 5px;
  background: #4d7383;
}
.header {
  padding: 12px;
  text-align: center;
  background: #fffaf6;
  font-weight: bold;
}
.card {
  background-color: #ffe7aa;
  padding: 10px;
  margin-top: 20px;
  
}

h1 {
  font-size: clamp(20px, 5vw, 35px);
}
p {
  font-size: clamp(10px, 4vw, 20px);
}

h5 {
  font-size: clamp(6px, 2vw, 10px);
}