body{
 font-family: "Bellefair", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-style: normal;
 font-variant: normal;
 font-weight: 500;
 font-size: 1em;
}

#content{
  width: 100%;
  text-align:center;
  padding-top: 20px;
  color:#222;
}

#introduction{
  padding-bottom: 10%;
}

#logo{
  max-width:70%;
  max-height:70%;
}

#header{
}

#body-content{
  padding-top: 50px;
  max-width:90%;
  max-height:90%;
  margin-left:auto;
  margin-right:auto;
}

#footer{
  font-size: 0.6em;
  color: #969696;
}

#contact{
  margin-left:auto;
  margin-right:auto;
}

a:visited, a:active, a:link, a:hover {
  text-decoration:none;
  color:#222;
}

a:hover {
  text-decoration:underline;
}

#introduction{
}

.choice_button{
  height: 190px;
  width: 50%;
  float: left;
}

#trixabelle{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

#trixabelle_log{
  text-align: left;
}

#trixabelle_log span{
  width: 100px;
  float: left;
}

#trixabelle_log span.trix{
  color: #191970;
}

#message{
  margin-top: 20px;
  width: 100%;
  height: 120px;
}

#doodles{
}

.doodle{
  padding-bottom: 50px;
}

.doodle img{
  width: 1024px;
}