.category-header{
margin: 10px 0 20px;
}

.category-name{
    font-size: 20px;
    font-weight: bold;
    color: #116D44;
    text-transform: capitalize;
}

.tag-header{
    margin: 10px 0 20px;
}

.tag-name{
    font-weight: bold;
    text-transform: capitalize;
}

.entity-header{
    /*margin: 10px 0 20px;*/
}

.entity-name{}

.square .text {
    display: none;
    background: #181818;
    color: #fff;
    width: 100%;
    height: fit-content;
    padding: 10px;
    box-sizing: border-box;
    transition: opacity 300ms ease-out, border-radius 200ms ease-out;
    border-radius: 0 0 10px 10px;
}

.entity-name{margin-bottom: 8px;}

.square:hover {
    border-radius: 10px;
    /*transform: scale(1.1);*/
    box-shadow: 0 0 2px #000a;
    z-index: 99;
}

.text-display{
    color:#116D44
}
.square:hover .text-display {
    display: none;
}

.square:hover .text {
    display: block;
}

.square .text .info {
    font-size: 12px;
}

.square .text .info span{
    display: block;
}

#pageContents{
    display: none;
}