/*
	home page styles
	1ost.dev
*/

#home {
	font-family: "KolquatFunkyBitm";
	font-smooth: never; /* prevents antialiasing on pixel fonts */
	-webkit-font-smoothing : none;
	-moz-osx-font-smoothing: none;
	
	grid-template-columns: min(23.75rem, calc(50% - .25rem)) min(23.75rem, calc(50% - .25rem));
}

#home * {
	grid-column: 1 / span 2 ;
}

#home h2, #home h3, #home h4, #home h5, #home h6 { font-weight: bold; }

#home-welcome {
	color: white;
	padding: .25rem;

	background-image: url("/images/backgrounds/romcor3.png");
	background-color: #ccf;
	image-rendering: pixelated;
	animation: background-scroll-300 36s linear infinite;
}

#home-updates {
	grid-column: 1;
	
	background-image: url("/images/backgrounds/rainstar4.gif");
}
#home-updates a 			{ color: #64b; }
#home-updates a:hover { color: #86d; }
#home-blog {
	grid-column: 2;

	background-image: url("/images/backgrounds/lightstar.gif");
	background-color: #ccf;
	background-size: 25rem;
}
#home-blog a 			{ color: #42b; }
#home-blog a:hover { color: #88f; }

@keyframes background-scroll-300  {
	0%   { background-position: 0% 0%; }
	100%  { background-position: 100% 300%; }
}

#home-welcome > * {
	padding: .25rem;
	width: fit-content;
	
	background-color: black;
}