:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}

body {
    margin: 0;
    background-attachment: scroll;
    /* background: #fffffe; */
    min-height: 100vh;
}

* {
    font-family: 'museo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #000;
    box-sizing: border-box;
}

@font-face {
    font-family: 'museo';
    font-weight: 300;
    font-style: normal;
    src: url('./fonts/museo/museo-300.otf');
}

@font-face {
    font-family: 'museo';
    font-weight: 700;
    font-style: normal;
    src: url('./fonts/museo/museo-700.otf');
}

@font-face {
    font-family: 'museo';
    font-weight: 900;
    font-style: normal;
    src: url('./fonts/museo/museo-900.otf');
}