/* 9to5 self-contained barebones CSS – 2025-11-27 */

:root	{
	--house-color:	rgb(44, 79, 102);
	}
body	{
	padding:	1rem;
	font-family:	'IBM Plex Sans', 'Helvetica Neue', Helvetica, sans-serif;
	line-height:	1.6rem;
	}
a	{
	text-decoration:	none;
	}
a:hover	{
	background-color:	var(--house-color);
	color:	white;
	}
a,
h1,
.color-9to5	{
	color:	var(--house-color);
	}
h1	{
	margin-top:	2em;
	}
img	{
	border:	3px solid var(--house-color);
	display:	block;
	margin-left:	auto;
	margin-right:	auto;
	max-width:	900px;
	}
p	{
	margin:	0px;
	}
.center 	{
	align-items:	center;
	margin-left:	auto;
	margin-right:	auto;
	display:	flex;
	height:	90vh;
	justify-content:	center;
	width:	90vw;
	}
.color-grey-dark	{
	color:	rgb(90, 90, 90);
	}
.hero	{
	font-size:	28px;
	font-weight:	600;
	line-height:	1.2em;
	text-transform:	uppercase;
	}
.hero-sub	{
	font-size:	12px;
	line-height:	1.3em;
	}
.right	{
	text-align:	right;
	}
@media screen and (min-width:400px)	{
	.hero	{
	font-size:	72px;
	}
.hero-sub	{
	font-size:	36px;
	}
	}