:root {
  --bg: #f3f3f3;
}

body {
  margin: 0;
  background: #f3f3f3;
}

.page {
  min-height: 100vh;
  display: flex;
  justify-content: center; /* horizontal center */
  align-items: center;     /* vertical center */
}

/* container for both images */
.template {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* keeps left alignment of the graphics */
  gap: 80px;               /* space between Updates and Palette */
}


/* Updates header graphic */
.updates {
  width: 900px;
  height: auto;
  display: block;
}

/* Palette strip */
.palette {
  width: 900px;
  height: auto;
  display: block;
}