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;
    margin: 0;
  }
   .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;
  position: relative;
}

.caixa-titulo {
  background-image: url(/imagens/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 60px;
  font-size: 20px;
  border-bottom: 2px solid #ffb6c1;
  
}
.menu{
  display:flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Shadows Into Light", cursive;
}
.menu ul{
  list-style-type: none;
}
.menu ul li{
  display:inline-block;
  padding: 10px 10px;
}
.menu ul li  a{
  text-decoration: none;
  color:#d94fa0;
}
.um{
  background-color: rgba(255, 255, 255, 0.8);
  display:flex;
  text-align: left;
  align-items: flex-start;
}
#foto{
margin-top:10px;
margin-right:20px;
margin-bottom: 10px;
margin-left: 10px;
}
.um h1{
  font-family: Verdana;
  font-weight: bold;
  color: #f17ea1;
  text-shadow: 1px 1px 2px #f17ea1 ;
  font-style: italic;
}

 .dois {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 10px;
   margin-left: 50px;
  display: inline-block;
}
.pergunta{
  font-weight: bold;
  color: #f17ea1;
}
.tres{
  margin-top: 20px;
  margin-left: -65%;
  text-align: left;
}