body .fogos .fechar {
  color: white;
  position: relative;
  z-index: 1;
}
body .wrapper {
  width: 850px;
  margin: 0 auto;
}
body .wrapper .voltar {
  display: block;
}
body .wrapper .jogos {
  width: 640px;
  margin: 0 auto;
  text-align: center;
}
body .wrapper .jogos .jogo {
  outline: solid 1px green;
  margin-bottom: 20px;
  float: left;
  margin-right: 20px;
}
body .wrapper .jogos .jogo .de,
body .wrapper .jogos .jogo .para,
body .wrapper .jogos .jogo .seta {
  height: 150px;
  text-decoration: none;
  display: block;
  float: left;
}
body .wrapper .jogos .jogo .de,
body .wrapper .jogos .jogo .para {
  width: 120px;
}
body .wrapper .jogos .jogo .seta {
  width: 60px;
}
body .wrapper .bloco-central,
body .wrapper .text-center {
  text-align: center;
}
body .wrapper.som-imagem h1 {
  text-align: center;
}
body .wrapper.som-imagem .principal {
  display: block;
  width: 120px;
  margin: 0 auto;
  border: solid 1px gray;
  border-radius: 10px;
  display: table;
  padding: 5px;
}
body .wrapper.letra-imagem .letras .letra {
  width: 150px;
  height: 150px;
  float: left;
  border-radius: 15px 50px;
  border: solid 4px gray;
  margin: 10px;
  overflow: hidden;
  position: relative;
}
body .wrapper.letra-imagem .letras .letra .botoes {
  position: absolute;
}
body .wrapper.letra-imagem .letras .letra .botoes.descoberta {
  bottom: 0px;
  right: 6px;
}
body .wrapper.letra-imagem .letras .letra .botoes.formatacao {
  top: 3px;
  left: 4px;
}
body .wrapper.letra-imagem .letras .letra .botoes a {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  text-decoration: none;
  text-align: center;
  color: white;
}
body .wrapper.letra-imagem .letras .letra .botoes a.som-letra {
  background-color: #FF5722;
}
body .wrapper.letra-imagem .letras .letra .botoes a.som-imagem {
  background-color: #31bb0f;
}
body .wrapper.letra-imagem .letras .letra .botoes a.tres {
  background-color: #2196F3;
}
body .wrapper.letra-imagem .letras .letra .botoes a.quatro {
  background-color: #ff1dbb;
}
body .wrapper.letra-imagem .letras .letra .botoes a.cinco {
  background-color: #0bd4f7;
}
body .wrapper.letra-imagem .letras .letra .botoes a.seis {
  background-color: #000000;
}
body .wrapper.letra-imagem .letras .letra span.caractere {
  display: block;
  font-size: 60px;
  text-align: center;
  line-height: 150px;
}
body .wrapper.letra-imagem .letras .letra.selecionada {
  background-color: red;
  color: white;
}
body .wrapper.letra-imagem .letras .letra img {
  width: 100%;
}
body .wrapper.letra-imagem .acoes {
  text-align: center;
  display: block;
  overflow: auto;
}
body .wrapper.letra-imagem .acoes a {
  text-decoration: none;
  font-size: 60px;
  color: yellow;
  outline: solid 3px #FF5722;
  width: 100px;
  height: 100px;
  display: block;
  float: left;
  margin: 8px;
  padding-top: 15px;
  background-color: #81d700;
}
body .wrapper.letra-imagem .letras {
  display: block;
  overflow: auto;
}
body .wrapper.imagem-som .opcao {
  position: relative;
}
body .wrapper.imagem-som .opcao .escolher {
  position: absolute;
  top: 1px;
  right: 1px;
  background: cornflowerblue;
  padding: 10px;
  margin: 3px;
}
.imagens {
  display: table;
  height: 150px;
  margin: 0 auto;
}
.imagens .imagem,
.imagens .opcao {
  width: 150px;
  height: 150px;
  border: solid 1px gray;
  border-radius: 10px;
  float: left;
  margin: 5px;
  overflow: hidden;
}
.imagens .imagem img,
.imagens .opcao img {
  width: 100%;
  padding: 5px;
}
.cursor {
  cursor: pointer;
}
.cursiva {
  font-family: LearningCurve;
}
.hide {
  display: none;
}
/* FONTS */
@font-face {
  font-family: LearningCurveDashed;
  src: url(../fonts/LearningCurveDashed.ttf);
}
@font-face {
  font-family: LearningCurve;
  src: url(../fonts/LearningCurve.ttf);
}