@import url('site.css');

:root {
	--Brackground: #000000;
	--Surface: #000000;
	--Primary-On-Background: #00FFFF;
	--Primary-On-Surface: #00FFFF;
	--Secondary-On-Background: #3D9592;
	--Secondary-On-Surface: #3D9592;
	--On-Surface: #FFFFFF;
	--On-Background: #FFFFFF;
	--On-Primary: #FFFFFF;
	--On-Secondary: #FFFFFF;
	--Navbar-Background: #000000;
	--Navbar-Title: #00FFFF;
	--Navbar-Button-Background-Active: #00FFFF;
	--Navbar-Button-Background-Default: #FFFFFF;
	--Navbar-Button-Text-Active: #000000;
	--Navbar-Button-Text-Default: #000000;
	--Button-Background-Active: #00FFFF;
	--Button-Background-Default: #FFFFFF;
	--Button-Text-Active: #000000;
	--Button-Text-Default: #000000;
}

body {
	height: 100vh;
	overflow-y: hidden;
}

footer {
	position: absolute;
	width: 100vw;
	bottom: 0;
}

.xyclone-logo {
	background-image: url('../icons/xyclonedesigns.svg');
}
.xyclone-navbar-toggler {
	background-image: url('../icons/space/home/hamburger.svg');
}
.xyclone-landing-error {
	padding-top: 30vh;
	padding-bottom: 10vh;
	text-align: center;
}