@import url(../bootstrap/css/bootstrap.min.css);
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Quicksand:wght@300..700&display=swap');

*{
  margin: 0%;
  padding: 0%;
}
.tittle-index{
    margin: 1rem auto;
    text-align: center;
}
.titulo-uno{
    text-align: center;
     font-family: "Bebas Neue", sans-serif;
  font-style: normal;
  font-size: 35px;
  margin: 0%;
  
}

.logo{
    width: 12rem;
    margin: 0.5rem;
    border-radius: 7rem;
}
.contenedor{
    font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
    width: 30rem;    
    margin: auto;
    padding: 2rem;
    background-color: rgb(25, 33, 74);
    border-radius: 2rem;
    color:#fff;
}
.boton{
    margin-top: 1rem;
    background-color: #541313;
    border: #F5E8D8;
    color: rgb(237, 233, 233);
    
}
.boton:hover{
     background-color: #1d4836;
}

.aling-botton{
    text-align: right;
}
@media (max-width: 768px){
    .contenedor{
        width: 98%;
        height: 30rem;
        margin: auto; 
    }
    .titulo-uno{
        font-size: 50px;
    }
}
.cajatwo .tabla{
    
    width: 10%;
}