html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  background: #fff8d6;
  color: #101828;
  font-family: Arial, Helvetica, sans-serif;
}

.smiley-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
}

.smiley {
  font-size: clamp(10rem, 35vw, 28rem);
  line-height: 1;
  color: #ffcc33;
  text-shadow:
    0 0.025em 0 #d79300,
    0 0.05em 0 #b87500,
    0 0.12em 0.25em rgba(16, 24, 40, 0.22);
}