4 files changed, 11 insertions, 3 deletions
diff --git a/src/benzinConfig.ts b/src/benzinConfig.ts
index 12cdada..3f355ed 100644
--- a/src/benzinConfig.ts
+++ b/src/benzinConfig.ts
@@ -6,6 +6,7 @@ const benzinConfig: BenzinConfig = {
   CDN: 'https://git.eug-vs.xyz/eug-vs/eug-vs-xyz/plain/src',
   adapter: nginxAdapter,
   faviconPath: '/public/icon-64.png',
+  logoPath: '/public/eug-vs.png',
   emojiRootPath: '/emoji',
   cssPath: '/public/style.css?h=benzin-next-cdn'
 };
diff --git a/src/lib/types.ts b/src/lib/types.ts
index a177dcd..e6bb22a 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -12,6 +12,7 @@ export interface BenzinConfig {
   adapter: Adapter;
   title: string;
   faviconPath: string;
+  logoPath: string;
   emojiRootPath: string;
   cssPath: string;
 }
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 3dd15a2..715179b 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,13 +1,14 @@
-import logo from '../../public/eug-vs.png';
+import '../styles/globals.css';
 import type { AppProps } from 'next/app';
 import Image from 'next/future/image';
+import benzinConfig from '../benzinConfig';
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
       <a href="/" style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textDecoration: 'none', marginBottom: '12px' }}>
-        <Image src={logo} width={128} height={128} alt="logo" />
-        <h1>{"Eugene's Space"}</h1>
+        <Image src={benzinConfig.CDN + benzinConfig.logoPath} width={128} height={128} alt="logo" />
+        <h1>{benzinConfig.title}</h1>
       </a>
       <Component {...pageProps} />
     </>
diff --git a/src/styles/globals.css b/src/styles/globals.css
new file mode 100644
index 0000000..7c6c955
--- /dev/null
+++ b/src/styles/globals.css
@@ -0,0 +1,5 @@
+@font-face {
+  font-family: "Bitter";
+  src: url(../../public/fonts/Bitter-Regular.woff) format("truetype");
+}
+