@import 'globals.css';
@import 'alerts.css';
@import 'pages-styles.css';
@import 'fonts/fonts.css';


a, a:visited {
    color: #634ba0;
    text-decoration: none;
}

a:hover {
	color: #9b7edb;
    text-decoration: none;
}

h1, h2 ,h3, h4, h5  {
	font-variant: small-caps;
	filter: drop-shadow(0 0 1px rgba(156, 156, 156, 0.15));
	font-weight: 100;
	color: #9b7edb;
	letter-spacing: -0.075em;
}

body {
	color: rgb(200, 200, 200);
	font-family: 'Futura';
	letter-spacing: -0.05em;
	font-weight: 100;
	font-size: 0.95rem;
	position: relative;
	width: 100vw;
	background: #0c0e11;
	word-wrap: break-word;
}

/* Header */
.pageHeader {
	position: fixed;
	z-index: 200;
	background: #000;
	width: 100vw;
	height: 4em;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	border-bottom: 0.1em solid #634ba0;
	padding: 0 5em;
}

.pageHeaderLogo {
	width: 20%;
	padding: 0.25em 0 0;
}

.pageHeaderLogo .pageHeaderLogoLarge {
    width: 3.5em;
    height: auto;
}

.pageHeaderMenu {
	font-family: 'Share Tech Mono';
	height: 4em;
	width: 60%;
}

.menuItems {
	word-spacing: -0.25em;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 1.2em 0 0;
	font-size: 1.2em;
	gap: 1.25em;
}

.menuItems li > .active {
	padding: 0 0 0.7em;
	border-bottom: 0.15em solid #634ba0;
}

.pageHeaderDiscordButton {
	width: 20%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
}

.discord-btn {
	border-radius: 0.25em;
	padding: 0.5em;
	font-size: 1.1em;
	color: #C4C4C4 !important;
	background: #4d60a4;
	text-align: right;
	transition: all 0.75s;
	letter-spacing: -0.075em;
	
	i {
		margin-right: 0.5em;
	}
}

.discord-btn:hover {
	color: #FFFFFF !important;
	background: #7289d9;
}

/* Main */
main {
	background: #11141a;
	font-size: 1.1em;
	padding: 3em 0 2em;
}

.pagecontent {
	margin: 0 5em;
	padding: 1em 0 2em;
}

.breadcrumbs {
	margin: -0.75em 0 1em;
	padding: 0 0.1em 0;
	color: rgb(175, 175, 240);
}

.contentbox {

	ul, ol {
		list-style: circle;
		padding: 0.1em 1.5em;
	}
}

.contentbox p {
	padding: 0.25em 0;
}

/* Main */
footer {
	font-size: 1.1em;
	padding: 1.5em 4.5em;
	display: flex;
	justify-content: space-between;
}

.footer-links {
	text-align: right;
}