@media screen and (min-width: 0) and (max-width: 360px) {
  div.timeSignature {
    margin-left: 0.05rem;
  }
}

@media screen and (min-width: 361px) and (max-width: 400px) {
  div.timeSignature {
    margin-left: 0.07rem;
  }
}

@media screen and (min-width: 401px) and (max-width: 640px) {
  div.timeSignature {
    margin-left: 0.1rem;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  div.timeSignature {
    margin-left: 0.2rem;
  }
}

@media screen and (min-width: 1024px) {
  div.timeSignature {
    margin-left: 0.3rem;
  }
}