body {
    margin: 0;
    background: #222;

    margin: 20px;
}

svg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

span {
    color: white;
    font-family: sans-serif;
    opacity: .3;
}
/* Reset */
body {
  margin: 0;
  padding: 0;
  background: #222;
  overflow-x: hidden; /* scroll issue fix */
}

/* SVG full screen */
svg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

/* Text */
span {
  color: white;
  font-family: sans-serif;
  opacity: 0.3;

  font-size: 14px; /* mobile base */
  padding: 10px;
}

/* 📱 MOBILE OPTIMIZATION */
@media (max-width: 768px) {

  span {
    font-size: 12px;
    opacity: 0.4;
    text-align: center;
  }

}

/* 📱 SMALL DEVICES */
@media (max-width: 480px) {

  span {
    font-size: 11px;
    padding: 8px;
  }

}