@font-face {
    font-family: 'Biennale';
    src: url('Latinotype - Biennale Book.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('Latinotype - Biennale Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biennale';
    src: url('Latinotype - Biennale SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Biennale', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

#video {
    transform: scaleX(-1);
}

#camera-error.flex {
    display: flex !important;
}

input[type="email"] {
    -webkit-appearance: none;
    appearance: none;
}

#btn-capture:active span {
    transform: scale(0.92);
}
#btn-capture span {
    transition: transform 0.1s ease, background-color 0.2s ease;
}