body {
    background-color: #8e8e8e;
    background: radial-gradient(ellipse at center, rgba(226,226,226,1) 0%, rgba(230,230,230,1) 50%, rgba(184,182,184,1) 51%, rgba(254,254,254,1) 100%);
    margin: 0px;
}

.container
{
    /* z-index: 0; */
    filter: grayscale() contrast(0.43) brightness(2.5) blur(2px);
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
}

.viewer
{
    z-index: 99;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.60) 100%);
    background-attachment: fixed;
    backdrop-filter: blur(4px);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.viewerImg
{
    z-index: 99;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.60) 100%);
    background-attachment: fixed;
    backdrop-filter: blur(4px);
    width: 100%;
    max-height: 100%;
}

.hiddenViewer
{
    display: none;
}

.ViewerButton
{
    z-index: 99;
    font-family: 'arial';
    font-style: 'bold';
    font-size: 16px;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.60) 100%);
    padding: 4px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 24px;
    cursor:pointer;
    font-weight: bold;
    
    color: rgb(255 255 255);
    opacity: 0.5;
    position: absolute;
    right: 16px;
    top: 16px;

    text-decoration: none;

    transition: transform .2s; /* Animation */
}

.ViewerButton:hover
{
    transform: scale(1.15);
    opacity: 1;
}

.ViewerButton.Close
{
    color: rgba(255,0,0);
    right: 16px;
}

.ViewerButton.Download
{
    color: rgb(0 60 255);
    right: 64px;
}


.DISABLED-zoom
{
    z-index: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: -96px;
    left: 0px;
}

.ins-imgs-li
{
    z-index: 9;
    padding: 1vmin;
    margin: 1vmin;
    width: 44vmin;

    border-radius: 1vmin;
    box-shadow: 1vmin 1vmin 1.5vmin 0px rgba(0,0,0,0.75);

    list-style-type: none;
    font-family: "Arial";
    font-size: 1vmax;
    color: rgb(234 234 234);

    background: linear-gradient(to bottom, 
                                rgba(76,76,76,0.80) 0%, 
                                rgba(89,89,89,0.80) 12%, 
                                rgba(102,102,102,0.80) 25%, 
                                rgba(71,71,71,0.80) 39%, 
                                rgba(44,44,44,0.80) 50%, 
                                rgba(0,0,0,0.80) 51%, 
                                rgba(17,17,17,0.80) 60%, 
                                rgba(43,43,43,0.80) 76%, 
                                rgba(28,28,28,0.80) 91%, 
                                rgba(19,19,19,0.80) 100%);
    
    backdrop-filter: blur(4px);

    transition: transform .2s; /* Animation */
}

.ins-imgs-li:hover {
  transform: scale(1.025); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.ins-imgs
{
    width: 100%;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.imgThumb
{
		width: 100%;
}

.ins-imgs-img
{
    
}