body {
		margin: 0 30%;
		width: 40%;
		background-color: rgb(235,235,235);
}
nav {
	image-rendering: pixelated;
	border: 64px solid transparent;
	padding: 0;
	border-image-source: url(border.png);
	border-image-repeat: round;
	border-image-slice: 16;
	ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		overflow: hidden;
		background-color: #333;
		min-height: 64px;
	}
	li {
		float: left;
	}
	li a {
		padding-left: 14px;
		padding-right: 14px;
		line-height: 64px;
		display: block;
		color: white;
		text-align: center;
		font-size: 24px;
		text-decoration: none;
	}
	li a:hover {
		background-color: #111;
	}
}
main {
	margin: 0 10%;
	width: 80%;

	.float-left {
		float: left;
		margin-right: 20px;
		width: 40%;
	}
	.float-right {
		float: right;
		margin-left: 20px;
		width: 40%;
	}

	aside {
		float: right;
		margin-left: 20px;
		width: 40%;
		background: #bbb;
		padding: 10px;
	}
}
footer {
	margin: 20px;
	text-align: center;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0;
	width: 100%;

	figure {
		margin: 10px auto;
		text-align: center;
			width: 30%;
		img {
			width: 100%;
		}
	}
}