body {
		font-family: tarhoma, arial, 'Roboto Slab', serif;
		padding: 6px;
	}
	
	textarea {
		width: 100%;
		min-height: 200px;
		resize: vertical;
		overflow-y: auto;
		box-sizing: border-box;
		font-family: monospace;
		tab-size: 4;
		white-space:nowrap;
	}
	h2{
		color:green;
	}
	#output {
		margin-top: 20px;
		padding: 15px;
		border: 1px solid #ccc;
	}
	
	#output li {
		margin: 4px 0;
	}
	
	#output p {
		margin: 8px 0;
	}
	#output h1,#output h2, #output h3,#output h4,#output h5,#output h6 {
    	margin-top: 1em;
    	color: darkblue;
    	font-size: 1.2em;
	}
	
	#output table {
	    border-collapse: collapse;
	    margin: 10px 0;
	    width:100%;
	}
	
	#output th, #output td {
	    border: 1px solid #888;
	    padding: 6px 10px;
	}
	
	#output th {
	    font-weight: bold;
	}
	
	#output blockquote {
	    border-left: 4px solid #aaa;
	    margin-left: 0;
	    padding-left: 12px;
	}
	
	#output pre {
	    background: #eee;
	    padding: 10px;
	    overflow-x: auto;
	    tab-size:4;
	    max-height: 200px;
	    overflow-y: auto;
	}
	
	#output code {
	    font-family: monospace;
	}
	#output img{
		width:100%;
	}
	#output figure {
		margin: 1em 0;
		text-align: center;
	}
	
	#output img {
		max-width: 400px;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	
	#output figcaption {
		font-size: 0.9em;
		color: #777;
		margin-top: 0.5em;
	}
	.sym span{
		font-size: 2.5em;
		vertical-align: middle;
		line-height: 1.8;
	}
	
	
	.sym sup,
	.sym sub {
		position: relative;
		margin-left: -0.50em;
		vertical-align: baseline;
	}
	
	.sym sup {
		font-size: smaller;
		top: -1.78em;
	}
	
	.sym sub {
		font-size: smaller;
		top: 1.85em;
	}
	
	.math .frac {
		display: inline-flex;
		vertical-align: middle;
		flex-direction: column;
		text-align: center;
		margin-top: -1px;
	}
	
	.math .frac > *:first-child {
		border-bottom: 2px solid currentColor;
		padding-bottom: 5px;
	}
	
	.math .frac > *:last-child {
		padding-top: 5px;
	}
	
	.math .frac > * {
		padding: 0 0.5em;
	}
	
	.math .sqrt {
		border-top: 2px solid currentColor;
		margin-left: 10px;
		padding-left: 5px;
		position: relative;
		display: inline-block;
	}
	
	.math .sqrt::before {
		content: '';
		position: absolute;
		top: -2px;
		left: -10px;
		bottom: 0px;
		width: 10px;
		background: currentColor;
		clip-path: polygon(
	    0 50%,
	    2px 50%,
	    50% calc(100% - 2px),
	    calc(100% - 2px) 0,
	    100% 0,
	    100% 2px,
	    calc(50% + 2px) 100%,
	    calc(50% - 2px) 100%,
	    0 calc(50% + 2px)
	  );
	}
	
	.math .vmatrix {
		padding: 0 10px;
		position: relative;
		display: inline-block;
	}
	
	.math .vmatrix::before {
		content: '';
		width: 5px;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		border-left: 2px solid currentColor;
	}
	
	.math .vmatrix::after {
		content: '';
		width: 5px;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		border-right: 2px solid currentColor;
	}
	
	.math .surround {
		padding: 0 10px;
		position: relative;
		display: inline-block;
		--round: 0px;
		--off: 0;
	}
	
	.math .surround::before {
		content: '';
		width: 5px;
		position: absolute;
		top: 0px;
		left: var(--off);
		bottom: 0px;
		border-top: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		border-left: 2px solid currentColor;
		border-top-left-radius: var(--round);
		border-bottom-left-radius: var(--round);
	}
	
	.math .surround::after {
		content: '';
		width: 5px;
		position: absolute;
		top: 0px;
		right: var(--off);
		bottom: 0px;
		border-top: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		border-right: 2px solid currentColor;
		border-top-right-radius: var(--round);
		border-bottom-right-radius: var(--round);
	}
	
	.math .surround.round {
		--round: 10px 30px;
	}
	
	.math .surround.square {
		--round: 0;
	}
	
	.math .surround.curly {
		--round: 10px;
		--off: 5px;
		padding: 0 15px;
		background-image: linear-gradient(0deg, currentColor 25%, currentColor 25%),
	    linear-gradient(0deg, currentColor 25%, currentColor 25%);
		background-repeat: no-repeat;
		background-size: 5px 2px;
		background-position: 0 center, 100% center;
	}
	
	
	.math .vector {
		position: relative;
		display: inline-block;
	}
	
	.math .vector::before {
		content: "\2192";
	 /* Unicode for right arrow → */
		position: absolute;
		top: -0.6em;
	       /* Adjust height above the letter */
		left: 0;
		width: 100%;
		font-size: 1em;
	  /* Scales the arrow smaller */
		text-align: left;
	}
	
	.math .surround.vec {
		display: inline-flex;
		flex-direction: column;
		vertical-align: middle;
	}
	
	.math .matrix {
		display: inline-grid;
		grid-template-columns: repeat(var(--c), 1fr);
		grid-gap: 5px;
		padding: 5px 15px;
		vertical-align: middle;
	}