/* Prevent horizontal scroll globally */
html, body {
    /* overflow-x: hidden; Messes with a lot of pages*/
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Mobile - scale everything down to fit width */
@media only screen and (max-width: 768px) {
    
    /* Scale down everything inside the page container */
    div.content-container > div {
        transform: scale(0.55);
        transform-origin: top center;
        width: 181.8%;
        margin-left: -40.9%;
    }
    
    /* Ensure no horizontal overflow */
    body, #react-entry-point {
        overflow-x: hidden !important;
        width: 100vw !important;
    }
}

/* iPhone 14 Pro Max and similar */
@media only screen and (max-width: 430px) {
    div.content-container > div {
        transform: scale(0.45);
        width: 222%;
        margin-left: -61%;
    }
}