/*
==============================================================================
Gallery Page
==============================================================================
*/

.gallery-container{

    width:95%;
    max-width:1400px;
    margin:40px auto;

}

.gallery-container h1{

    text-align:center;
    margin-bottom:30px;

}

.gallery-viewer{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-bottom:30px;

}

.gallery-viewer img{

    width:100%;
    max-width:420px;
    max-height:800px;

    border-radius:18px;

    border:1px solid #334155;

    box-shadow:0 10px 30px rgba(0,0,0,.35);

    user-select:none;

}

.gallery-viewer button{

    width:55px;
    height:55px;

    border:none;

    border-radius:50%;

    background:#2563EB;

    color:#FFF;

    font-size:24px;

    cursor:pointer;

    transition:.25s;

}

.gallery-viewer button:hover{

    background:#1D4ED8;

}

.gallery-thumbnails{

    display:flex;

    gap:15px;

    justify-content:center;

    flex-wrap:wrap;

}

.gallery-thumb{

    width:90px;

    border-radius:12px;

    cursor:pointer;

    opacity:.55;

    border:3px solid transparent;

    transition:.25s;

}

.gallery-thumb:hover{

    opacity:1;

}

.gallery-thumb.active{

    opacity:1;

    border-color:#2563EB;

}