/* Media queries breakpoints */
@custom-media --mobile  (min-width: 0);
@custom-media --phone   (min-width: 544px);
@custom-media --tablet  (min-width: 768px);
@custom-media --desktop (min-width: 992px);
@custom-media --huge    (min-width: 1200px);

body {
  width: 100vw;
  height: 100vh;

  & > div:first-of-type {
    width: 100%;
    height: 100%;
  }
}

.container {
  width: 100%;
  height: 100%;

  display: flex;
  background-image: url(./static/00.jpg);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;

  @media (--mobile) {
    flex-flow: column wrap;
  }
}
}

/* Media queries breakpoints */
@custom-media --mobile  (min-width: 0);
@custom-media --phone   (min-width: 544px);
@custom-media --tablet  (min-width: 768px);
@custom-media --desktop (min-width: 992px);
@custom-media --huge    (min-width: 1200px);

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  width: 100vw;
  height: 100vh;

  & > div:first-of-type {
    width: 100%;
    height: 100%;
  }
}

.container {
  width: 100%;
  height: 100%;

  display: flex;
  background-image: url(./static/00.jpg);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;

  @media (--mobile) {
    flex-flow: column wrap;
  }
}
}

Configure scalable base font size
Configure scalable base font size

