* {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  height: 100vh;
}

body {
  background-color: var(--background-color, #1A1A1A);
}

.wrapper {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 600px;
  height: 100%;
  max-height: 600px;
  color: var(--color, #fff);
  padding: 10px;
}

svg {
  max-width: 100%;
  max-height: 100%;
}

.f1 {
  fill: var(--color, #fff);
}

.f2 {
  fill: var(--background-color, #1A1A1A);
}