body {
  background-color: white; /* Cor de fundo opcional para a página */
  font-family: monospace;
}

.caixa-principal {
  max-width: 800px;         /* Largura máxima da caixa */
  width: 90%;               /* Adapta em telas menores */
  margin: 40px auto;        /* Centraliza na horizontal (topo/baixo 40px, lados auto) */
  padding: 20px;            /* Espaço interno para o texto não colar na borda */
  background-color: red;/* Fundo branco dentro da caixa */
  border: 3px solid #000000;/* Estilo da borda: grossura, tipo e cor */
  box-sizing: border-box;   
}
.borda-gif {
  /* Defina a grossura da sua borda usando o padding */
  padding: 10px; 
  
  /* Crie uma borda transparente do mesmo tamanho do padding */
  border: 10px solid transparent; 
  
  /* Insira o link do seu GIF e ajuste para repetir ou cobrir a borda */
  background: url('8a266a935a82db27b3c75a8d6dab9b1a.gif') border-box;
  background-size: 100% 100%;
  
  /* Opcional: largura máxima da caixa */
  max-width: 400px;
}
.borda-gif2 {
  /* Defina a grossura da sua borda usando o padding */
  padding: 15px; 
  
  /* Crie uma borda transparente do mesmo tamanho do padding */
  border: 15px solid transparent; 
  
  /* Insira o link do seu GIF e ajuste para repetir ou cobrir a borda */
  background: url('2.gif') border-box;
  background-size: 100% 100%;
  
  /* Opcional: largura máxima da caixa */
  max-width: 400px;
}
.borda-gif3 {
  /* Defina a grossura da sua borda usando o padding */
  padding: 15px; 
  
  /* Crie uma borda transparente do mesmo tamanho do padding */
  border: 15px solid transparent; 
  
  /* Insira o link do seu GIF e ajuste para repetir ou cobrir a borda */
  background: url('download.gif') border-box;
  background-size: 100% 100%;
  
  /* Opcional: largura máxima da caixa */
  max-width: 400px;
}