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


body{
    background-color: #E8F0F2;
    
}

#galeria h1{
    font-size: 5em;
    margin-top: 40px;
    font-weight: bolder;
    font-family: 'Roboto', 'sans-serif';
}

#galeria h4{
    font-family: 'Merienda One', 'cursive';
}

#galeria h5{
    margin-top: 30px;
    font-family: 'Roboto', 'sans-serif';
} 


#galeria .col-lg-3 {
    margin: 0 !important;
    padding: 25px;

}

#galeria img{
    padding: 5px;
    width: 100%;
    height: 200px;
    border-radius: 8px;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
    margin-bottom: 12px;
    filter:grayscale(1);
    transition-property: filter;
    transition-duration: 1s;
    cursor: pointer;
}

.col-lg-4:hover{
    transform:scale(1.1)
}


#galeria img:hover{
    filter:grayscale(0);
    transition-property:filter;
    transition-duration:1s;
    border: 5px solid #fff;
}

.container-a {
    text-align: center;
    margin-bottom: 40px;
}

#galeria .col-lg-3 .item-text{
    text-align: center;
    font-family: 'Merienda One', 'cursive';
}