diff --git a/index.html b/index.html
index c5fadec..e5323ce 100644
--- a/index.html
+++ b/index.html
@@ -46,26 +46,26 @@
 
     <div class="sections-container" id="pages">
         <!-- Tech Section -->
-        <section class="section-card" onclick="location.href='https://bellsworne.tech';">
+        <a class="section-card" href="tech.html">
             <object class="section-logo" data="res/svg/bellsworne-tech-no-bg.svg" type="image/svg+xml"></object>
             <h2>Technologies</h2>
             <p>Developing software that isn't soulless corporate garbage.</p>
-        </section>
+        </a>
 
         <!-- Farm Section -->
-        <section class="section-card" onclick="location.href='farm.html';">
+        <a class="section-card" href="farm.html">
             <object class="section-logo" data="res/svg/bellsworne-farm-no-bg.svg" type="image/svg+xml"></object>
             <h2>Farm</h2>
             <p>Dedicated to creating the best hand-crafted artisanal goods and raising a herd of happy goats.</p>
 
-        </section>
+        </a>
 
         <!-- Games Section-->
-        <section class="section-card" onclick="location.href='games.html';">
+        <a class="section-card" href="games.html">
             <object class="section-logo" data="res/svg/bellsworne-games-no-bg.svg" type="image/svg+xml"></object>
             <h2>Games</h2>
             <p>Creating games with a passion for storytelling and a whole lotta heart.</p>
-        </section>
+        </a>
     </div>
 </main>
 
diff --git a/res/css/main.css b/res/css/main.css
index 693cae9..bae98a9 100644
--- a/res/css/main.css
+++ b/res/css/main.css
@@ -72,6 +72,7 @@ main {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
     border: 1px solid #444;
+    text-decoration: none;
 }
 
 .section-card:hover {
@@ -97,6 +98,10 @@ main {
     color: #ffffff;
 }
 
+.section-card object {
+    pointer-events: none;
+}
+
 .section-card p {
     color: #c0c0c0;
     font-size: 1rem;