* { margin: 0; font-family: "Century Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @mixin default() { font-size: 0.75rem; } a { &.nav-link { @include default(); color: white; &:hover { @include default(); color: white; } } } body { background: url("../assets/dark-honeycomb.png"); } button { &.btn { @include default(); } &.page-link { @include default(); } &.dropdown-item { @include default(); } } input[type="button"], input[type="submit"], input[type="search"], input[type="text"], input[type="password"] { @include default(); } li { &.page-item { @include default(); } &.list-group-item { background-color: rgba(0, 0, 0, 0.125); border: none; } } .target { border: thin solid; border-image: linear-gradient(43deg, #4158d0 0%, #c850c0 46%, #ffcc70 100%); border-image-slice: 1; } div { &.offcanvas-body { background-color: black; } } span { & { @include default(); } :not(.page-link, .contexify_itemContent, .alert) > & { color: white; } ul.list-group > &.badge { font-weight: normal; border-radius: 0; } div.modal-content & { color: black; } &.date { color: darkgray; } &.stand { color: white; } &.point { color: white; } &.band { color: white; } &.title { color: white; } &.genre { color: darkgray; } &.fittedText { color: dodgerblue; } &.artist { color: lightgray; } &.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; } &.highestJudgment { color: cyan; } &.higherJudgment { color: deepskyblue; } &.highJudgment { color: lightgreen; } &.lowJudgment { color: yellow; } &.lowerJudgment { color: mediumpurple; } &.lowestJudgment { color: red; } &.S\+ { color: gold; } &.S { color: gold; } &.A\+ { color: green; } &.A { color: green; } &.B { color: blue; } &.C { color: magenta; } &.D { color: red; } &.audioMultiplier { color: white; } &.avatarPlace { font-size: 1.5rem; } &.avatarIntro { white-space: pre-line; } } .route { cursor: pointer; }