*{ 
    margin: 0;
    padding: 0;
    text-decoration: none;
   list-style: none;
   scroll-behavior: smooth;
    
}


:root {
    --bg-color: #ff580b;
    --text-color: #fff;
    --main-color: #fd8829;
}

body {
    background: #303030;
}

.minha-caixa  h1{
    color: var(--main-color);
    font-family: Anton;
}
.minha-caixa p {
    font-family: Fjalla One;
}

.minha-caixa a {
    color: #fd8829;
    
    font-family: Fjalla One;
    transition: .2s ;
}

.minha-caixa a:hover {
    text-decoration: underline;
    color: #ff580b;
    
}

.minha-caixa i {
    margin: 5px;
    top: -2px;
    color: white;
}
.minha-caixa {
    color: #fff;
    width: 500px; /* Largura da caixa */
    height: 250px; /* Altura da caixa */
    background-color: #504f4fb9; /* Cor de fundo */
    border: 2px solid #333; /* Borda */
    border-radius: 10px; /* Cantos arredondados */
    text-align: center; /* Texto centralizado */
    padding: 20px; /* Espaçamento interno */
    margin: 0 auto; /* Centralizar horizontalmente */
    margin-top: 50px; /* Margem superior */
    font-size: 20px;
}




/* Estilo para o botão */
.botao-voltar {
    font-family: Anton;
    display: inline-block;
    padding: 5px 15px;
    background-color: white; /* Cor de fundo do botão */
    color: #fff; /* Cor do texto */
    text-decoration: none; /* Remover sublinhado de links */
    border: none; /* Remover a borda */
    border-radius: 5px; /* Cantos arredondados */
    cursor: pointer; /* Alterar o cursor ao passar o mouse */
}

/* Estilo para quando o mouse passar por cima do botão */
.botao-voltar:hover {
    text-decoration: underline;
    background-color: rgb(202, 202, 202);
}