:root {
    --theme-color: #9C8DFF;
    --white: #E1E1E1;
    --black: #1D1D1D;
}

@font-face {
    font-family: 'GoogleSans';
    src: url('../pages/assets/fonts/GoogleSans-VariableFont_GRAD.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SmileySans';
    src: url('../pages/assets/fonts/SmileySans-Oblique.ttf') format('opentype');
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
}

@font-face {
    font-family: 'Creativo';
    src: url('../pages/assets/fonts/Creativo-Regular.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Gluten';
    src: url('../pages/assets/fonts/Gluten-VariableFont.ttf') format('opentype');
    font-style: normal;
    font-weight: 100 400 600 900;
    font-display: swap;
}

body {
    font-family: 'GoogleSans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--theme-color);
    color: var(--white);
    user-select: none;
    -webkit-user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
}

.container {
    display: flex;
    align-items: center;
    justify-content: center;
}

a {
    color: var(--white);
    text-decoration: none;
}