MediaWiki:Common.css

/** o código CSS colocado aqui será aplicado a todos os temas */

.pai{ 
    display: grid;
    grid-row-gap: 1px;
    grid-column-gap: 1px;
    grid-template-columns: repeat(2);
    grid-template-rows: repeat(5);
    align-items: center;
    
    
}
.banner {
        grid-area: 1 / 1 / 2 /3;
        display: grid;
        text-align: center;
       
}

.topcard1 {
           padding: 0em 0em 0em 17em;
          grid-area: 2 / 1 / 3/ 2;
          display: grid;
        
      
}
.topcard2 {
           padding: 0em 0em 0em 5em;
           grid-area: 2 / 2 / 3/ 3;
           display: grid;
        
      
}


.card1 {text-align: center;
       padding: 1em 2em 2em 11em;
        grid-area: 3 / 1 / 4/ 2;
        display: grid;
        
      
}
.card2 {text-align: center;
        padding: 1em 2em 2em 0em;
        grid-area: 3 / 2 / 4 /3;
        display: grid;
        
        
       
}

.guess{
        grid-area: 4 / 1 / 5 /3;
        display: grid;
        grid-template-columns: repeat(2);
        grid-template-rows: repeat(3);
        grid-row-gap: 5px;
        grid-column-gap: 5px;

       
}
.guesschild{
        grid-area: 1 / 1 / 2 /4;
        display: grid;

       
}
.guesschild1{
        grid-area: 2 / 1 / 3 /2;
        border: solid 1px rgb(148, 149, 151);
        display: grid;
        border-radius: 10px;
       
}
.guesschild2{
        grid-area: 2 / 2 / 3 /3;
        border: solid 1px rgb(148, 149, 151); 
        display: grid;
        border-radius: 10px;

       
}
.guesschild3{
        grid-area: 2 / 3 / 3 /4;
        border: solid 1px rgb(148, 149, 151);
        display: grid;
        border-radius: 10px;
      
       
}


.imagem-zoom{
  height: auto; 
  transition: transform 0.3s ease-in-out; 
}


.imagem-zoom:hover {
  transform: scale(1.1);
}

.divisoria {
  border-top: 1px solid #ddd;
  width: 100%; 
  margin: 20px 0; 
}


.linha-embaixo {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px; 
}