/*
When setting the primary font stack, apply it to the Pure grid units along
with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use
specific font stacks to ensure the greatest OS/browser compatibility.
*/
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
	font-family: "Mali", cursive;
}


body
	{
		color: #2f5266;
		font-size: larger;
	}


article
	{
		padding: 1em 1em 1em 1em;
	}

/* Rules for pure-u-md-* devices */
@media screen and (min-width: 48em) {
article
	{
		/* Give a little more margin from the visual on the left */
		padding-left: 2em;
	}
}

.pure-button
	{
		background-color: #92d3fa;
		color: #2f5266;
		border-radius: 12px;
	}