import '../styles/reset.css';
import '@fontsource/inconsolata/600.css';
import '@fontsource/inconsolata';
import '../styles/defaults.scss';
import type { AppProps } from 'next/app';
import Head from 'next/head';
import 'highlight.js/styles/github.css';

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <Head>
        <title>furkistan.com</title>
        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
        <link rel="manifest" href="/site.webmanifest" />
      </Head>
      <Component {...pageProps} />
    </>
    );
}

export default MyApp;