:root {
	--card-border: #455586;
  --card-link-color: #88bebe;
}
.cards-container {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
}
/* .cards-container a { */
/* 		color: var(--card-link-color); */
/* } */
.cards {
		display: grid;
		grid-gap: 0.5rem;
		grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
.card {
		border: 2px solid var(--card-border);
		border-radius: 0.5rem;
}
.card-name {
		background-color: var(--card-border);
		font-size: 1.2rem;
		padding: 0.25rem; 
		border-radius: 0.25rem 0.25rem 0 0;
		text-transform: lowercase;
}
.card-content {
		padding: 0.5rem;
}
.card-link {
		font-size: 0.9rem;
		text-transform: lowercase;
}
.card-text {
		font-size: 1rem;
}
.card-slug {
		font-size: 0.9rem;
}