/* --------------------------------------------------------------------
ESCAPE THE BOX
fp.css (front page stylesheet)
-------------------------------------------------------------------- */


* {
    margin: 0px;
    padding: 0px;
    font: inherit;
    box-sizing: border-box;
}
body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 20px;
    line-height: 1.5em;
    background-color: whitesmoke;
}


/* page sections */


div#pg_wrap {
    padding: 20px;
    height: 100vh;
    width: 100dvb;
}


/* logo */


div#escape-the-box-logo {
    position: fixed;
    top: 50%;
    left: calc(50% - (1129px / 2));
    transform: translateY(-50%);
    width: 1129px;
    height: 440px;
}


/* responsive */


@media only screen and (max-width: 600px) {
    div#escape-the-box-logo img {
        position: fixed;
        top: 50%;
        left: calc(50% - (226px / 2));
        transform: translateY(-50%);
        width: 226px;
        height: 88px;
    }
}