.galeria{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    margin: auto;
    grid-gap: 10px;
    padding: 40px, 0;
    overflow: hidden;
}
.galeria img{
    width: 95%;
vertical-align: top;
height: 300px;
transition: transform 0.5s;
}
.galeria > a{
    display: block;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(0,0,0,5);
}
.galeria a:hover img{
filter: blur(2px);
transform: rotate(5deg) scale(1.1);
}

.light-box{
      position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    transition: transform .3s ease-in-out;
    width:100vw;
    height: 100vh;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(0);
    
}

.light-box img{
    width: 50vw;
    max-height: 100%;
}
.light-box:target{
    transform: scale(1);
}
.close{
    display: block;
    position: absolute;
    top: 40px;
    right: 40px;
    background: coral;
    color: cornsilk;
    text-decoration:none ;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}
.next{
    display: block;
    position: absolute;
    top: 40%;
    left: 75%;
    background: rgb(138, 17, 17);
    color: cornsilk;
    text-decoration:none ;
    width: 30;
    height: 250px;
    text-align: center;
    line-height: 40px;
}
.next1{
    display: block;
    position: absolute;
    top: 40%;
    right: 75%;
    background: rgb(138, 17, 17);
    color: cornsilk;
    text-decoration:none ;
    width: 30;
    height: 250px;
    text-align: center;
    line-height: 40px;
}
.next:hover, .next1:hover {
    background-color:  #202c45;
    color: #ffffff;
  }
.LF{
    display: block;
    position: fixed;
    top: 85%;
    right: 80%;
    background: white;
    text-decoration:none ;
    text-align: center;
}
.NF{
    display: block;
    position: fixed;
    top: 85%;
    right: 8%;
    background: white;
    text-decoration:none ;
    text-align: center;
}