[data-visible="init"]{animation:off 0s forwards;}
[data-visible="off"]{animation:off 0.3s forwards;}
[data-visible="on"]{animation:on 0.3s forwards;}

@keyframes off{
    0%{display:block;opacity:1;z-index:1000;}
    99%{display:block;opacity:0;z-index:1000;}
    100%{display:none;opacity:0;z-index:-1;}
}
@keyframes on{
    0%{display:none;opacity:0;z-index:-1;}
    1%{display:block;opacity:0;z-index:1000;}
    100%{display:block;opacity:1;z-index:1000;}
}

.dirRoot{
    overflow:hidden;
}

@media screen and (max-height:580px) {
    .overlay{ overflow:auto;}
    .overlay .gloval {
        top: 0;
        transform: translate(0,0);
    }
}