body{

    background:#f4f6f9;

}

.year-btn{

    margin:5px;

    padding:8px 20px;

    border:none;

    border-radius:25px;

    background:#ffffff;

    box-shadow:0 3px 10px rgba(0,0,0,.15);

    cursor:pointer;

    transition:.3s;

}

.year-btn.active{

    background:#0d6efd;

    color:#fff;

}

.gallery-card{

    overflow:hidden;

    border-radius:15px;

    background:#fff;

    box-shadow:0 5px 15px rgba(0,0,0,.15);

}

.gallery-card img{

    width:100%;

    height:220px;

    object-fit:cover;

    transition:.4s;

}

.gallery-card img:hover{

    transform:scale(1.08);

}

/* LIGHTBOX */

.lightbox{

    display:none;

    position:fixed;

    z-index:9999;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.9);

}

.lightbox img{

    max-width:90%;

    max-height:85%;

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    border-radius:10px;

    box-shadow:0 0 30px rgba(255,255,255,.2);

}

.close{

    position:absolute;

    top:20px;

    right:35px;

    color:white;

    font-size:40px;

    cursor:pointer;

}

.prev,.next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    color:white;

    font-size:50px;

    cursor:pointer;

    user-select:none;

    padding:20px;

}

.prev{

    left:20px;

}

.next{

    right:20px;

}

#caption{

    position:absolute;

    bottom:20px;

    width:100%;

    text-align:center;

    color:white;

    font-size:18px;

}