* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  --eerie-black: hsla(0, 0%, 13%, 0.8);
  --eerie-black-semi: hsla(0, 0%, 13%, 0.8);
  --white: hsla(0, 0%, 100%, 1);
  --lapis-lazuli: hsla(209, 69%, 35%, 0.6);
  --cadet-blue: hsla(190, 30%, 53%, 1);
  --light-steel-blue: hsla(214, 45%, 82%, 1);
  backdrop-filter: grayscale(100%) contrast(240%);
  min-height: 100%;
  flex-grow: 1;
}

html {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(rgba(238, 196, 135, 0.5)),
      color-stop(3%, rgba(243, 207, 154, 0.5)),
      color-stop(6%, rgba(248, 216, 162, 0.5)),
      color-stop(6%, rgba(243, 207, 154, 0.5)),
      color-stop(9%, rgba(243, 207, 154, 0.5)),
      color-stop(12%, rgba(241, 202, 136, 0.5)),
      color-stop(15%, rgba(243, 207, 154, 0.5)),
      color-stop(17%, rgba(244, 208, 158, 0.5)),
      color-stop(19%, rgba(243, 207, 154, 0.5)),
      color-stop(21%, rgba(243, 207, 154, 0.5)),
      color-stop(23%, rgba(250, 221, 176, 0.5)),
      color-stop(25%, rgba(250, 221, 176, 0.5)),
      color-stop(27%, rgba(243, 207, 154, 0.5)),
      color-stop(29%, rgba(238, 200, 138, 0.5)),
      color-stop(29%, rgba(243, 207, 154, 0.5)),
      color-stop(32%, rgba(243, 207, 154, 0.5)),
      color-stop(34%, rgba(243, 207, 154, 0.5)),
      color-stop(37%, rgba(243, 207, 154, 0.5)),
      color-stop(40%, rgba(250, 221, 176, 0.5)),
      color-stop(43%, rgba(250, 221, 176, 0.5)),
      color-stop(43%, rgba(243, 207, 154, 0.5)),
      color-stop(44%, rgba(243, 207, 154, 0.5)),
      color-stop(47%, rgba(243, 207, 154, 0.5)),
      color-stop(49%, rgba(238, 200, 138, 0.5)),
      color-stop(52%, rgba(243, 207, 154, 0.5)),
      color-stop(54%, rgba(250, 221, 176, 0.5)),
      color-stop(56%, rgba(244, 208, 158, 0.5)),
      color-stop(59%, rgba(243, 207, 154, 0.5)),
      color-stop(61%, rgba(244, 208, 158, 0.5)),
      color-stop(64%, rgba(250, 221, 176, 0.5)),
      color-stop(64%, rgba(243, 207, 154, 0.5)),
      color-stop(66%, rgba(244, 208, 158, 0.5)),
      color-stop(69%, rgba(243, 207, 154, 0.5)),
      color-stop(71%, rgba(248, 216, 162, 0.5)),
      color-stop(74%, rgba(243, 207, 154, 0.5)),
      color-stop(76%, rgba(243, 207, 154, 0.5)),
      color-stop(77%, rgba(243, 207, 154, 0.5)),
      color-stop(80%, rgba(243, 207, 154, 0.5)),
      color-stop(81%, rgba(250, 221, 176, 0.5)),
      color-stop(83%, rgba(243, 207, 154, 0.5)),
      color-stop(83%, rgba(250, 221, 176, 0.5)),
      color-stop(85%, rgba(250, 221, 176, 0.5)),
      color-stop(87%, rgba(243, 207, 154, 0.5)),
      color-stop(89%, rgba(250, 221, 176, 0.5)),
      color-stop(91%, rgba(250, 221, 176, 0.5)),
      color-stop(92%, rgba(243, 207, 154, 0.5)),
      color-stop(96%, rgba(248, 216, 162, 0.5)),
      color-stop(97%, rgba(243, 207, 154, 0.5)),
      color-stop(97%, rgba(243, 207, 154, 0.5)),
      color-stop(98%, rgba(243, 207, 154, 0.5)),
      to(rgba(243, 207, 154, 0.5))),
    -webkit-gradient(linear, right top, left top, from(rgba(238, 196, 135, 0.3)), color-stop(3%, rgba(243, 207, 154, 0.3)), color-stop(6%, rgba(248, 216, 162, 0.3)), color-stop(6%, rgba(243, 207, 154, 0.3)), color-stop(9%, rgba(243, 207, 154, 0.3)), color-stop(12%, rgba(241, 202, 136, 0.3)), color-stop(15%, rgba(243, 207, 154, 0.3)), color-stop(17%, rgba(244, 208, 158, 0.3)), color-stop(19%, rgba(243, 207, 154, 0.3)), color-stop(21%, rgba(243, 207, 154, 0.3)), color-stop(23%, rgba(250, 221, 176, 0.3)), color-stop(25%, rgba(250, 221, 176, 0.3)), color-stop(27%, rgba(243, 207, 154, 0.3)), color-stop(29%, rgba(238, 200, 138, 0.3)), color-stop(29%, rgba(243, 207, 154, 0.3)), color-stop(32%, rgba(243, 207, 154, 0.3)), color-stop(34%, rgba(243, 207, 154, 0.3)), color-stop(37%, rgba(243, 207, 154, 0.3)), color-stop(40%, rgba(250, 221, 176, 0.3)), color-stop(43%, rgba(250, 221, 176, 0.3)), color-stop(43%, rgba(243, 207, 154, 0.3)), color-stop(44%, rgba(243, 207, 154, 0.3)), color-stop(47%, rgba(243, 207, 154, 0.3)), color-stop(49%, rgba(238, 200, 138, 0.3)), color-stop(52%, rgba(243, 207, 154, 0.3)), color-stop(54%, rgba(250, 221, 176, 0.3)), color-stop(56%, rgba(244, 208, 158, 0.3)), color-stop(59%, rgba(243, 207, 154, 0.3)), color-stop(61%, rgba(244, 208, 158, 0.3)), color-stop(64%, rgba(250, 221, 176, 0.3)), color-stop(64%, rgba(243, 207, 154, 0.3)), color-stop(66%, rgba(244, 208, 158, 0.3)), color-stop(69%, rgba(243, 207, 154, 0.3)), color-stop(71%, rgba(248, 216, 162, 0.3)), color-stop(74%, rgba(243, 207, 154, 0.3)), color-stop(76%, rgba(243, 207, 154, 0.3)), color-stop(77%, rgba(243, 207, 154, 0.3)), color-stop(80%, rgba(243, 207, 154, 0.3)), color-stop(81%, rgba(250, 221, 176, 0.3)), color-stop(83%, rgba(243, 207, 154, 0.3)), color-stop(83%, rgba(250, 221, 176, 0.3)), color-stop(85%, rgba(250, 221, 176, 0.3)), color-stop(87%, rgba(243, 207, 154, 0.3)), color-stop(89%, rgba(250, 221, 176, 0.3)), color-stop(91%, rgba(250, 221, 176, 0.3)), color-stop(92%, rgba(243, 207, 154, 0.3)), color-stop(96%, rgba(248, 216, 162, 0.3)), color-stop(97%, rgba(243, 207, 154, 0.3)), color-stop(97%, rgba(243, 207, 154, 0.3)), color-stop(98%, rgba(243, 207, 154, 0.3)), to(rgba(243, 207, 154, 0.3))),
    -webkit-gradient(linear, left top, right top, from(rgba(238, 196, 135, 0.3)), color-stop(3%, rgba(243, 207, 154, 0.3)), color-stop(49%, rgba(238, 200, 138, 0.3)), color-stop(52%, rgba(243, 207, 154, 0.3)), color-stop(54%, rgba(250, 221, 176, 0.3)), color-stop(56%, rgba(244, 208, 158, 0.3)), color-stop(59%, rgba(243, 207, 154, 0.2)), color-stop(61%, rgba(244, 208, 158, 0.3)), color-stop(64%, rgba(250, 221, 176, 0.3)), color-stop(64%, rgba(243, 207, 154, 0.3)), color-stop(66%, rgba(244, 208, 158, 0.3)), color-stop(69%, rgba(243, 207, 154, 0.3)), color-stop(71%, rgba(248, 216, 162, 0.3)), color-stop(74%, rgba(243, 207, 154, 0.3)), color-stop(76%, rgba(243, 207, 154, 0.3)), color-stop(77%, rgba(243, 207, 154, 0.3)), color-stop(80%, rgba(243, 207, 154, 0.3)), color-stop(81%, rgba(250, 221, 176, 0.3)), color-stop(83%, rgba(243, 207, 154, 0.3)), color-stop(83%, rgba(250, 221, 176, 0.3)), color-stop(85%, rgba(250, 221, 176, 0.3)), color-stop(87%, rgba(243, 207, 154, 0.3)), color-stop(89%, rgba(250, 221, 176, 0.3)), color-stop(91%, rgba(250, 221, 176, 0.3)), color-stop(92%, rgba(243, 207, 154, 0.3)), color-stop(96%, rgba(248, 216, 162, 0.3)), color-stop(97%, rgba(243, 207, 154, 0.3)), color-stop(97%, rgba(243, 207, 154, 0.3)), color-stop(98%, rgba(243, 207, 154, 0.3)), to(rgba(243, 207, 154, 0.3)));
  background-color: rgba(33, 22, 0, 1);
  background-size: 500px 20px, 300px 20px, 20px 820px;
  background-position: 50% 50%, 70% 70%, 30% 30%;
}

button {
  cursor: pointer;
}