@font-face {
    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Anton-Regular.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Degular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Degular-Regular.otf') format('opentype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Degular';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/Degular-Bold.otf') format('opentype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: "Arial";
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(to bottom, #242424, #010101);
    min-height: 100vh;
    color: white;
    margin: 0 auto;
    max-width:640px;
}

#input-camera {
    display: none;
}

#input-gallery {
    display: none;
}

#error-message {
    color: red;
    font-size: 16px;
    display: none;
}