body,
html {
    touch-action: manipulation;
    font-family: 'Quicksand';
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

canvas#mindmetriq {
    background-color: #f2f2f2;
    border-radius: 8px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 20px auto;
    padding: 0;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

div.mindmetriq-accessibility {
    position: absolute;
    background: transparent;
    pointer-events: none;
    touch-action: none;
}

@font-face {
    font-display: swap;
    font-family: 'Hedvig Letters Serif';
    font-style: normal;
    font-weight: 400;
    src: url('../../Content/Webfonts/hedvig-letters-serif-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: url('../../Content/Webfonts/quicksand-500.woff2') format('woff2');
}