body {
  background: #0d4684;
  background-image: url('/img/bg_magic-blue.png');
  background-size: cover;
}

div {
}
.container {
  display: block;
  height: clamp(300px, 35vh, 500px);
  width: clamp(400px, 40vw, 800px);
  margin: 15vh auto;
  max-width: 600px;
  padding: clamp(20px, 5vw, 40px);
  background-color: #ffffff;
  color: #00000097;
  border-radius: 10px;
  box-shadow: 0px 12px 24px -5px rgba(0, 0, 0, 0.2);
}
.container h1 {
  text-align: center;
  font-family: sans-serif;
  font-size: clamp(25px, 5vw, 50px);
  line-height: 1.2;
  padding-bottom: 16px;
  font-weight: bold;
  -webkit-text-stroke-width: thin;
  -webkit-text-stroke: black;
}
.container p {
  font-weight: bold;
  text-align: center;
  font-family: sans-serif;
  font-size: clamp(16px, 2em, 30px);
  line-height: 1.2;
  -webkit-text-stroke-width: thin;
  -webkit-text-stroke: black;
}