/*CSS for cell : linkologyGridLayout*/

.grid-layout-label
{
    font-size: 20px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-basis: auto;  
    font-family: "Univers Condensed", sans-serif;
    text-shadow: 1px 1px #8f62ba;

}

.grid-item
{
    border-radius: 50%;
    position:absolute;
    background-position:center;
    z-index:300;
}

.grid-item:hover
{
    cursor: pointer;
}

.grid-item-img
{ 
    position:absolute;
    background-position:left;
    top: 0px;
    left:0px;
    border-radius:50%;
}
.grid-item-div
{
    position:absolute;
    background-position:center;
    top: 12px;
    left:2px;
    border-radius:4px;
    font-size: 20px;
    color: #7D3BBB;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    flex-direction: row;
}
.grid-item-little-ele-div-holder
{
    background-position:center;
    top: 5px;
    left:0px;
    border-radius:4px;
    font-size: 20px;
    color: #7D3BBB;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    flex-direction: column;
}
.little-ele-div
{
    border: thin solid #feb300;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    text-align: center;
}