@import url('/inc/fonts/inter_3-3/inter.css');
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Inter', sans-serif;
}
body.dark {
	background: #262626;
	background: rgba(21, 30, 47, 1);
	/* background: rgba(27, 28, 29, 1); */
	background-size: cover;
	background-repeat: no-repeat;
	color: rgba(255,255,255,08);
}
body.dark:before, body.dark:after {
	/* content: "";
	pointer-events: none;
	z-index: 1;
	display: block;
	position: fixed;
	top: 0;
	width: 48%;
	height: 750px;
	opacity: 0.7; */
}
/*
  body.dark:before {
	left: 0;
	background: radial-gradient(at 0% 0%, rgba(0, 55, 181, 0.3) 0%, rgba(0,0,0, 0) 60%);
	}
  body.dark:after {
	right: 0;
	background: radial-gradient(at 100% 0%, rgba(255, 206, 0, 0.2) 0%, rgba(0,0,0, 0) 60%); }
  body.dark > * {
	position: relative;
	z-index: 2;
	} */

body.dark {
	background-image: radial-gradient(ellipse at 70% 0%, hsla(257deg, 62%, 32%, 0.7) 0%, rgba(60, 31, 132, 0) 30%),radial-gradient(circle at 90% 0%, hsla(347deg, 83%, 60%, 0.5) 0%, rgba(238, 68, 105, 0) 30%),radial-gradient(ellipse at 0% 0%, hsla(175deg, 51%, 48%, 0.15) 0%, rgba(60, 185, 174, 0) 40%),radial-gradient(circle at 30% 100%, hsla(257deg, 62%, 32%, 0.7) 0%, rgba(60, 31, 132, 0) 40%),radial-gradient(ellipse at 10% 100%, hsla(347deg, 83%, 60%, 0.5) 0%, rgba(238, 68, 105, 0) 40%),radial-gradient(ellipse at 100% 100%, hsla(175deg, 51%, 48%, 0.15) 0%, rgba(60, 185, 174, 0) 40%);
}
header {
	margin-top: 15px;
	width: 100%;
	position: relative;
	height: 80px;
	}
	#logo {
		display: block;
		height: 120px;
		width: 120px;
		background: url('../img/i3_rev3_256x256px.jpg');
		background-size: contain;
		background-repeat: no-repeat;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		color: transparent;
		border-radius: 3px;
		z-index: 99 !important;
	}
#viewport {
	background-position: center;
	background-size: cover;
	height: 100vh;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(0,0,0,0.4);
	}
	#container {
	  text-align: center;
	}
	#container h1 {
		background-color: #FFE53B;
		background-image: linear-gradient(147deg, rgba(43, 130, 75, 1) 0%, rgba(0, 173, 226, 1.0) 74%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-bottom: 0px;
		padding: 0px;
	}
	#container h2 {
		color: rgba(255,255,255,0.4);
		font-size: 1em;
		font-weight: normal;
		padding: 0px;
	}
	#container .cta {
		padding-top: 15px;
	}
	#container a.attract {
		background: rgba(255,255,255, 0.1);
		border-radius: 6px;
		padding: 5px 8px;
		text-decoration: none;
		color: rgba(255,255,255,0.5);
		}
		#container a.attract + a.attract {
			margin-left: 15px;
		}
		#container a.attract:hover {
			color: rgba(0,0,0,0.5);
			background: rgba(0, 173, 226, 1);
			border-radius: 6px;
			padding: 5px 8px;
			text-decoration: none;
		}
	body.dark #container p {
		color: rgba(255,255,255,0.3);
	}
footer {
	width: calc(100vw - 30px);
	padding: 15px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
	footer a {
		background: rgba(255,255,255,0.3);
		border-radius: 6px;
		padding: 5px 8px;
		text-decoration: none;
		color: rgba(0,0,0,0.5);
		}
		footer a:hover {
			background: rgba(255,255,255,0.8);
			border-radius: 6px;
			padding: 5px 8px;
			text-decoration: none;
		}