footer>a:link{text-decoration: underline;} footer>a:link:hover, nav>.button:hover>a:link{text-shadow: 0px 0px 4px var(--Orange), 0px 0px 6px var(--Orange), 0px 0px 8px var(--Orange)}

nav{cursor: default;} nav>.button{background-color: black; padding: 3px; padding-inline: 5px; margin-inline: 2px;}
    nav>.button:hover{background-color: black; box-shadow: 0px 0px 4px 1px var(--Orange);}
    nav>.button:has(a:link):hover{cursor: pointer;}

#desc{text-align: center;}


.TTt{left: 120%; top:-53px; width: 300px; height: 50px; padding: 3px; overflow: hidden; border-radius: 10px;}
a:link.TT{ text-decoration: none;} a:link.TT:hover > .TTt{text-shadow: 0px 0px 3px black, 0px 0px 6px black;} .TTt:empty{visibility: hidden !important;}

.iconbox>img{border-radius: 10px;}
#iconbar * img{object-fit: contain;}


:root{
    --BaseColor: #111;
    --BaseLighter: #222;
    --BdrRad:20px;

    --footerFntS:0.75em;
    --footerMaxH:calc(var(--footerFntS) + 2px);
    --footerP:2px;
        --footerP2:calc(var(--footerP) * 2);
        --footerHactual:calc(var(--footerMaxH) + var(--footerP2));
    --containerM:8px;
        --containerM2: calc(var(--containerM) * 2);
    --footercontainerH:calc(var(--footerHactual) + var(--containerM2));
    --rightImgMinH: calc(100vh - var(--footercontainerH));
}