MediaWiki:Common.css

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

    
/** CSS  da  Pagina  Inicial */  


                        /** Divs cabeçalho cabecalho */  
}

.cabecalho {
        display: grid;
        text-align: center;
        color: #002244;
         font-family: 'Poppins', sans-serif;
         
       
}

.cabecalho h1 {text-align: center;
         color: #002244;
         font-family: 'Poppins', sans-serif;
         font-size: 35px;
         font-weight: 700;
       
}
.cabecalho p {text-align: center;
         color: #002244;
         font-family: 'Poppins', sans-serif;
         font-size: 16px;       
}


                               /** Divs Banners e Novidades */


.banner {
        grid-template-columns: repeat(2);
        grid-template-rows: repeat(2);
        display: grid;
        
       
}

.descrCard1 { text-align: center;
           
           
           grid-area: 1 / 1 / 2/ 2;
           display: grid;
        
      
}
.descrCard2 { text-align: center;
              padding: 1em 2em 2em 0em;
              grid-area: 1 / 2 /2/ 3;
              display: grid;

        
      
}


.card1 {
       padding: 1em 2em 2em 11em;
        grid-area: 2 / 1 / 3/ 2;
        display: grid;

        
      
}
.card2 {
        padding: 1em 2em 2em 0em;
        grid-area: 2 / 2 / 3 /3;
        display: grid;

        
       /** Divs footer de Sugestoes de mais  clicados */        
       
}

.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;
      
       
}


                   /** CSS  de Efeitos das imagens e linhas */


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

}


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

.thumbcaption {
    display: none !important;
}


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


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


.fontFront{
        color: #002244;
        font-family: 'Poppins', sans-serif;

}