/*import google fonts*/
@import url('https://fonts.googleapis.com/css2?family=Marko+One&display=swap');

/*reusable variables throughout the sheet*/
:root{
	--display-font: 'Marko One', serif;
	
	/* colors */
	--pastel-red: #f17482;
	--pastel-orange: #e19a84;
	--pastel-yellow: #defb79;
	--pastel-green: #91bcab;
	--pastel-blue: #94b4c3;
	--pastel-indigo: #8b96c4;
	--pastel-pink: #e38dbc;
	
}



body {
	background-image: url("img/tulip-banner.png");
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: 400px;
	font-family: var(--display-font);
}

main {
	width: 800px;
	margin: auto;
	background: white;
	text-align: center;
}



div {
	margin: auto;

}

/* for highlighting the .cafe in pixelpastry.cafe */
.cafe {
	color: var(--pastel-red);
}

.header {
	text-align: center;
	padding: 20px;
}

.logo {
	border: 5px solid var(--pastel-red);
	border-radius: 120px;
}

.button {
	padding: 1px 6px;
	border: 1px outset;
	border-radius: 3px;
	margin-bottom: 20px;
}

.grid {
	display: grid;
	row-gap: 20px;
}