diff --git a/assets/interests/celeste.png b/assets/interests/celeste.png
new file mode 100644
index 0000000..437b562
Binary files /dev/null and b/assets/interests/celeste.png differ
diff --git a/assets/interests/doukutsu.png b/assets/interests/doukutsu.png
new file mode 100644
index 0000000..f40e306
Binary files /dev/null and b/assets/interests/doukutsu.png differ
diff --git a/assets/interests/kessoku.webp b/assets/interests/kessoku.webp
new file mode 100644
index 0000000..98c4d74
Binary files /dev/null and b/assets/interests/kessoku.webp differ
diff --git a/assets/interests/twewy.webp b/assets/interests/twewy.webp
new file mode 100644
index 0000000..9174091
Binary files /dev/null and b/assets/interests/twewy.webp differ
diff --git a/index.html b/index.html
index d871298..a2bd153 100644
--- a/index.html
+++ b/index.html
@@ -28,44 +28,48 @@
         <div id="floats">
             <div id="yapping">
                 <span>
-                    <h1 id="title">hi world !</h1>
+                    <h1 id="title">hi there!</h1>
                     <img src="/assets/icon.webp" alt="" class="icon" id="icon-mobile">
                 </span>
-                <h2>i am minish</h2>
-                <p>hi! i go by minish online. i enjoy programming & reverse engineering.</p>
-                <p>a few of my recent projects are &ndash;</p>
+                <h2>i'm minish</h2>
+                <p>thanks for visiting! i go by minish online. i enjoy programming & reverse engineering.</p>
+                <p>a few of my recent projects are ..</p>
                 <ul>
                     <li>
-                        <a href="https://git.min.rip/min/infra">infra</a> -
-                        infrastructure as code w/ nix
-                    </li>
-                    <li>
-                        <a href="#">clip album</a> [wip] -
-                        search, sort, and filter through video clips
+                        <a href="https://git.min.rip/min/nixos-configs">nixos-configs</a> -
+                        dotfiles for nixos on laptop
                     </li>
                     <li>
                         <a href="https://git.min.rip/min/breeze">breeze</a> -
                         a simple, performant file upload server
                     </li>
                     <li>
-                        <a href="https://git.min.rip/min/glcanvas">glcanvas</a> -
-                        test project to learn webgl concepts
+                        <a href="#">clip album</a> [wip] -
+                        search, sort, and filter through video clips
                     </li>
+                    <li>
+                        <a href="https://git.min.rip/min/infra">infra</a> -
+                        infrastructure as code w/ nix
+                    </li>
+                    <li>and smaller random things when im bored</li>
                 </ul>
-                <p>and many small projects ive made when im bored</p>
-                <p>some media i enjoy</p>
+                <p>here's some media i like</p>
                 <ul class="interests">
-                    <li>yume nikki <img src="/assets/interests/yume.png" alt="" id="yume"></li>
-                    <li>oneshot <img src="/assets/interests/oneshot.png" alt="" id="oneshot"></li>
+                    <li>yume nikki <img src="/assets/interests/yume.png" alt="" class="h20 pix"></li>
+                    <li>oneshot <img src="/assets/interests/oneshot.png" alt="" class="h20"></li>
                     <li>deltarune <img src="/assets/interests/deltarune.png" alt=""></li>
+                    <li>bocchi the rock <img src="/assets/interests/kessoku.webp" alt=""></li>
+                    <li>twewy <img src="/assets/interests/twewy.webp" alt=""></li>
                     <li>evangelion <img src="/assets/interests/eva.webp" alt=""></li>
                 </ul>
                 <details>
-                    <summary><small>and more random stuff before</small></summary>
+                    <summary><small>and more before</small></summary>
                     <ul class="interests">
                         <li>inabakumori <img src="/assets/interests/inabakumori.webp" alt=""></li>
                         <li>cafe de touhou <img src="/assets/interests/cdth.webp" alt=""></li>
-                        <li>omori <img src="/assets/interests/omori.png"></li>
+                        <li>omori <img src="/assets/interests/omori.png" alt=""></li>
+                        <li>cave story <img src="/assets/interests/doukutsu.png" alt="" class="h16 pix"></li>
+                        <li>celeste <img src="/assets/interests/celeste.png" alt=""></li>                        
                     </ul>
                 </details>
             </div>
@@ -76,11 +80,11 @@
             <div id="links">
                 <a href="https://git.min.rip/min">
                     <img src="/assets/links/gitea.svg" alt="gitea"
-                        title="it might look kind of empty. a lot of stuff here is privated">
+                        title="a lot of stuff here is set to private">
                 </a>
                 <a href="https://github.com/minishd">
                     <img src="/assets/links/github.svg" alt="github"
-                        title="there's some stuff here, but i use gitea more">
+                        title="i use gitea more">
                 </a>
                 <a href="https://www.last.fm/user/minishc">
                     <img src="/assets/links/lastfm.svg" alt="last.fm" title="music i listen to">
diff --git a/style.css b/style.css
index 768f5b7..9d2d52b 100644
--- a/style.css
+++ b/style.css
@@ -92,28 +92,29 @@ main {
     display: none;
   }
 
-  #title, #icon-mobile {
+  #title,
+  #icon-mobile {
     display: inline-block;
     vertical-align: middle;
   }
 
-  #learning {
-    grid-template-columns: auto;
+  .interests {
+    grid-template-columns: auto auto;
   }
 }
 
 @media only screen and (min-width: 701px) {
-  #learning {
-    grid-template-columns: auto auto;
+  .interests {
+    grid-template-columns: auto auto auto;
   }
 
   #icon-mobile {
     display: none;
   }
-}
 
-.interests {
-  grid-template-columns: auto auto;
+  #yapping {
+    max-width: 450px;
+  }
 }
 
 ::selection {
@@ -184,13 +185,13 @@ li {
   height: 1.75em;
   vertical-align: middle;
 }
-
-.interests img#yume,
-.interests img#oneshot {
+.interests img.h20 {
   height: 20px;
 }
-
-.interests img#yume {
+.interests img.h16 {
+  height: 16px;
+}
+.interests img.pix {
   image-rendering: pixelated;
 }