@font-face {
   font-family: Theinhardt-Light;
   src: url("./Theinhardt-Light.otf") format("opentype");
 }

 @font-face {
   font-family: Theinhardt-Bold;
   font-weight: bold;
   src: url("./Theinhardt-Bold.otf") format("opentype");
 }

 @font-face {
   font-family: Theinhardt-Regular;
   src: url("./Theinhardt-Regular.otf") format("opentype");
 }

 @font-face {
   font-family: Theinhardt-Thin;
   src: url("./Theinhardt-Thin.otf") format("opentype");
 }

 h1 {
   font-family: Theinhardt-Thin;
   font-weight: normal;
   color: red;
 }

 h2 {
   font-family: Theinhardt-Thin;
   font-weight: normal;
   color: orange
 }

 h3 {
   font-family: Theinhardt-Thin;
   font-weight: normal;
   color : yellow;
 }

 P {
   font-family: Theinhardt-Thin;
   font-weight: normal;
   color : lightGrey;
 }
 strong{
   font-family: Theinhardt-Regular;
   font-weight: normal;
 }

 body {
	 background-color: #444;
 }


 #Logo {
   text-align:center;
   color : lightGrey;
 }


.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#svgMain {
	background: #555;
	stroke-width: 0px;
}


.node {
	fill: #933;
	fill-opacity: 0.8;
}

.elem {
	stroke-width: 1.5px;
	stroke: #999;
}


.modelText {
	font-family: Theinhardt-Thin;
	font-weight: normal;
	fill: lightYellow;
	font-size: 20px;
}

.modelNameText {
	font-family: Theinhardt-Thin;
	font-weight: normal;
	fill: lightGrey;
	font-size: 15px;
}

.modelBackground {
	fill:#888;
	fill-opacity:0.8;
}

.votingCircle {
	fill-opacity:0.6;
}

.updateButton {
	background-color:#dbb133;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	color:lightGrey;
	font-family: Theinhardt-Thin;
	font-weight: normal;
	font-size:18px;
	padding:12px 31px;
}
.updateButton:hover {
	background-color:#e6dd33;
}
.updateButton:active {
	position:relative;
	top:1px;
}

#sort.updateButton {
	background-color:#dba033;
}	
#update.updateButton {
	background-color:#db7133;
}	

.outsideWall{
	stroke-width: 0.02px;
	stroke: #222;
}


.insideWall{
	stroke-width: 0.01px;
	stroke: #444;
}
.insideDoor{
	stroke-width: 0.02px;
	stroke: #d77;
}
.outsideWindow{
	stroke-width: 0.02px;
	stroke: #738E98;
}

.room {
	fill: #888;
	fill-opacity: 0.30;
}


#type0.room {
	fill: #e2dacf; <!--stone gray-->
}
#type1.room {
	fill: #d6feac;<!--green-->
}
#type2.room {
	fill: #acffff;<!--terquoise-->
}
#type3.room {
	fill: #fffeab;<!--yellow-->
}
#type4.room {
	fill: #d5feab;<!--peach red-->
}
#type5.room {
	fill: #ffd4ab;<!--orange-->
}