.footer__{
    padding: 5px;
    /* background-image: linear-gradient(to right, rgb(197, 197, 197), #a7a7a7, rgb(197, 197, 197));
    background-size: 200%; */
    background-color: #fff;
    transition: 1s;
}

.footer__:hover{
    background-position: right;
}



.footer__copyright__p{
    margin-bottom: 5px;
}

.footer__contact__me{
    margin-bottom: 5px;
}

.footer__copyright{
    font-size: 1.1rem;
    text-align: center;
    padding: 20px 0;
    color: #000;
}

.footer__contact{
    font-size: 1.1rem;
    text-align: center;
    padding: 20px 0;
    color: #000;
}

.sitemap__{
    color: #000;
}

a:hover.sitemap__{
    text-decoration: underline;
    color: #000;
}



a.tooltip-top{
    color: #000;
    margin: 0 10px;
    font-size: 1.2rem;
}
a:hover.tooltip-top{
    color: #000;
}

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

.tooltip-top:hover .tooltiptext-top {
    visibility: visible;
}

.tooltip-top .tooltiptext-top {
    visibility: hidden;
    width: 120px;
    background-color: #dbdbdb;
    color: #181818;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
    margin-left: -60px;
    font-size: .9em;
}

.tooltip {
    position: relative !important;
    display: inline-block;
    transition: all .5s;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #dbdbdb;
    color: #181818;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 110%;
    left: 50%;
    margin-left: -60px;
}

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

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip-top {
    position: relative !important;
    display: inline-block;
    transition: all .5s;
}