/* body:before {
  display: block;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  background-color: white;
  color: red;
  font: normal normal 1.5rem/1 sans-serif;
  z-index: 99999;
  content: "--zero";
}

@media (min-width: 576px) {
  body:before {
    content: "--phone 576";
  }
}

@media (min-width: 768px) {
  body:before {
    content: "--tablet 768";
  }
}

@media (min-width: 1140px) {
  body:before {
    content: "--desktop 1140";
  }
}

@media (min-width: 1400px) {
  body:before {
    content: "--widescreen 1400";
  }
} */