body {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/image/brasil-fondo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: #c88888;
    margin: 0px;
    padding: 0px;
}

.titulo {
    color: yellow;
    background-color:green;
    display: flex;
    flex-direction: row; 
    justify-content: center;
    align-items: center; 
    gap: 50px; 
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.6));
}
  
.copasbrasil {
     display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom:60px;
}

  
.banderadebrasil {
    display: flex;
    justify-content: center;
    gap: 0px; 
    margin-bottom: 50px;  
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.6));
    padding: 20px;
}

.aside{
  margin-top: 0px;
  background-color:green;
}

aside, .aside ul{
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}


h2{
  background-color:white;
  justify-content: center;
  align-items: center; 
  display: flex;
  padding: 10px;
  margin-top:0px;
  margin-bottom:0px;
}

.historia{
  background-image: linear-gradient(rgba(0, 0, 0, 0.5));
  text-align:center;
  color:yellow;
}

.historia h2{
  margin-top:0px;
  }

.historia h3{
 text-align:center;
 color:darkblue;
 margin-top:0px;
}



.historia p{
  margin-top:0px;
  margin-bottom:20px;
}
  

.rivalidades{
  background-image: linear-gradient(rgba(0, 148, 64, 0.5));
}



.rivalidades h3{
  color:darkblue;
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  
}

.rivalidades ul li{
  color:yellow;
  margin-top:0px;
  margin-bottom:0px;
}

.rivalidades ul{
  margin-top:0px;
  margin-bottom:0px;
}

.tablacompetencia{
    color:yellow;
    background-color:green;
    width: 50%; 
    margin: 40px auto;
    padding: 20px;
    border: 5px;
    border-radius: 40px;
    border-collapse: collapse;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    flex-direction: row; 
    justify-content: center;
    align-items: center; 
    display: flex;
    letter-spacing: 0.3px;
    text-align: justify;
}

.tablapalmares{
    color:yellow;
    background-color:green;
    margin: 40px auto;
    padding: 50px;
    border: 5px;
    border-radius: 40px;
    width: 70%;
    justify-content: center;
    align-items: center;
    text-align: justify;
    flex-direction: row;
    
    
}

.masinformacion{
   color:yellow;
    background-color:green;
    text-align: center;
  }



footer{
  margin-top: 0px; 
  color:white;
  background-color:black;
  text-align:center;
  padding: 5px;
  margin: 0px;
  
}