body {
	background-color: rgba(255, 124, 192, 0.15);
	color: black;
	font-family: "Prosto One", sans-serif;
}

header {
	font-family: "Prosto One", sans-serif;
	text-align: center;
	border-style: dotted;
	border-radius: 5px;
	padding: 10px;
}


.grid-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: stretch;
	max-width: 700px;
	margin: 0 auto;
	padding: 20px;
	gap: 20px;
}

.text-container {
	max-width: 700px;
	margin: 0 auto;
	padding: 20px;
}

.card {
	display: flex;
	flex-direction: column;
	
	text-align: center;
	padding: 5px;
	border: 3px dotted black;
}

/* reset default margins */
.card h2,
.card h5,
.card p {
    margin: 0;
}

.card-title {
	line-height: 1.2;
    height: calc(1.2em * 3); /* 2 lines */

    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	border-bottom: 2px dotted black;
}

.card-date {
	border-bottom: 2px dotted black;
}

.card-preview {
	<!--margin-top: auto;-->
}