From d365a92ac65d592950ae8c139dc3410f142aed85 Mon Sep 17 00:00:00 2001
From: tymur999 <tymur.arsent@gmail.com>
Date: Thu, 9 Apr 2026 18:41:16 -0500
Subject: [PATCH] preload textures; fix article font size

---
 src/articles/reader.sass | 6 ++++++
 src/index/Canvas.tsx     | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/articles/reader.sass b/src/articles/reader.sass
index 9c82c95..5bb861b 100644
--- a/src/articles/reader.sass
+++ b/src/articles/reader.sass
@@ -12,6 +12,12 @@
   top: 0
   left: 0
 
+  h1
+    font-size: xxx-large
+  h2
+    font-size: xx-large
+  h3
+    font-size: x-large
   p
     font-size: large
 
diff --git a/src/index/Canvas.tsx b/src/index/Canvas.tsx
index ef854f9..94d2829 100644
--- a/src/index/Canvas.tsx
+++ b/src/index/Canvas.tsx
@@ -3,7 +3,7 @@ import {motion} from "framer-motion";
 import {Canvas as ThreeCanvas} from "@react-three/fiber";
 import {Moon} from "./Moon";
 import {AnimateFade, AnimateSpin} from "../animations";
-import {Environment, OrbitControls, useTexture} from "@react-three/drei";
+import {Environment, OrbitControls, Preload, useTexture} from "@react-three/drei";
 import Jupiter from "../img/2k_jupiter.jpg";
 import Makemake from "../img/2k_makemake_fictional.jpg";
 import Ceres from "../img/2k_ceres_fictional.jpg";
@@ -23,6 +23,7 @@ export default function Canvas() {
           <Moons/>
           <Planet/>
           <directionalLight color="#E3A857" args={[1,10]} position={[100,10,100]} />
+          <Preload all />
         </ThreeCanvas>
       </section>
       <motion.h1 className="welcome" animate={AnimateSpin().animate}>