/* Container for the code block and header */
	.code-container {
	  background: rgba(0,0,0,0.85);
	  color: #fff;
	  border-radius: 0.5rem;
	}

	/* CSS Header */
	.css {
	  background: #ff9800;
	  margin: 0;
	  padding: 0.25rem 2rem;
	  border-top-right-radius: 0.5rem;
	  border-top-left-radius: 0.5rem;
	}

	/* Code on black background */
	.code-block {
	  padding: 1rem 3rem;
	}

	.tag {
	  color: #ab875d;
	}

	.class {
	  color: #dfc48c;
	}

	.attr {
	  color: #8f9c6c;
	}

	.text {
	  color: #eee;
	}

	.prop {
	  color: #9b869c;
	}
	
	.prop1 {
	  color: green;
	}

	.value {
	  color: #cd6a51;
	}

	.var {
	  color: #809bbd;
	}

	.obj {
	  color: #96b38a;
	}

	/* Indention Helpers */

	.indent-half {
	  padding: 0 3rem;
	}

	.indent-1 {
	  padding: 0 5rem;
	}

	.indent-2 {
	  padding: 0 7rem;
	}

	// spacing helpers

	.lead {
	  margin-bottom: 2rem;
	}