/* Custom font declarations */
@font-face {
    font-family: 'Google Sans';
    src: url('https://cdn.wchar.uk/GoogleSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('https://cdn.wchar.uk/GoogleSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* Base styles for the body to use the custom fonts and the gradient background */
body {
    font-family: 'Google Sans', sans-serif;
}

/* Utility classes for the custom fonts */
.font-google-sans-regular {
    font-family: 'Google Sans', sans-serif;
    font-weight: 400;
}

.font-google-sans-bold {
    font-family: 'Google Sans', sans-serif;
    font-weight: 700;
}

/* Tailwind CSS has been linked in the HTML, so this is all that's needed for the custom styles. */