@import url(https://fonts.googleapis.com/css2?family=Sofia&display=swap); @import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap); @import url(https://fonts.cdnfonts.com/css/austos);
.affiliates { text-align: center }
.affiliates a { filter: opacity(.5) }
.affiliates a:hover { filter: opacity(1) }
.attachedav  {
    display: flex;
    overflow: hidden;
    height: 100px;
    align-items: center;
    justify-content: center;
    width: 100px;
    border: 1px solid var(--border);
}
::-webkit-scrollbar {
    width: 10px;
    background: var(--banner); background-size: cover
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, var(--link) 0%, var(--altbackground) 100%);
}
hr { border: 0; border-top: 1px solid var(--border) }
body { cursor: default; background-image: var(--banner); background-color: var(--background);
	background-size: cover; background-position: bottom; background-attachment: fixed;
	font-family: var(--font); color: var(--text);
	font-size: .8rem; line-height: 1.1rem;
	padding: 0; margin: 0; max-width: 1200px; margin: 0 auto }
a, a:link, a:visited, button, .button, a.button { text-decoration: none; transition: .6s; color: var(--link) }
a:hover, button:hover, a.button:hover, .button:hover { color: var(--hover) }
		
.navigation {
    font-weight: bold;
    font-size: 90%;
    text-align: right;
}
.navigation>* { margin: 0 0 0 .5rem; color: inherit; background: var(--altbackground); padding: .5rem }
.navigation .active { font-style: italic }
#banner { 
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
	margin-top: 20vh; margin-bottom: 1rem; text-align: right
}
#banner img { 
	mix-blend-mode: soft-light }
a.title {
    font-family: var(--fancyfont);
    font-size: 6rem;
    text-decoration: none;
    color: inherit;
    text-shadow: 2px 2px 5px var(--altbackground);
    line-height: 1;
}
nav.menu {
	background-image: var(--banner); 
	background-size: cover; background-position: bottom; background-attachment: fixed;
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .7rem;
    position: sticky;
    top: 0;
}
nav.menu>div { background-color: var(--altbackground);
    padding: .5rem; }
nav.menu a { display: inline-block; padding: .5rem }
#content>.wrapper { padding: 3rem; background: var(--background) }

.welcomeboxes {
    display: flex;
    gap: 1rem; margin: 0 0 1rem;     align-items: center;
	padding-bottom: 1rem; border-bottom: 1px solid var(--border)
}
.welcomeboxes>* { flex: 1 }
.season img {
    display: block;
    margin: 0 auto 1rem;
}
.news b {
    font-size: 80%;
    letter-spacing: 1px;
    text-transform: uppercase; padding: 0 1rem;
}
.logged { display: flex; gap: 1rem }
.logged>* { flex: 1 }
.logged h1 a { color: inherit }
.logged h1 {
    font-size: 1rem;
    margin: 0 0 0.5rem;
    font-weight: bold;
}

h1 { line-height: 1; font-family: var(--fancyfont); font-size: 3rem; font-weight: 100 }
h1 a { color: inherit!important }
h1 a:hover { color: var(--hover)!important }
h2 { font-family: var(--fancyfont); margin-bottom: 0; font-weight: 100; font-size: 2.6rem; line-height: 1 }


button, .button { display: inline-block;
    font-weight: bold;
    background: var(--border);
    padding: 0.5rem; border: 0
}
.button:hover, button:hover, a.button:hover { background: none; border-color: transparent; }


.oocforum, .icforum { margin: 1rem 0; }
.forums h1 { margin: 0  }
.forums h3 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .7rem;
    letter-spacing: 5px;
    word-spacing: 1rem;
	margin: 2rem 0; }
.boardimg {
	min-height: 300px; background-image: var(--banner); background-size: cover; background-position:  50% 50%
}

.logged li { list-style: none }
.logged li a {
    display: block;
    font-style: normal;
    padding: 0.25rem;
    font-weight: bold;
    border: 0;
    font-size: 90%;
    border-top: 1px solid var(--border);
}
.forumwrap { display:flex; gap: 1rem }
.forumside { flex: 0 0 33%; padding-left: 1rem; border-left: 1px solid var(--border) }

.forumside h2 { text-transform: lowercase; padding: 1rem; background:var(--altbackground) }
.forumside h2:nth-child(1) { margin-top: 0 }

#copyright a { color: inherit }


.icforum {  padding: 2rem; 
	background: var(--altbackground);
}
.icforum h1 { display: inline-block; line-height: 0 }


.prides>* { padding: .2rem; margin: 2px 0 }

select, input, textarea {
    border: 2px solid var(--border);
    background: none;
    padding: 0.25rem;
}



.prides  {
    border-collapse: collapse;
    text-align: center;
}
.prides td, .prides th { padding: .25rem }
.prides th { text-align: left }


.oocforum h1 { font-family: inherit; font-size: inherit; font-weight: bold }


.post { width: 100%; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); margin-bottom: 2rem }
.postbit small { display: block; text-align: right; border-top: 1px solid; font-size: 2rem; 
    font-family: var(--fancyfont); }
.postwrap { gap: 1rem; flex:1; display: flex;align-items: stretch;flex-direction: column; padding: 2rem}
.post_controls { filter: opacity(.75); font-size: 80%; text-transform: uppercase; }
.subtlelink a { color: inherit; margin: 0 .5rem }
.stats{ margin-top: 1rem }
.stats>* { flex: 1 }
.stats b {
    display: block;
    text-transform: uppercase;
    font-size: 75%;
    letter-spacing: 3px;
}