.s1{
    padding-top: 100px;
}
.titulo01{
    text-align: center;
    padding-top: 80px;
    margin-bottom: 50px;
    color: rgb(44, 44, 44);
    
}

hr{
    width: 200px;
    border-bottom: solid 5px #E05800;
    margin-top: -40px;
    margin-bottom: 50px;
    border-style: dotted;
   
}
.competidor1{
    width: 120px;
    list-style-type: none;
    padding: 3px;
}

.competidores{
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    margin-bottom: 50px;
   
}
.preliminar1{
    background-color:  #f0f0f0;
    border-radius: 5px;
    color: rgb(243, 243, 243);
    padding-bottom: 80px;
    margin-top: 20px;
    
}
.listadebatalhas{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.batalha{
    border: solid 1px;
    padding: 5px;
    list-style-type: none;
    margin: 2px;
    width: 130px;
    display: flex;
    flex-direction: column;
    background-color: rgb(224, 224, 224);

}
.competidorA{
    border-left: solid 10px;
    border-color: rgb(0, 31, 116);
    color: rgb(44, 44, 44);
    padding-left: 8px;
}

.competidorV{
    border-left: solid 10px;
    border-color: rgb(165, 0, 0);
    padding-left: 8px;
    color: rgb(44, 44, 44);
}

.quartas{
    background-color: black;
    border-radius: 5px;
    color: rgb(243, 243, 243);
    padding-bottom: 80px;
    margin-top: 20px;
}
.titulo02{
    text-align: center;
    padding-top: 80px;
    margin-bottom: 50px;
    color: rgb(226, 226, 226);

}
.quartas_batalhas{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.img_quartas{
    max-width: 280px;
    padding: 10px;
    margin: 5px 30px 5px 30px;
}
.semifinal{
    background: linear-gradient(90deg, rgba(255,111,0,1) 0%, rgba(167,46,0,1) 100%);
    border-radius: 15px;
    color: rgb(243, 243, 243);
}


.estrela2{
    margin-left: -6px;
}