deus-gaming/assets/css/home-page.css

@charset "UTF-8";

/*=========*/
/* Layout. */
/*=========*/

body.home-page {
	--deus-body-padding: 2rem;

	width: 100%;
	height: 100vh;
}
body.home-page::before {
	content: none;
}

/*===============*/
/* Splash image. */
/*===============*/

body.home-page #splash-image {
	width: 100%;
	height: 100%;
	opacity: 1.0;
	transition: opacity 2.5s ease;
}
body.home-page #splash-image.hidden {
	opacity: 0.0;
}
body.home-page #splash-image.fade {
	opacity: 0.15;
	transition: opacity 1s ease;
}
body.home-page #splash-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*================*/
/* Navigation UI. */
/*================*/

body.home-page #main-nav {
	top: -2rem;
	opacity: 0.0;
}
body.home-page #main-nav.shown {
	top: 0;
	opacity: 1.0;
	transition:
		top 1s ease,
		opacity 1s ease;
}

/*===================*/
/* Copyright notice. */
/*===================*/

body.home-page #copyright {
	bottom: -0.625rem;
	opacity: 0.0;
}
body.home-page #copyright.shown {
	bottom: 0.625rem;
	opacity: 0.5;
	transition:
		bottom 1s ease,
		opacity 1s ease;
}