:root
{
	--aaltoStudiosBlocker-text-color-: #222;
	--aaltoStudiosBlocker-body-background: rgba(232,232,232,0.8);
	--aaltoStudiosBlocker-button-background: rgba(255,255,255,0.8);
	--aaltoStudiosBlocker-border-color: #222;
	--aaltoStudiosBlocker-link-color: #09f;;
}

@media (prefers-color-scheme: dark)
{
	:root
	{
		--aaltoStudiosBlocker-text-color: #fff;
		--aaltoStudiosBlocker-body-background: rgba(32,32,32,0.8);
		--aaltoStudiosBlocker-button-background: rgba(32,32,32,0.5);
		--aaltoStudiosBlocker-border-color: #fff;
	}
}

body#aaltoStudiosBlocker
{
	color: var(--aaltoStudiosBlocker-text-color);
	background: var(--aaltoStudiosBlocker-body-background);
	font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
	font-size: 0.9rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	backdrop-filter: blur(4px);
}

body#aaltoStudiosBlocker p
{
	margin: 0.5rem 0;
}

body#aaltoStudiosBlocker a
{
	color: var(--aaltoStudiosBlocker-link-color);
}

body#aaltoStudiosBlocker h2
{
	font-size: 1.2rem;
	font-weight: 300;
	margin: 0.2rem 0;
}

body#aaltoStudiosBlocker div.wrapper
{
	padding-top: 0.5rem;
	text-align: center;
	padding-bottom: 0.5rem;
}

body#aaltoStudiosBlocker button
{
	-webkit-appearance: none;
	color: var(--aaltoStudiosBlocker-text-color);
	background: var(--aaltoStudiosBlocker-button-background);
	font-size: 1.0rem;
	padding: 0.5rem 1rem;
	font-weight: 300;
	border: 1px solid var(--aaltoStudiosBlocker-border-color);
	border-radius: 8px;
}