.tooltip {


    /*
    <div class="tooltip-wrapper">
        <h1 aria-describedby="test-tooltip">Mission</h1>
        <div class="tooltip" id="test-tooltip" aria-hidden="true">
            :3
        </div>
    </div>
    */


    /*THANK YOU LINA for helping me with this :3*/


    color:white;
    position: fixed;
    left: 0;
    top: 0;
    border: 2px white dotted;
    display: inline-block;
    padding: 2px 5px;
    background-color: black;
    visibility: hidden;
    opacity: 0;
    transition: opacity 200ms linear, visibility 200ms linear;
}

.tooltip-wrapper:hover .tooltip {
    visibility: visible;
    opacity: 100%;
}

.tooltip-wrapper {
    width: fit-content;
}