.tooltip-text {
    position: absolute;
    top: -40px;
    left: -50%;
    z-index: 2;
    max-width: 300px;
    color: white;
    /*width: 200px;*/
    width: 0;
    height: 0;
    font-size: 12px;
    background-color: #252525;
    border-radius: 10px;
    padding: 8px 8px 8px 8px;
}

#fade {
    opacity: 0;
    transition: opacity 0.5s;
}

#delay {
    opacity: 0;
    transition: opacity 0.2s;
    transition-delay: 1s;
}

/*.hover-text:hover #fade {*/
/*    opacity: 1;*/
/*}*/

.hover-text:hover #delay {
    opacity: 1;
}


.hover-text {
    position: relative;
    display: inline-block;
    text-align: center;
}