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

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

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

 #Logo {
   text-align:center;
   color : lightGrey;
   font-family: Theinhardt-Thin;
 }

body{
  background-color: #fdf6e3;
  color:#657b83;
  font-family: Theinhardt-Thin;
}
p{
  font-size: 18px;
}
strong{
   font-family: Theinhardt-Regular;
   font-weight: normal;
 }


.pick {
   text-align:center;
   width: 80%;
   margin: 0 auto;
}

.node{
   fill: black;

}
.label{

}


.voted-prev{
  fill:grey;
}

.voted-this{
  fill:lightgrey;
}
.survived{
  fill:black;

}
.link{
  stroke:red;
  stroke-width:1px;

}

.related{
  /*stroke:black;*/
  stroke-width:2px;
}
aside{
  position: absolute;
  right: 0;
  top:20;
  width: 400px;

}
.axis path,
    .axis line {
      fill: none;
      stroke: black;
      shape-rendering: crispEdges;
    }

    .axis text {
      font-family: sans-serif;
      font-size: 11px;
    }

.button {
  cursor:pointer;
	background-color:#dbb133;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	color:657b83;
	font-family: Theinhardt-Regular;
	font-weight: normal;
	font-size:18px;
	padding:12px 31px;
}
.button:hover {
	background-color:#e6dd33;
}
.button:active {
	position:relative;
	top:1px;
}
.button.small {
	background-color:#dbb133;
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
	font-family: Theinhardt-Thin;
	border-radius:32px;
	font-size:16px;
	padding:8px 21px;
}
#model{
  outline: none;
  width: 30%;
  height: 100%;
  font-size: 14px;
  line-height: 21px;
}

.inputs{
  /* 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;
margin-top: 12px;
padding: 12px 31px;

}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
}