<!-- 
you must wrap your embeded script inside of a div to have reliable CSS access
if you prefer to set global styles for all embeded snipts then you can ignor the div wrapper
-->
<div id="snipt_wrapper">
		<script type="text/javascript" src="https://snipt.net/embed/fe4ae53f262c5268e67c09ec8fcec689/"></script>
</div>
<style>
/* you will be using the !imprtant override a lot here to reset values */

/* the highlight <div> is just a wrapper for the pre content */
#snipt_wrapper .highlight
{
	border: dotted 10px #069 !important;
	border-radius: 20px !important;
	width: 80%;
	margin-left: 10%;
}
/* this is the Snipt logo link, to be nice, you propbably shouldn't modify this */
#snipt_wrapper .snipt-embed div[id|=snipt]
{
	background-color: #383 !important;
	left: 45% !important;
	top: 0px !important;
	bottom: auto !important;
	right: auto !important;
	/* visibility:hidden !important; <<< hey thats not nice :P */
}
/* this modifies the anchor style for the Snipt logo */
#snipt_wrapper .snipt-embed div[id|=snipt] a
{
	color: #333 !important;
}
/* the <pre> is the main wrapper for the code */
#snipt_wrapper .snipt-embed pre
{
	height: 400px !important;
	background-color: #003 !important;
	border: dotted !important;
	border-radius: 20px !important;
	line-height: 150% !important;
}
/* this selects all blocks (not lines) of code */
#snipt_wrapper .snipt-embed pre span
{
	font-size: 13pt;
	padding-right: 5px;
}
/* this will select any section of code with a style ending in color code #ed9d13 */
#snipt_wrapper .snipt-embed pre span[style$=ed9d13]
{
	color: #cc0 !important;
}
</style>