margin: -0.5rem 0.25rem;
}
}
+
+h1 {
+ margin-top: 2.5rem;
+ margin-bottom: 2rem;
+}
+
+.button-bar {
+ > * {
+ margin-left: 0.5ex;
+ margin-right: 0.5ex;
+ }
+ > :first-child {
+ margin-left: 0;
+ }
+ > :last-child {
+ margin-right: 0;
+ }
+}
+
+.modal-90w {
+ width: 90%;
+ max-width: none !important;
+}
+
+.quote-alert {
+ position: relative;
+ &::after {
+ position: absolute;
+ top: 0;
+ right: 1ex;
+ content: "”";
+ font-size: 3em;
+ opacity: .5;
+ }
+}
+
+.spoiler {
+ border-radius: 0.5ex;
+ padding: 0 0.5ex;
+ background: $dark;
+ color: $light;
+
+ &.hidden {
+ cursor: pointer;
+
+ > .content {
+ visibility: hidden;
+ }
+ }
+}
+
+.text-discord {
+ color: $discord;
+}
+.text-twitch {
+ color: $twitch;
+}
+
+.text-gold {
+ color: $gold;
+}
+.text-silver {
+ color: $silver;
+}
+.text-bronze {
+ color: $bronze;
+}
+
+.zelda-icon {
+ display: inline-flex;
+ align-items: center;
+ width: 2em;
+ height: 2em;
+
+ img {
+ margin: auto;
+ max-width: 100%;
+ max-height: 100%;
+ }
+}