@font-face {
    font-family: 'TildaSansRegular';
    src: url('vendor/fonts/TildaSans-Regular.eot');
    src:
        url('vendor/fonts/TildaSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('vendor/fonts/TildaSans-Regular.woff2') format('woff2'),
        url('vendor/fonts/TildaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    scrollbar-width: thin;
}

body {
    font-family: 'TildaSansRegular', sans-serif;
    font-size: 1.1em;
}

a {
    text-decoration: none;
}

.pointer {
    cursor: pointer;
}

[data-bs-theme=dark] {
    --bs-primary-bg-subtle: #050515;
    --bs-primary-text-emphasis: silver;
    --bs-primary-border-subtle: #474545;
}

.ratio-sm-4x3 {
    @media (min-width: 576px) {
        aspect-ratio: 3/4;
    }
}

.icon {
    max-width: 1.5em;
    max-height: 1.5em;
}