.tooltip-container{
    display: flex;
    flex-wrap: wrap;
}

.tooltip{
    min-width: fit-content;
    max-width: 120px;
    
    margin-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #1f1f1f;
    position: relative;
    z-index: 100;

    background-color: #2f2f2f;

    text-align: center;
    white-space: nowrap;
    font-size: 0.90rem;
    font-family: 'Determination Sans';
	font-smooth: never;
	-webkit-font-smoothing : none;

    visibility: hidden;
}

.tooltip-container:hover .tooltip{
    transition-delay: 0.5s;
    visibility: visible;
}

.tooltip::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #3f3f3f transparent;
}