/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10 Dec, 2020, 12:01:21 PM
    Author     : Jawahar
*/

.album-container{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding:5px;
    width:98%;   
    margin:0px auto;
    box-shadow: 0px 0px 20px lightgrey;
    border:solid 1px lightgray;
    overflow: scroll;
    overflow-x: hidden
    content:' ';
    
}

::-webkit-scrollbar {
    width: 1px;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */
}

/* Optional: show position indicator in red */

::-webkit-scrollbar-thumb {
    background: #0000ff;
}


.pill-button {
   font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
"Lucida Sans Unicode", Geneva, Verdana, sans-serif;
   /*background-color: rgb(193, 255, 236);*/
   border: none;
   color: rgb(0, 0, 0);
   padding: 10px 20px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   margin: 4px 2px;
   cursor: pointer;
   font-size: 18px;
   border-radius: 32px;
}

.pill-button:hover {
   background-color: #9affe1;
}

#gallery-container{
    display:flex;
    padding:10px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 50px;
    align-items: flex-start;
}

.image-frame{
    background-color: white;
    width:auto;
    padding:10px;
    margin:10px;
    transition: 0.5s ease-out;    
    z-index: 1;
    cursor: pointer;
}

.image-frame:hover{        
    transform:scale(1.5);
    z-index: 99;
    box-shadow: 0px 0xp 0px #888888;
}

.album-image{
    max-width:400px;
    width:400px;
}