body {
  background-image: url(/imagens/strawberry.gif);
  color: black;
  font-family: Verdana;
  cursor: url('data:image/x-icon;base64,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'), auto;
    text-align: center;
  }
  h1{
    font-family:Comic Sans MS, Comic Sans, cursive;
    
  }
  .caixa {
  width: 100%;
  max-width: 800px;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover; /* ou contain, se preferir */
  border: 3px solid #ffb6c1;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  overflow: hidden;
  font-family: 'Verdana', sans-serif;
}

.caixa-titulo {
  background-image: url('fundo2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  color: #d94fa0;
  text-shadow:1px 1px 2px #ff69b4;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  font-size: 20px;
  border-bottom: 2px solid #ffb6c1;
}

.conteudo {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.8); /* deixa o conteúdo mais legível */
  color: #333;
}
.menu {
      width: 180px;
      background-color: #ffe6f2;
      padding: 150px 15px;
      border: 2px solid #ff99cc;
      border-radius: 15px;
      box-shadow: 0 0 10px #ffb6d9;
      margin-top: -230px;
    }
.titulo{
      background-image: url('/imagens/background2.png');
      width: 180px;
      background-color: white;
      padding: 1px 15px;
      float: right;
      margin-top: -310px;
      border: 2px solid #ff99cc;
      box-shadow: 0 0 10px #ffb6d9;
      position: absolute;
      border-radius: 10px 10px 0px 0px;
      color:  #d94fa0;
}
ul{
  list-style-type: none;
  display: inline;
  text-align: left;
}
botao,mapa{
  display: inline-block;
}
.mapa{
      background-image: url('/imagens/background3.gif');
      background-color: rgba(0, 0, 255, 0.6); 
      text-align: center;
      margin-top: -100px;
      padding: 15px 5px;
      width: 180px;
      border: 2px solid #ff99cc;
      box-shadow: 0 0 10px #ffb6d9;
      position: absolute;
      border-radius: 10px 10px 10px 10px;
      color:  #d94fa0;
      transform: translateX(-5px);
      
}
.estudos{
      background-image: url('/imagens/background3.gif');
      background-color: rgba(0, 0, 255, 0.6); 
      text-align: center;
      margin-top: -10px;
      padding: 10px 5px;
      width: 180px;
      border: 2px solid #ff99cc;
      box-shadow: 0 0 10px #ffb6d9;
      position: absolute;
      border-radius: 10px 10px 10px 10px;
      color:  #d94fa0;
      transform: translateX(-5px);
      
}
.leituras{
      background-image: url('/imagens/background3.gif');
      background-color: rgba(0, 0, 255, 0.6); 
      text-align: center;
      margin-top: 70px;
      padding: 10px 5px;
      width: 180px;
      border: 2px solid #ff99cc;
      box-shadow: 0 0 10px #ffb6d9;
      position: absolute;
      border-radius: 10px 10px 10px 10px;
      color:  #d94fa0;
      transform: translateX(-5px);
      
}
a{
  text-decoration: none;
  font-family: "Edu NSW ACT Hand Pre", cursive;
  font-style: normal;
  font-weight: bold;
  color:#d94fa0;
}
.contador{
  display: flex;
  border: solid  1px red;
}