* {
	margin: 0;
	padding: 0;
}

header,main,nav,section,article,footer {
	opacity: 0.3;
	border: 1px dashed black;
}

*:hover {
	opacity: 1;
}

h1,h2,h3,h4,h5,h6 {
	text-indent: 2.5vw;
}

header,main,footer {
	padding: 2.5vh 2.5vw;
	margin: 2.5vh 2.5vw;
}

section,article {
	padding: 2.5vh 0 2.5vh 2.5vw;
	margin: 2.5vh 0 2.5vh 2.5vw;
}
	
	main p {
		padding-left: 2.5vw;
	}

header,main,footer {
	width: 90vw;
}

	section {
		width: 85vw;
	}

	article {
		width: 75vw;
	}

nav {
	width: 85vw;
	margin: 2.5vh 0 2.5vh 2.5vw;
}

	ol {
		list-style-type: none;
		text-indent: 5vw;
	}

		li:first-child,li:last-child {
			text-indent: 2.5vw;
		}

code.color-white {
	color: white;
	background-color: #282828;
}

	code.background-color-white {
	background-color: #fff;
}

	code.color-magenta {
		color: #f92472;
		background-color: #282828;
	}
		code.color-magenta:hover {
			color: #282828;
			background-color: #f92472;
		}

.red {
	background-color: red;
}

.orange {
	background-color: orange;
}

.yellow {
	background-color: yellow;
}

.green {
	background-color: limegreen;
}

.turquoise {
	background-color: turquoise;
}

.cyan {
	background-color: cyan;
}

.blue {
	background-color: blue;
}

.purple {
	background-color: purple;
}

.magenta {
	background-color: magenta;
}