#screen-size-overlay {
    position: fixed;
    inset: 0;                 /* top:0 right:0 bottom:0 left:0 */
    width: 100vw;
    height: 100vh;
    background: #0f172a;
    color: #fff;
    z-index: 2147483647;
    display: none;

    align-items: center;
    justify-content: center;

    text-align: center;
}

#screen-size-overlay.active {
    display: flex;
}

.screen-size-overlay__content {
    max-width: 520px;
    padding: 3rem 3.5rem;
}

.screen-size-overlay__content i {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
}

.min-resolution {
    opacity: 0.8;
    margin-top: 1.5rem;
}