header {
	h1 {
		position: relative;
		left: 50px;
		margin-bottom: -10px;

		font-size: 44px;
		font-weight: 800;
	}

	p {
		position: relative;
		left: 60px;

		font-size: 22px;
		font-weight: 500;
		font-style: italic;
	}

	hr {
		margin-bottom: 50px;
	}
}

article {
    max-width: 750px;
	position: relative;
	left: 20px;

	font-size: 24px;
	font-weight: 500;

	h2 {
		margin-top: 30px;
		margin-bottom: 10px;

		font-size: 32px;
		font-weight: 800;
	}

	p {
		position: relative;
		left: 50px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 100px;

		code {
			font-size: 18px;
			font-weight: 500;
		}
	}

	dl {
		dt {
			margin-top: 20px;
			margin-bottom: 10px;
		}
		
		dd {
		}
	}

	#smallcodelisting {
	    background-color: rgba(245, 250, 255, 0.8);

	    max-width: 700px;
	    margin-top: 50px;
	    margin-bottom: 50px;

		border-style: solid;
		border-width: 2px;
		border-color: lightblue;

	    padding: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#largecodelisting {
	    background-color: rgba(245, 250, 255, 0.8);

	    max-width: 700px;
	    margin-top: 50px;

		border-style: solid;
		border-width: 2px;
		border-color: lightblue;

	    padding: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	pre {
		letter-spacing: -0.2px;
		line-height: 0.8;

		code {
			position: relative;

			font-size: 12px;
			font-weight: 500px;
		}
	}
}

footer {
	font-size: 20px;
	font-weight: 600;

	hr {
		margin-top: 60px;
	}

	p {
		position: relative;
		top: -10px;
		left: 20px;
	}
}