/* You can add global styles to this file, and also import other style files */
:root {
    --background-color: white;
}

@font-face {
    font-family: 'Glacial Indifference';
    src: url(../src/assets/fonts/GlacialIndifference-Regular.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glacial Indifference Bold';
    src: url(../src/assets/fonts/GlacialIndifference-Bold.otf);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Glacial Indifference Italic';
    src: url(../src/assets/fonts/GlacialIndifference-Italic.otf);
    font-weight: normal;
    font-style: italic;
}

body {
    background-color: var(--background-color);
    font-family: 'Glacial Indifference', sans-serif;

    input {
        font-family: 'Glacial Indifference', sans-serif;
        font-size: 17px;
    }

    textarea {
        font-family: 'Glacial Indifference', sans-serif;
        font-size: 17px;
    }

    select {
        font-family: 'Glacial Indifference', sans-serif;
    }
}

.isActive::after {
    animation: 1s effect infinite;
    z-index: 2;
    pointer-events: none;
}

$highlight-color: #009b00;
@keyframes effect {
    0%, 100% {
        box-shadow: inset 0 0 10px $highlight-color;
    }
    50% {
        box-shadow: inset 0 0 20px $highlight-color;
    }
}