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

body {
    background-color: rgb(23, 25, 62);
    font-family: 'Roboto', sans-serif;
    border: 8px groove rgba(140, 145, 245, 0.344);
    margin: auto;
}





h1, h3, a, h2, h5, h4 {
    font-family: 'Bebas Neue', cursive;
    color: rgb(255, 255, 255);
}
h6{
    font-family: 'Roboto', sans-serif;
    text-align: center;
    margin: 10px;
    color: rgb(255, 255, 255);
}

h3 {
    color: rgb(255, 255, 255);
    text-decoration: underline rgba(191, 195, 244);

}

p, li, td{
    font-family: 'Roboto', sans-serif;
    color: white;
    
}

th{
    font-family: 'Bebas Neue', cursive;
}

table{
    background-color: rgba(140, 145, 245, 0.344);
    
}


.logo{
    width: 30px;
    transition: all 0.5s ease;
}
.logo:hover{
    transition: all 0.5s ease;
    transform: scale(1.3);          
}

.fin {
    text-align: center;
}

.paper {
    background: linear-gradient(rgba(19, 12, 57, 0.163), rgba(13, 10, 34, 0.407));
}

ul.breadcrumb li a {
    color: rgb(255, 255, 255);
}

ul.breadcrumb li a:hover{
    color: rgba(191, 195, 244)
}



h1{
    text-align: center;
}

.breadcrumb{
    text-align: center;
    margin: none;
    background-color: rgba(52, 60, 148, 0.164);
}

.bandera1 {
   
    width: 70px;
    display: inline-flex;
    float: left;
    justify-content: center;
    margin: 10px;    
}

.bandera1:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.container-paises{
    display: flex;
    justify-content: center;
    align-items: center;


}
.bandera2 {
   display: inline-block;
    width: 70px;
    margin: 10px;
}


.mrusia{
    text-align: center;
}

.formaciones {
      text-align: center;
  }

.jugadores {
      text-align: center;
  }

.h {
    font-size: 15px;
    text-align: center;
}

.pelota {
    display: inline-block;
    width: 20px;
    padding: 2px;

}

.flechader {
    width: 45px;
}

.flechaizq {
    width: 45px;

}

.listadejugadores {
    background: linear-gradient(rgba(33, 38, 93, 0.354), rgba(4, 4, 17, 0.486));
}

.tablajugadores {
    background-color: rgb(22 22 57);
  }

.listadejugadores2 {
    background: linear-gradient(rgba(4, 4, 17, 0.486), rgba(33, 38, 93, 0.354));
  }


.tabladecampeones {
    background: linear-gradient(rgba(4, 4, 17, 0.486), rgba(33, 38, 93, 0.354));
  }



.sub {
    margin-left: 95px;
}

.sub2 {
    text-align: right;
    margin-right: 300px;
}

.col-9 {
    text-align: center;
}

.mascotarusia {
    width: 60px;
    display: inline-flex;
    float: left; 
    margin-left: 3px;
    margin-right: 13px;
}

.mascotabrasil {
    width: 75px;
    display: inline-flex;
    float: left; 
}

.data {
    color: rgb(255, 255, 255);
}

.collapsible label {
    color: rgb(255, 255, 255);
}

.collapsible label:hover {
    color: rgba(191, 195, 244) ;
}

.mascotasudafrica {
    width: 60px;
    display: inline-flex;
    float: left; 
    margin-left: 9px;
    margin-right: 7px;
}

a {
    background-image: none;
}

b{
    color: rgb(112, 124, 254);
}


.mascotaalemania {
    width: 50px;
    display: inline-flex;
    float: left; 
    margin-left: 9px;
    margin-right: 16px;
}

.mascotacoreajapon {
    width: 48px;
    display: inline-flex;
    float: left;
    margin-left: 12px;
    margin-right: 16px;
}

.mascotafrancia {
    width: 55px;
    display: inline-flex;
    float: left; 
    margin-left: 6px;
    margin-right: 15px;
}

.pie {
    margin-left: 132px;
}
 

.mascotausa {
    width: 55px;
    display: inline-flex;
    float: left; 
    margin: 10px;
}

.mascotaitalia {
    width: 54px;
    display: inline-flex;
    float: left; 
    margin-left: 14px;
    margin-right: 9px;
}

.mascotamexico {
    width: 53px;
    display: inline-flex;
    float: left; 
    margin-right: 13px;
    margin-left: 12px;
}

.mascotaespaña {
    width: 53px;
    display: inline-flex;
    float: left; 
    margin-right: 14px;
    margin-left: 12px;

}

.mascotaargentina {
    width: 56px;
    display: inline-flex;
    float: left; 
    margin-right: 11px;
    margin-left: 12px;
}

.mascotaalemania2 {
    width: 56px;
    display: inline-flex;
    float: left; 
    margin-right: 13px;
    margin-left: 10px;
}

.mascotainglaterra {
    width: 56px;
    display: inline-flex;
    float: left; 
    margin-right: 13px;
    margin-left: 10px;
}



.logoss {
    margin: auto;
    width: 200px;
    text-align: center;
    display: block;

}

.logobrasil2014 {
    margin: auto;
    width: 90px;
    text-align: center;
}

.logosudafrica {
    margin: auto;
    width: 90px;
    text-align: center;
}


.logorusia {
    margin: auto;
    width: 200px;
    text-align: center;
}

.logoitalia {
    margin: auto;
    width: 90px;
    text-align: center;
}

.logocorea {
    margin: auto;
    width: 80px;
    text-align: center;
}

.logofrancia {
    margin: auto;
    width: 110px;
    text-align: center;
}

.logousa {
    margin: auto;
    width: 100px;
    text-align: center;
}

.logoalemania {
    margin: auto;
    width: 90px;
    text-align: center;
}

.logoitalia {
    margin: auto;
    width: 100px;
    text-align: center;
}    

.logomexico {
    margin: auto;
    width: 120px;
    text-align: center;
}

.logoespaña {
    margin: auto;
    width: 100px;
    text-align: center;
}

.logoargentina {
    margin: auto;
    width: 100px;
    text-align: center;
}

.logoalemania74 {
    margin: auto;
    width: 100px;
    text-align: center;
}

.logomexico70 {
    margin: auto;
    width: 100px;
    text-align: center;
}

.logoinglaterra {
    margin: auto;
    width: 100px;
    text-align: center;
}

.logochile {
    margin: auto;
    width: 100px;
    text-align: center;
}

.logosuecia {
    margin: auto;
    width: 90px;
    text-align: center;
}

.logosuiza {
    margin: auto;
    width: 100px;
    text-align: center;
}

.logobrasil {
    margin: auto;
    width: 120px;
    text-align: center;
}

.logofrancia38 {
    margin: auto;
    width: 90px;
    text-align: center;
}

.logoitalia34 {
    margin: auto;
    width: 90px;
    text-align: center;
}

.logouruguay {
    margin: auto;
    width: 80px;
    text-align: center;
}


.mejores {
    background-color: rgba(0, 0, 0, 0.293);
}

.collapsible input:checked + label {
    color: rgba(124, 121, 181, 0.706);
}

.tabs input:checked + label {
    border-bottom-color: rgb(69, 76, 156);
}

.tabs input:checked + label {
    color: rgba(124, 121, 181, 0.706);
}

.tabs label {
    color: rgb(255, 255, 255);
}

.tabs label:hover{
    color: rgba(116, 149, 232, 0.785);
}

.camp {
    color: rgba(255, 255, 0, 0.500);
}

.subcamp {
    color: rgb(75, 75, 75);
}

.tercero {
    color: rgba(210, 144, 57, 0.5);
}

.xx {
    color: rgba(255, 0, 0, 0.500);
}

.mundialtrofeo {
    width: 30px;
}

.copamund {
    width: 40px;
}

.copaamerica {
    width: 50px;
}

.finalissima {
    width: 45px;
}

.confederaciones {
    width: 29px;
}

.vitrinas {
    background-color: rgba(27 28 73);
}

.collapsible label {
    border-bottom-color: rgba(50, 50, 116, 0.633);
}

.collapsible .collapsible-body {
    border-bottom-color: rgb(72, 72, 136);
}

.collapsible:nth-of-type(1) {
    border-top-color: rgb(72, 72, 136);
}

.collapsible .collapsible-body {
    background-color: rgb(27 28 73);
}

.paper {
    border: none;
    
}

.name {
    margin-top: 10px;
    color: rgb(191, 195, 244);
    margin-bottom: -30px;
}

.paper {
    padding: 20px;
}

.copalogo {
    display: inline-block;
    width: 50px;
    margin-top: 40px;
    filter: brightness(9);
}

.containertitulo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.titulo-pagina {
    color: rgb(255, 255, 255);
    text-decoration: overline;
    text-decoration-color: rgba(191, 195, 244);
    text-align: center;

}
 .line {
    width: 450px;
    display: block;
    margin: -70px;
    padding-top: 40px;
}

ul.breadcrumb li {
    font-size: 28px;
}

.penales {
    font-size: 30px;
    margin-bottom: 30px;
    color: #a8b1f7e3;
}

.mini {
    width: 38px;
    float: left;
    padding: 8px;
    filter: saturate(60%);
}

.minic {
    width: 45px;
    float: left;
    padding: 8px;
}


.qatar22 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.qatar {
    display: inline-block;
    width: 200px;
}





.row {
    justify-content: center;
}