div#portal{
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
}
div#modal{
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
}
div#root{
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
div#portal > div {
    pointer-events: auto
}
div#in-your-face{
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}