/*
 * site.css
 *
 * Global layout rules that center a fixed 1080x1920 Body
 * 
 */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap');

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff; /* background outside the body area */
    overflow: hidden; /* ensures nothing outside body is visible */
    touch-action: manipulation;
    overscroll-behavior: none;
}

body {
    position: relative; /* enables absolute positioning of child layers */
    width: 1080px;
    height: 1920px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow: hidden; /* ensures content inside body is clipped */
    font-family: 'Work Sans', sans-serif;
    box-sizing: border-box; /* avoid border affecting size math */
    transform-origin: top left;
    touch-action: manipulation;
    overscroll-behavior: none;
}