diff --git a/src/pages/projects.md b/src/pages/projects.md
index 48d1f3d..0b22fbf 100644
--- a/src/pages/projects.md
+++ b/src/pages/projects.md
@@ -8,20 +8,6 @@ title: 'project list'
 description: 'Incomplete list of projects and experiments.'
 
 ---
-<style>
-  .project:last-child {
-    margin-bottom: 1.5rem;
-  }
-
-  .project > header {
-    font-family: 'Open Sans Condensed', sans-serif;
-    font-size: 1.3em;
-    color: hsl(0, 0%, 0%, 0.7);
-  }
-  .project > p {
-    margin-bottom: 0.5rem;
-  }
-</style>
 
 # Projects
 
@@ -41,82 +27,92 @@ Incomplete list of&nbsp;my&nbsp;projects and experiments.
 
 ## Interactive Fiction Tools
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           ElseIFPlayer
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Interactive fiction player for the web.
-      </p>
-      <a href='https://github.com/He4eT/elseifplayer' target='_blank'>repository</a>
-      | <a href='https://www.ifwiki.org/ElseIFPlayer' target='_blank'>ifwiki</a>
-      | <a href='https://he4et.github.io/elseifplayer/' target='_blank'>app</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/elseifplayer' target='_blank'>repository</a>
+        | <a href='https://www.ifwiki.org/ElseIFPlayer' target='_blank'>ifwiki</a>
+        | <a href='https://he4et.github.io/elseifplayer/' target='_blank'>app</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           cheap-glkote
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Abstract implementation of&nbsp;the GlkOte library interface
         designed to&nbsp;be&nbsp;used with Emglken.
-      </p>
-      <a href='https://github.com/He4eT/cheap-glkote' target='_blank'>repository</a>
-      | <a href='https://www.npmjs.com/package/cheap-glkote' target='_blank'>npm</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/cheap-glkote' target='_blank'>repository</a>
+        | <a href='https://www.npmjs.com/package/cheap-glkote' target='_blank'>npm</a>
+      </section>
     </article>
 
 ---
 
 ## Games
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           DASH DOT PIT
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Endless top-down shooter for TIC-80&nbsp;where Morse code
         is&nbsp;your weapon.
-      </p>
-      <a href='https://github.com/He4eT/DotDashPit' target='_blank'>repository</a>
-      | <a href='https://tic80.com/play?cart=4301' target='_blank'>play</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/DotDashPit' target='_blank'>repository</a>
+        | <a href='https://tic80.com/play?cart=4301' target='_blank'>play</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           Yet Another Experiment
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Tiny “escape the room” style TADS3&nbsp;game.
         <br>Designed as&nbsp;a&nbsp;set of&nbsp;examples
         for developing interactive fiction.
-      </p>
-      <a href='https://github.com/He4eT/yet-another-experiment' target='_blank'>repository</a>
-      | <a href='https://ifdb.org/viewgame?id=rsssdo3anjpwnt6e' target='_blank'>ifdb</a>
-      | <a href='https://he4et.github.io/elseifplayer/#/focus/https%3A%2F%2Fifarchive.org%2Fif-archive%2Fgames%2Ftads%2Fyet_another_experiment.t3/serika_dark/' target='_blank'>play</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/yet-another-experiment' target='_blank'>repository</a>
+        | <a href='https://ifdb.org/viewgame?id=rsssdo3anjpwnt6e' target='_blank'>ifdb</a>
+        | <a href='https://he4et.github.io/elseifplayer/#/focus/https%3A%2F%2Fifarchive.org%2Fif-archive%2Fgames%2Ftads%2Fyet_another_experiment.t3/serika_dark/' target='_blank'>play</a>
+      <section>
     </article>
 
 ---
 
 ## Services
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           Simple SpaceAPI
         </strong>
       </header>
-      <p>
+      <section class='description'>
         A&nbsp;lightweight SpaceAPI server with both web and REST interfaces.
-      </p>
-      <a href='https://github.com/He4eT/simple-spaceapi' target='_blank'>repository</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/simple-spaceapi' target='_blank'>repository</a>
+      </section>
     </article>
 
 ---
@@ -125,151 +121,173 @@ Incomplete list of&nbsp;my&nbsp;projects and experiments.
 
 ### Hardware
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           Cantor MX Tastatura
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Small custom ergonomic mechanical keyboard.
-      </p>
-      <a href='https://github.com/He4eT/cantor-mx-tastatura' target='_blank'>repository</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/cantor-mx-tastatura' target='_blank'>repository</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           oddkb
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Huge custom ergonomic mechanical Dactyl-Manuform (5&times;6) keyboard.
-      </p>
-      <a href='https://github.com/He4eT/oddkb' target='_blank'>repository</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/oddkb' target='_blank'>repository</a>
+      </section>
     </article>
 
 ---
 
 ### Settings
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           dotfiles
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Custom-made desktop environment based on&nbsp;i3wm.
         <br>It&nbsp;comes with settings for
         i3wm, Polybar, Rofi, dunst, NeoVim, and some other applications.
-      </p>
-      <a href='https://github.com/He4eT/dotfiles' target='_blank'>repository</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/dotfiles' target='_blank'>repository</a>
+      </section>
     </article>
 
 ---
 
 ### Software, Plugins and Tools
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           desolate.nvim
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Another customizable not-so-colorful NeoVim colorscheme.
-      </p>
-      <a href='https://github.com/He4eT/desolate.nvim' target='_blank'>repository</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/desolate.nvim' target='_blank'>repository</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           desolate-gtk
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Another customizable not-so-colorful GTK theme for your tiling WM.
-      </p>
-      <a href='https://github.com/He4eT/Desolate-GTK' target='_blank'>repository</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/Desolate-GTK' target='_blank'>repository</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           tabswitcher
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Switch between Firefox tabs and manage them with a&nbsp;fuzzy search
         and basic command toolset.
-      </p>
-      <a href='https://github.com/He4eT/tabswitcher' target='_blank'>repository</a>
-      | <a href='https://addons.mozilla.org/en-GB/firefox/addon/tabswitcher/' target='_blank'>extension</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/tabswitcher' target='_blank'>repository</a>
+        | <a href='https://addons.mozilla.org/en-GB/firefox/addon/tabswitcher/' target='_blank'>extension</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           tabswiper
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Firefox extension that makes trimming your tabs as&nbsp;effortless
         as&nbsp;swiping on&nbsp;a&nbsp;dating app.
-      </p>
-      <a href='https://github.com/He4eT/tabswiper' target='_blank'>repository</a>
-      | <a href='https://addons.mozilla.org/en-GB/firefox/addon/tabswiper/' target='_blank'>extension</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/tabswiper' target='_blank'>repository</a>
+        | <a href='https://addons.mozilla.org/en-GB/firefox/addon/tabswiper/' target='_blank'>extension</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           fuzzsoma
         </strong>
       </header>
-      <p>
+      <section class='description'>
         SomaFM CLI station selector.
-      </p>
-      <a href='https://github.com/He4eT/fuzzsoma' target='_blank'>repository</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/fuzzsoma' target='_blank'>repository</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           fuzzy-bitwarden-clipboard
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Interactive Bitwarden CLI wrapper.
-      </p>
-      <a href='https://github.com/He4eT/fuzzy-bitwarden-clipboard' target='_blank'>repository</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/fuzzy-bitwarden-clipboard' target='_blank'>repository</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           huge-link
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Minimalistic serverless publishing tool for small markdown posts.
-      </p>
-      <a href='https://github.com/He4eT/huge-link' target='_blank'>repository</a>
-      | <a href='https://he4et.github.io/huge-link/' target='_blank'>app</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/huge-link' target='_blank'>repository</a>
+        | <a href='https://he4et.github.io/huge-link/' target='_blank'>app</a>
+      </section>
     </article>
 
-  - <article class='project'>
+  - <article class='entry'>
       <header>
         <strong>
           conky-dashboard
         </strong>
       </header>
-      <p>
+      <section class='description'>
         Desktop widgets for system status monitoring.
-      </p>
-      <a href='https://github.com/He4eT/conky-dashboard' target='_blank'>repository</a>
+      </section>
+      <section>
+        <a href='https://github.com/He4eT/conky-dashboard' target='_blank'>repository</a>
+      </section>
     </article>
 
 ---