@keyframes scrolling {
	0% {
		background-position: 0px 0px
	}

	100% {
		background-position: -100px -100px
	}
}

@font-face {
	font-family: 'Cascadia Code';
	src: url(CascadiaCode.ttf);
}

html {
	background: url(checker.png) repeat;
	background-color: white;
	animation: scrolling 15s linear infinite;
	font-family: serif;
}

.header-title {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	justify-content: center;
}

.header-image>img {
	width: 200px;
}

.header-text {
	color: black;
	text-align: center;
	font-size: 48pt;
	display: flex;
	justify-content: center;
	font-family: 'Cascadia Code';
}

.header-text>p {
	margin: auto;
}

.header-nav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	justify-content: center;
}

.header-nav-right {
	text-align: right;
}

header,
article,
footer {
	padding: 10px;
}

.inline-image {
	width: 2em;
	vertical-align: middle;
}

.showcase-catagory {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

.showcase-container {
	width: 640px;
	height: 360px;
}

.showcase-container>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.card {
	border: black 1px solid;
	background-color: white;
	border-radius: 12px;
	margin: 12px;
	padding: 10px;
}

.blog-metadata {
	color: gray;
}

.thumb-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.thumb {
	margin: 5px;
}

.thumbnail {
	width: 100%;
	object-fit: cover;
}

.devlog-video {
	display: block;
	width: 100%;
	max-width: 1500px;
	margin: auto;
}

.rss-icon {
	width: 1em;
	vertical-align: text-bottom;
}

.rss-icon-link {
	text-decoration: none;
}