/* Styles */

* {
	box-sizing: border-box;
	line-height: 1.4;
	color: inherit;
	margin: 0;
}

:root {
	--gap: 0.67rem;
}

body {
	background-color: mediumblue;
	color: floralwhite;
	font-size: 15px;
	height: 100vh;
}

main img {
  height: 280px;
}

.row {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	padding: var(--gap);
	gap: var(--gap);
}

.col {
	display: flex;
	flex-direction: column;
	padding: var(--gap);	
	gap: var(--gap);
}

.flex {
	flex: 1;
}

.p0 {
	padding: 0;
}

.px0 {
	padding-block: 0;
}

.py0 {
	padding-inline: 0;
}

.compact {
	gap: 0;
	padding: 0;
}

.debug .row {
	outline: 1px solid red;
}

.debug .col {
	outline: 2px solid blue;
}