h1 {
  position: absolute; /* Keeps the text at the center */
  white-space: nowrap; /* Disables line wrapping */
}

/* Aesthetic Styles */

:root {
  --rem-value: clamp(10px, 3vw, 18px);
  --highlight-color: hsl(28 55.2% 56.3%);
}

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

html {
  font-size: var(--rem-value);

  font-family: "Montserrat", sans-serif;
}

body {
  display: grid;
  place-items: center;
  min-height: 100vh;

  overflow: hidden;

  background: linear-gradient(
    45deg,
    rgba(255, 136, 102, 0.7) -50%,
    rgba(255, 221, 136, 0.4) 50%
  );
}

h1 {
  font-size: 4rem;
  text-transform: uppercase;

  color: var(--highlight-color);
  text-shadow: 0.3rem 0.3rem 0px
    hsl(from var(--highlight-color) h s calc(l - 20));
}