html {
	min-height: 100%;
	background: repeating-linear-gradient(-45deg, #ffb, #ffb 35px, #fff 35px, #fff 70px);
}

body {
	text-align: center;
}

.container {
	display: inline-block;
	width: 1000px;
	border: 1px solid black;
	background: white;
	text-align: initial;
}

nav {
	padding: 5px;
	border-bottom: 1px solid gray;
}

nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav > ul > li {
	display: inline-block;
	margin-right: 5px;
}

main {
	padding: 5px;
}

@media screen and (max-width: 1200px) {
	.container {
		width: 640px;
	}
}

@media screen and (max-width: 700px) {
	.container {
		width: 100%;
		border: none;
	}

	body {
		margin: 0;
	}
}