/*
 * Shared styles for the RangerAlpha API boilerplate homepage.
 * Served at /stylesheets/style.css by @rapi/util.express-app for every
 * service that renders the default `/` page.
 */

:root
{
	--ra-bg:     #1b1f24;
	--ra-fg:     #e6e9ee;
	--ra-accent: #4f9ddb;
}

*
{
	box-sizing: border-box;
}

html,
body
{
	margin:  0;
	padding: 0;
	height:  100%;
}

body
{
	background:   var(--ra-bg);
	color:        var(--ra-fg);
	font-family:  system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
}

.flex-container
{
	display:         flex;
	align-items:     center;
	justify-content: center;
	min-height:      100vh;
	padding:         2rem;
}

.flex-container a
{
	display:    inline-flex;
	opacity:    0.9;
	transition: opacity 0.15s ease-in-out;
}

.flex-container a:hover
{
	opacity: 1;
}