@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 300;
    src: url(/static/fonts/MaterialSymbolsOutlined.woff2) format('woff2');
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    html {
        text-rendering: geometricPrecision;
        font-smooth: always;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
}

@layer components {
    .icon {
        font-family: 'Material Icons';
        font-size: 1.25em;
        line-height: 1;
    }
}