@import url('https://fonts.googleapis.com/css2?family=Barrio&family=DynaPuff:wght@400..700&display=swap');

.box {
	max-width: 1000px;
	margin: 20px 200px 300px 200px;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 180px minmax(0, 1fr);
}
.header-heading {
background-image: url("f0bfd07b5b7e87bc8d5a9d093bb11e14.jpg");
color: black;
text-align: center;
}

.bullet-train {
	font-family: Barrio, serif;
}
mark {
	background-color: #adebf7;
	color: #940d4c;
}
body { 
    background-image: url("https://file.garden/ZWlUCY4S7Xz2vypS/archived%20backgrounds/embossed%20%26%20etched/bgEmboss60DARK.jpg");
	font-family: monospace, serif;
	font-size: 16px;
	color: #e8d8dc;
}
header {
	border: #bbfacc 2px dotted;
	grid-row: 1 / 2;
	grid-column: 1 / 3;
}
nav {
	border: #ac99ad 2px dotted;
	grid-row: 2 / 3;
	grid-column: 1 / 2;
	height: max-content;
	background-color: #f5f2d3;
}
main {
	border: #ac99ad 2px groove;
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	height: max-content;
}
footer {
	border: #ac99ad 2px groove;
	grid-row: 3 / 4;
	grid-column: 1 / 3;
}