:root {
	--primary-color: #2B1B52;
	--background-color: #333;
	--text-color: #0a0a0a;
}


header {
	/* background: white; */
	background-image: linear-gradient(90deg,#0096FF 0%, rgb(111, 51, 168) 100%);
	margin: -10px;
	display: flex;
	width: 100vw+10px;
	top: 0;
	backdrop-filter: saturate(300%) blur(15px);
	-webkit-backdrop-filter: saturate(300%) blur(15px);
	box-shadow: inset 0px -5px #33333378;
}

body {
	background-color: var(--background-color);
	color: var(--text-color);
	}

body p {
	font-family: "kallisto", "roboto", "helvetica neue", sans-serif;
	font-size: light;
	line-height: 1.5;
	font-weight: 300;
	font-style: normal;
}

.container {
	max-width: 800px;
	min-width: 200px;
	margin: auto;
	text-align: center;
	text-wrap: balance;
	border: #0a0a0a00 1px solid;
	backdrop-filter: saturate(150%) blur(15px) ;
	border-radius: 10px;
	padding: 10px;

}

.logo {
	width: 200px;
	height: 200px;
	fill: var(--primary-color2);
	}
	
.imgcenter {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	}
	
.headerText {
	display: inline;
	padding: 0 20px;
	vertical-align: middle;
	text-align: center;
}

.headerText h1,
.headerText h2 {
	font-family: "kallisto", "orbitron", "tuna", "avenir next", sans-serif;
}