diff --git a/index.html b/index.html
index 3af149e..f293a32 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,10 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>bug.tools</title>
         <link id="dynamic-favicon" rel="icon" href="./images/snowflake.png" type="image/png">
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Aldrich&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200..900&display=swap" rel="stylesheet">
         <link href="style.css" rel="stylesheet" type="text/css" media="all">
         <script src="js/onLoad.js" defer></script>
         <script src="js/switchPage.js" defer></script>
@@ -108,7 +112,7 @@
                             </span>
 
                             <h1 style="margin-top:-10px;">What lies here?
-                                <img src="images/ascii_cat.gif"
+                                <img src="images/ascii_cat.gif" width="123" height="36"
                                     style="mix-blend-mode: normal; opacity: 0.5; display:inline; margin-left:90px;">
                             </h1>
                             <span>
@@ -123,7 +127,7 @@
                             </span>
 
                             <h1 style="margin-top:-10px;">A little about me.
-                                <img src="images/ascii_cat_sleep.gif"
+                                <img src="images/ascii_cat_sleep.gif" width="82" height="53"
                                     style="mix-blend-mode: normal; opacity: 0.5; display:inline; margin-left:90px;">
                             </h1>
                             <span>
@@ -139,14 +143,14 @@
                         <template id="page-contact">
                             <h1>Traces of me on the web</h1>
                             <span>
-                                <img src="images/navcircleblue.png" style="margin-top:5px; margin-left:15px;">  <a href="mailto:contact@bug.tools" target="_blank">Email</a>  (my contact email)<br>
-                                <img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;">  <a href="https://git.bug.tools/bug" target="_blank">Gitea</a>  (my personal
+                                <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:5px; margin-left:15px;">  <a href="mailto:contact@bug.tools" target="_blank">Email</a>  (my contact email)<br>
+                                <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;">  <a href="https://git.bug.tools/bug" target="_blank">Gitea</a>  (my personal
                                 Gitea instance)<br>
-                                <img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;">  <a href="https://github.com/4DBug" target="_blank">GitHub</a>  (my
+                                <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;">  <a href="https://github.com/4DBug" target="_blank">GitHub</a>  (my
                                 GitHub account)<br>
-                                <img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;">  <a href="https://discordapp.com/users/1475869049526292534" target="_blank">Discord</a>  (my discord profile)<br>
-                                <img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;">  <a href="https://steamcommunity.com/id/0zBug/" target="_blank">Steam</a>  (where I play games)<br>
-                                <img src="images/navcircleblue.png" style="margin-top:10px; margin-left:15px;">  <a href="https://www.roblox.com/users/2520646240/profile" target="_blank">Roblox</a>  (where I waste my time)<br>
+                                <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;">  <a href="https://discordapp.com/users/1475869049526292534" target="_blank">Discord</a>  (my discord profile)<br>
+                                <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;">  <a href="https://steamcommunity.com/id/0zBug/" target="_blank">Steam</a>  (where I play games)<br>
+                                <img src="images/navcircleblue.png" width="11" height="11" style="margin-top:10px; margin-left:15px;">  <a href="https://www.roblox.com/users/2520646240/profile" target="_blank">Roblox</a>  (where I waste my time)<br>
                             </span>
                             <h1>Contact me ?</h1>
                             <span>
@@ -220,24 +224,24 @@
                     <div id="small-content-pictochat">
                         <div id="pictochat-content">
                             <div class="picto"></div>
-                            <img src="images/emotebutton.gif" id="gb-emote-toggle"
+                            <img src="images/emotebutton.gif" id="gb-emote-toggle" width="32" height="25"
                                 style="image-rendering: pixelated; position:absolute; z-index: 100;">
-                            <img src="images/pitcochatmenu.png"
+                            <img src="images/pitcochatmenu.png" width="260" height="192"
                                 style="border-radius: 0 0 10px 10px; position:relative; top: 0px; left:1px; width:257px; image-rendering: pixelated;">
                             <div id="gb-emote-selector" class="gb-toggle-div">
-                                <img src="images/emotes/joy.gif" title=":happy:" class="gb-emote-item">
-                                <img src="images/emotes/love.gif" title=":love:" class="gb-emote-item">
-                                <img src="images/emotes/laugh.gif" title=":laugh:" class="gb-emote-item">
-                                <img src="images/emotes/astonished.gif" title=":shock:" class="gb-emote-item">
-                                <img src="images/emotes/wave.gif" title=":hello:" class="gb-emote-item">
-                                <img src="images/emotes/kiss.gif" title=":kiss:" class="gb-emote-item">
-                                <img src="images/emotes/applause.gif" title=":clap:" class="gb-emote-item">
-                                <img src="images/emotes/caramelldansen.gif" title=":dance:" class="gb-emote-item">
-                                <img src="images/emotes/yippee.gif" title=":yippee:" class="gb-emote-item">
+                                <img src="images/emotes/joy.gif" title=":happy:" width="20" height="20" class="gb-emote-item">
+                                <img src="images/emotes/love.gif" title=":love:" width="20" height="20" class="gb-emote-item">
+                                <img src="images/emotes/laugh.gif" title=":laugh:" width="20" height="20" class="gb-emote-item">
+                                <img src="images/emotes/astonished.gif" title=":shock:" width="20" height="20" class="gb-emote-item">
+                                <img src="images/emotes/wave.gif" title=":hello:" width="20" height="20" class="gb-emote-item">
+                                <img src="images/emotes/kiss.gif" title=":kiss:" width="20" height="20" class="gb-emote-item">
+                                <img src="images/emotes/applause.gif" title=":clap:" width="20" height="20" class="gb-emote-item">
+                                <img src="images/emotes/caramelldansen.gif" title=":dance:" width="20" height="20" class="gb-emote-item">
+                                <img src="images/emotes/yippee.gif" title=":yippee:" width="20" height="20" class="gb-emote-item">
                             </div>
                             <input type="text" id="gb-name" placeholder="name" maxlength="30">
                             <textarea id="gb-message" placeholder="enter your message here." maxlength="500"></textarea>
-                            <img src="images/sendbutton.png" id="gb-send" title="Send">
+                            <img src="images/sendbutton.png" id="gb-send" title="Send" width="32" height="32">
                         </div>
                     </div>
                 </div>
@@ -287,7 +291,7 @@
         </div>
 
         <div id="bgVideoContainer">
-            <video autoplay muted loop id="bgVideo" style="pointer-events: none">
+            <video autoplay muted loop preload="metadata" id="bgVideo" style="pointer-events: none">
                 <source src="background.mp4" type="video/mp4" style="pointer-events: none">
             </video>
         </div>
diff --git a/style.css b/style.css
index cc425e4..4912a25 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,4 @@
 
-@import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200..900&display=swap');
-
 @font-face {
   font-family: 'Forced Square';
   src: url('./fonts/FORCEDSQUARE.ttf') format('truetype');
@@ -399,7 +396,7 @@ a:hover {
 }
 
 #navhover img:hover {
-  content: url('imgs/navcircleblue.png');
+  content: url('images/navcircleblue.png');
   vertical-align: middle;
   align-items: start;
   height: 13px;
@@ -410,7 +407,7 @@ a:hover {
 }
 
 #navhover:hover {
-  background-image: url('imgs/navcircleblue.png');
+  background-image: url('images/navcircleblue.png');
   background-size: 13px;
   image-rendering: crisp-edges;
 }
@@ -1053,7 +1050,7 @@ a:hover {
 }
 
 #small-content-todo li {
-  list-style-image: url('imgs/navcircle.png');
+  list-style-image: url('images/navcircle.png');
   list-style-position: outside;
 }