html,
body {
  margin: 0;
  padding: 0;
}

body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: rgb(200, 200, 200);

  display: flex;
  justify-content: center;
  align-items: center;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

#cat-king {
  /* background-image: url("./mcat.svg"); */
  /* background-repeat: no-repeat; */
  /* background-position: center; */
  width: 100vh;
  height: 100vh;
}

.st0 {
  fill: #251822;
}

.st1 {
  fill: #3b2e36;
}

.st2 {
  fill: #a3a3ab;
}

.st3 {
  fill: #b8bcc4;
}

.st4 {
  fill: #988269;
}

.st5 {
  fill: #584849;
}

.st6 {
  fill: #a49f9c;
}

.st7 {
  fill: #ac9b85;
}

.st8 {
  fill: #9b8d7f;
}

.st9 {
  fill: #959090;
}

.st10 {
  fill: #bc9e65;
}

.st11 {
  fill: #c9a445;
}

.st12 {
  fill: #7b7a93;
}

.st13 {
  fill: #897f7d;
}

.st14 {
  fill: #b3b3b2;
}

.st15 {
  fill: #6a5b59;
}

.st16 {
  fill: #bfb499;
}

.st17 {
  fill: #7d6d65;
}

.st18 {
  fill: #ddddc9;
}

.st19 {
  fill: #272a58;
}

.st20 {
  fill: #2d3374;
}

.st21 {
  fill: #e2bf74;
}

.st22 {
  fill: #455195;
}

.st23 {
  fill: #d48f78;
}

.st24 {
  fill: #bd7c59;
}