css fixes

templates/base.html

@@ -15,7 +15,7 @@
     <meta property="og:url" content="https://alfieking.dev">
     <meta property="og:title" content="{{ self.title() }}">
     <meta property="og:description" content="{{ self.description() }}">
-    <meta property="og:image" content="static/content/icon.webp">
+    <meta property="og:image" content="/static/content/icon.webp">
     {% block head %}
     {% endblock %}
 </head>

templates/index.html

@@ -3,6 +3,10 @@
 {% block title %}Home - Alfie's basement{% endblock %}
 {% block description %}server backend survivor{% endblock %}
 
+{% block head %}
+<link rel="stylesheet" href="/static/css/index.css">
+{% endblock %}
+
 {%block content %}
 <section>
     <h1>A lil bit abt me</h1>
@@ -32,14 +36,14 @@
     <img src="https://s1nez.nekoweb.org/g/ggg/gg%20(32).gif" alt="">
     <img src="https://s1nez.nekoweb.org/img/7dcd20d4.gif" alt="">
 </section>
-<section class="rowsect">
+<div class="flex-row">
     <a href="" id="spotify-link">
         <div id="spotify">
             <h1 id="spotify-title"></h1>
             <h2 id="spotify-artist"></h2>
         </div>
     </a>
-    <div class="stamps">
+    <section class="stamps">
         <img src="https://s1nez.nekoweb.org/img/other/ba4ba47a.png" alt="">
         <img src="https://s1nez.nekoweb.org/img/fa02abd7.png" alt="">
         <img src="https://s1nez.nekoweb.org/img/hc/hc%20(172).gif" alt="">
@@ -56,8 +60,8 @@
         <img src="https://adriansblinkiecollection.neocities.org/stamps/g5.gif" alt="">
         <img src="https://adriansblinkiecollection.neocities.org/stamps/e40.gif" alt="">
         <img src="https://adriansblinkiecollection.neocities.org/stamps/e43.gif" alt="">
-    </div>
-</section>
+    </section>
+</div>
 <section>
     <h1>Projects & stuff</h1>
     <p>just some projects ive worked on over time</p>

templates/toaster.html

@@ -22,7 +22,7 @@
         however I plan on hopefully drawing Toaster properly soon. Once i do, I may make him the main mascot of my website.
     </p>
 </section>
-<section class="flex-row no-sect">
+<div class="flex-row">
     <section>
         <h1>Specs</h1>
         <h6>(Very subject to change, Im still trying to figure out what I want :P)</h6>
@@ -45,7 +45,7 @@
             </p>
         </section>
     </div>
-</section>
+</div>
 <section>
     <h1>Plans</h1>
     <p>