:root {
	--wa-border-radius-scale: 2;
	--wa-border-width-scale: 1;
	--wa-font-family-body: Nunito, sans-serif;
	--wa-font-family-code: "Azeret Mono", monospace;
	--wa-font-family-heading: Fredoka, sans-serif;
	--wa-font-family-longform: BioRhyme, serif;
	--wa-font-weight-body: 500;
	--wa-font-weight-code: 400;
	--wa-font-weight-heading: 900;
	--wa-font-weight-longform: 400;
	--wa-space-scale: 1;
	background: var(--wa-color-surface-lowered);
}

@font-face {
	font-family: AlphabetoftheMagi;
	src: url(../fonts/alphabetofthemagi.woff2) format("woff2"), url(../fonts/alphabetofthemagi.woff) format("woff");
}

@font-face {
        font-family: Angelic;
        src: url(../fonts/angelic.woff2) format("woff2"), url(../fonts/angelic.woff) format("woff");
}

@font-face {
        font-family: Daggers;
        src: url(../fonts/daggers.woff2) format("woff2"), url(../fonts/daggers.woff) format("woff");
}

@font-face {
        font-family: Enochian;
        src: url(../fonts/enochian.woff2) format("woff2"), url(../fonts/enochian.woff) format("woff");
}

@font-face {
        font-family: Malachim;
        src: url(../fonts/malachim.woff2) format("woff2"), url(../fonts/malachim.woff) format("woff");
}

@font-face {
        font-family: PassingtheRiver;
        src: url(../fonts/passingtheriver.woff2) format("woff2"), url(../fonts/passingtheriver.woff) format("woff");
}

@font-face {
        font-family: Theban;
        src: url(../fonts/theban.woff2) format("woff2"), url(../fonts/theban.woff) format("woff");
}

/* ⇈ Root Stuff ⇈ */
/* ⇊ My Stuff ⇊ */

.alphabet-of-the-magi {
	font-family: AlphabetoftheMagi;
}

.angelic {
	font-family: Angelic;
}

aside {
	padding-top: var(--wa-space-2xl);
}

.daggers {
	font-family: Daggers;
}

.enochian {
	font-family: Enochian;
}

#ghost-hole {
	background: url(../images/cardboard.png);
	height: 500px;
	mask-image: url(../images/sparkly-ghost.svg);
	mask-position: center bottom;
	mask-repeat: no-repeat;
	mask-size: 100%;
	-webkit-mask-image: url(../images/sparkly-ghost.svg);
}

.malachim {
        font-family: Malachim;
}

nav {
	padding-right: 0;
        padding-top: var(--wa-space-2xl);
}

.passing-the-river {
        font-family: PassingtheRiver;
}


.theban {
	font-family: Theban;
}

wa-button.menu-tab::part(button) {
	background: var(--wa-color-brand-fill-quiet);
	border-radius: var(--wa-border-radius-l) 0 0 var(--wa-border-radius-l);
	color: var(--wa-color-brand-on-quiet);
}

wa-button.menu-tab::part(button):hover {
	box-shadow: 0 0 5px 5px var(--wa-color-focus);
}

wa-card.info-card {
}

wa-card.info-card div.definitions {
	--flank-size: 25ch;
	align-items: flex-start;
}

wa-card.info-card::part(header) {
	font-size: var(--wa-font-size-2xl);
	font-weight: 900;
}

wa-card.info-card::part(media) {
	padding: var(--wa-space-xl);
}

wa-card.info-card wa-callout {
	text-align: center;
}

wa-card.info-card wa-divider {
	--color: var(--wa-color-brand-fill-loud);
	--width: 3px;
}

wa-card.quote-card {
        background: var(--wa-color-success-fill-quiet);
	border: var(--wa-border-style);
        color: var(--wa-color-success-on-quiet);
}

wa-page {
	--aside-width: 15%;
	--main-width: 75%;
	--menu-width: 10%;
	box-shadow: var(--wa-shadow-l);
}

wa-page::part(main) {
	background: var(--wa-color-brand-fill-quiet);
	border-radius: var(--wa-border-radius-l);
}

wa-page[view='mobile'] {
	--aside-width: auto;
	--main-width: 100%;
	--menu-width: auto;
}