@import "~bootstrap/scss/bootstrap";
@import "~taehui-ts/globals";

body {
  background: url("../assets/dark-honeycomb.png");
}

span {
  &.artist {
    color: lightgray;
  }

  &.date {
    color: darkgray;
  }

  &.genre {
    color: darkgray;
  }

  &.fittedText {
    color: dodgerblue;
  }

  &.level0 {
    color: darkgray;
  }

  &.level1 {
    color: mediumspringgreen;
  }

  &.level2 {
    color: mediumturquoise;
  }

  &.level3 {
    color: yellow;
  }

  &.level4 {
    color: mediumvioletred;
  }

  &.level5 {
    color: mediumpurple;
  }

  &.titleLV2000 {
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, purple);
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  &.quit {
    font-size: xx-large;
  }

  &.S\+ {
    color: gold;
  }

  &.S {
    color: gold;
  }

  &.A\+ {
    color: green;
  }

  &.A {
    color: green;
  }

  &.B {
    color: blue;
  }

  &.C {
    color: magenta;
  }

  &.D {
    color: red;
  }
}