:root {
  --brand-color-prim300: #480076;
  --brand-color-prim200: #8124bb;
  --brand-color-prim100: #caaaf3;
  --brand-font-family: "SwiftJustice", "Times", "Times New Roman", serif;
  --brand-color-prim300-filter: brightness(0) saturate(100%) invert(15%) sepia(56%) saturate(713%) hue-rotate(232deg)
    brightness(98%) contrast(86%);
  --brand-color-prim200-filter: brightness(0) saturate(100%) invert(32%) sepia(12%) saturate(2165%) hue-rotate(233deg)
    brightness(99%) contrast(99%);
  --brand-color-prim100-filter: brightness(0) saturate(100%) invert(57%) sepia(12%) saturate(1484%) hue-rotate(229deg)
    brightness(94%) contrast(83%);
  --brand-border-radius: 4px;
  --brand-color-header: white;
  --main-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    sans-serif;
}

@font-face {
  font-family: SwiftJustice;
  font-style: normal;
  font-weight: bold;
  src: url("/css/font/SwiftJustice.ttf") format("truetype");
}
:root {
  --dynamic-pad: 32px;
}

* {
  font-family: var(--main-font-family);
}

body {
  background-color: white;
  margin: 0px;
  min-width: 320px;
}