:root{--dark-tone:#222831;--darker-tone:#0a131e;--default-color:#e6e6e6;--ink-color:#49423b;--light-tone:#5d6d78;--primary-color:#5b69fc;--red-tone:#5f1f20;--very-large-breakpoint:80rem;--large-breakpoint:64rem;--medium-breakpoint:48rem;--small-breakpoint:40rem;--very-small-breakpoint:30rem}main>section.article-container{background:var(--dark-tone)}main>section.article-container.factions>article>.heading>h1{text-align:center}main>section.article-container>article>.content{column-count:2}main>section.article-container>article>.heading{align-items:center;display:flex;gap:2rem;justify-content:center;line-height:1;margin:2rem 0}main>section.article-container>article>.heading>h1,main>section.article-container>article>.heading>h2,main>section.article-container>article>.heading>h3,main>section.article-container>article>.heading>h4,main>section.article-container>article>.heading>h5,main>section.article-container>article>.heading>h6{flex-grow:1;font-size:96px;margin-bottom:0;margin-top:0;text-align:center}main>section.article-container>article>.heading>.image-container{align-self:flex-start;filter:drop-shadow(0 0 1rem black);flex-shrink:0;height:15rem}main>section.article-container>article>.heading>.image-container>img{height:100%}main>section.articles{align-items:center;background:var(--light-tone);min-height:auto;text-align:center}main>section.articles#factions{background:var(--dark-tone)}main>section.articles#factions>nav{margin:0 auto;max-width:var(--very-large-breakpoint);padding-bottom:4rem}main>section.articles#factions>nav>ul{gap:2rem}main>section.articles#factions>nav>ul>li{align-content:center;border:1px solid #000;border-radius:1rem;box-shadow:inset .125rem .5rem 4rem #000;flex:16rem;height:20rem;padding:1rem;position:relative;text-shadow:0 0 1rem #000}main>section.articles#factions>nav>ul>li>a{display:flex;flex-direction:column;height:100%;transition:text-shadow .25s ease,height .325s ease}main>section.articles#factions>nav>ul>li>a>img{height:100%;left:50%;position:absolute;transform:translateX(-50%);z-index:0}main>section.articles#factions>nav>ul>li>a>span{color:#daa520;font-size:28px;margin:auto 0 0;position:relative;text-shadow:0 0 .75rem #000;z-index:1}main>section.articles#factions>nav>ul>li>a:hover>span{text-shadow:0 0 1rem red}main>section.articles#factions>nav>ul>li>a:active>span{text-shadow:0 0 .5rem red}main>section.articles#lands{background:var(--light-tone)}main>section.articles#lands>nav{margin:0 auto;max-width:var(--medium-breakpoint);padding-bottom:4rem}main>section.articles#lands>nav>ul{flex-direction:column;gap:2rem}main>section.articles#lands>nav>ul>li{align-content:center;border-radius:1rem;box-shadow:.125rem .5rem 1rem #000;height:8rem;padding:1rem 2rem;position:relative;text-shadow:0 0 1rem #000}main>section.articles#lands>nav>ul>li>a{display:flex;gap:2rem;height:100%;transition:text-shadow .25s ease,height .325s ease;z-index:1}main>section.articles#lands>nav>ul>li>a>img{height:100%;max-height:8rem;max-width:40%;object-fit:contain}main>section.articles#lands>nav>ul>li>a>span{flex:1;font-family:Old London,serif;font-size:32px;font-variant:normal}main>section.articles#main{background:var(--darker-tone)}main>section.articles#main>nav{margin:0 auto;max-width:var(--large-breakpoint);padding-bottom:4rem}main>section.articles#main>nav>ul{gap:2rem}main>section.articles#main>nav>ul>li{align-content:center;border-radius:1rem;box-shadow:.125rem .5rem 1rem #000;flex:20rem;max-height:16rem;padding:2rem;position:relative;text-shadow:0 0 1rem #000}main>section.articles#main>nav>ul>li>a{display:flex;flex-direction:column;gap:2rem;height:100%;transition:text-shadow .25s ease,height .325s ease;z-index:1}main>section.articles#main>nav>ul>li>a>img{flex:1;height:100%;max-width:100%}main>section.articles#main>nav>ul>li>a>span{font-family:Old London,serif;font-size:32px;font-variant:normal}main>section.articles>nav{padding-top:2rem}main>section.articles>nav>ul>li{display:block}main>section.articles>nav>ul>li>a>*{display:block;margin:auto}main>section.articles>nav>ul>li>a>img{filter:drop-shadow(0 0 1rem black)}main>section#heading{background:var(--red-tone);min-height:min(calc(100vh - 5rem),140vw);padding-bottom:0}main>section#heading>div>.image-container{flex:200px;height:100%;position:relative}main>section#heading>div>.image-container>img{bottom:0;filter:drop-shadow(1rem 0 1rem black);object-position:bottom;position:absolute;right:0}main>section#heading>div>.text-container>h1{margin-top:4rem}@media (max-width:30rem){main>section.articles#lands>nav>ul>li{padding:1rem}}