body.sample{
	background: #fafafa;
}

div.gate{
	margin: 2em auto;
	border: 10px solid #228;
	border-radius: 2em;
	overflow: auto;
}

div.wrap{
	border:1px solid black;
}

h1.circuit-title{
	font-family: Menlo , Monaco ;
	font-size: 4em;
	max-width: 50%;
	margin: auto;
}

svg{
	max-width: 100%;
	background-color: #cecece
}

path{
	stroke: #000;
	stroke-width: 3;
	fill:none;
}


path.acdc{
	stroke: rgb(255,0,145);
	stroke-width:3;
}


path:hover{
	stroke: #22f;
	stroke-width:4;
}

text.title{
	font-size:1.4em;
	fill:#ededed;
	text-anchor:middle;
	
}
rect.title{
	fill:#292929;
}




div.addition{
    width: 80%;
    max-width: 100%;
    margin: 1em auto;
    border:1px solid #111;
    text-align: right;
}
div.addition p{
	
	white-space: nowrap;
	margin: auto;
	width: 70%;
	font-size: 18px;
}

div.addition hr{
	border:1px solid black;
  	display:block;
	color:black;
	background-color:none;
	background-image:none;
	margin: .1em auto;
}