body {
  margin: 0;
  padding: 0;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 24px; }

#inner-wrapper {
  width: 640px;
  height: 650px;
  overflow: hidden; }

#topo {
  width: 100%;
  height: 60px;
  color: #fff;
  background-color: #5097de;
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #28629b; }

#questions-container {
  padding: 0;
  margin: 0; }
  #questions-container .questions {
    width: 640px; }
    #questions-container .questions p {
      padding: 20px 0;
      margin: 0;
      width: 100%;
      text-align: center;
      font-weight: 700; }
    #questions-container .questions img {
      margin: 10px 20px;
      cursor: pointer; }
    #questions-container .questions .hidden-answer {
      display: none;
      margin-top: 10px;
      text-align: center; }
    #questions-container .questions .next {
      display: none;
      width: 160px;
      height: auto;
      padding: 10px;
      background-color: #5097de;
      line-height: 24px;
      margin: 20px 0 0 230px;
      color: #fff;
      cursor: pointer;
      text-align: center;
      text-transform: uppercase;
      transition-property: background-color;
      transition-duration: 0.1s;
      transition-timing-function: linear; }
    #questions-container .questions .next:hover {
      background-color: #28629b; }
  #questions-container #questions-intro {
    text-align: center;
    width: 640px; }
    #questions-container #questions-intro p {
      width: 100%;
      text-transform: uppercase;
      font-size: 30px;
      font-weight: 700; }
    #questions-container #questions-intro span {
      width: 100%;
      display: block;
      font-size: 24px;
      line-height: 24px;
      font-weight: 300;
      margin-bottom: 30px; }
    #questions-container #questions-intro a {
      display: inline-block;
      height: auto;
      padding: 10px;
      background-color: #5097de;
      line-height: 24px;
      margin: 10px 0;
      color: #fff;
      cursor: pointer;
      text-align: center;
      text-transform: uppercase;
      transition-property: background-color;
      transition-duration: 0.1s;
      transition-timing-function: linear; }
    #questions-container #questions-intro a:hover {
      background-color: #28629b; }
  #questions-container #result-container {
    display: none; }
    #questions-container #result-container div {
      position: relative;
      width: 100%; }
    #questions-container #result-container p {
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      font-size: 30px;
      font-weight: 700; }
    #questions-container #result-container span {
      width: 100%;
      display: block;
      text-align: center;
      font-size: 24px;
      line-height: 24px;
      font-weight: 300; }
    #questions-container #result-container .shares {
      display: block;
      cursor: pointer;
      width: 96px;
      height: 96px; }
      #questions-container #result-container .shares:hover {
        opacity: 0.5; }
    #questions-container #result-container .zh-facebook {
      background-image: url("share-fb.png");
      margin: 20px 0 0 270px; }
    #questions-container #result-container a {
      display: inline-block;
      height: auto;
      padding: 10px;
      background-color: #5097de;
      line-height: 24px;
      margin: 100px 0 0 200px;
      color: #fff;
      cursor: pointer;
      text-align: center;
      text-transform: uppercase;
      transition-property: background-color;
      transition-duration: 0.1s;
      transition-timing-function: linear; }
    #questions-container #result-container a:hover {
      background-color: #28629b; }

.wrong {
  visibility: hidden; }