@import './style.css';

#galleria h2 {
    font-size: 64px;
    font-family: serif;
    font-weight: 1000;
}

.galleria {
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-evenly;
    align-content: space-around;
}
.galleria-card {
    box-shadow: 0 2px 5px var(--davys-gray);
    border-radius: 20px;
    overflow: hidden;
    margin: 10px 5px;
}
.galleria-card:hover {
    position: relative;
    bottom:  10px;
    box-shadow: 0 5px 10px var(--davys-gray);
    transition: 0.25s;
}
.galleria-card-img {
    height: 300px;
    width: 300px;
    overflow: hidden;
    text-align: center;
}
.galleria-card-img img {
    cursor: zoom-in;
}
.galleria-card-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 40% 60%;
}
.galleria-card-testo {
    height: 100px;
    color: var(--davys-gray);
    text-align: center;
    padding: 15px;
}