@import url('./SCROOLBAR.css'); 
@import url('./body.css'); 
@import url('./font.css'); 

@import url('./blog.css'); 
@import url('./FLIP.css'); 
@import url('./botontop.css'); 
@import url('./telaMenor.css'); 
 

@import url('./POPUP.css'); 
 
@import url('./molduraGif.css'); 
@import url('./modoNoturno.css'); 

@import url('./parallaxBlog.css'); 
 
 
 
:root{
  --roboto: roboto;
  --preto: #000;
  --branco: #fff;
  --pretofracod: rgb(8, 8, 8);
  --azul: #0066ff;
  --green: rgb(0, 185, 15);
  --azulEscuro: rgb(8, 94, 121);
  --roxol: rgb(68, 2, 129);
  --azulpreto: rgb(0, 53, 54);

  font-family: var(--roboto);
 }

 

  
.icones{
    width: 100%;
    height: 100%;
    border: 1px red solid;
 }
.icones img{
    width: 5rem;
    height: auto;
}
.ic{
    
    filter: grayscale(100%);/*DEIXA EM ESCALA CINZA*/
    transition: transform .3s linear;
    object-fit: cover;
}
.ic:hover{
    cursor: pointer;
    z-index: 1;
    transform: scale(1.2);
    filter: none;     /*QUANDO O MOUSE POUSAR NA IMAGENS A ESCALA CINZA SAI*/    
}