diff --git a/index.html b/index.html
index 350c135..986588f 100644
--- a/index.html
+++ b/index.html
@@ -9,14 +9,15 @@
 </head>
 <body>
   <h1>Penelope Gwen</h1>
-  <h2>Software development & Sociology</h2>
+  <h3 class="pronouns">it/its/she/her</h3>
+  <h2>Software Development & Sociology</h2>
   <hr>
   <div class="pagelayout">
     <div class="pinkborder sidebar">
       <div>
         <img id="rattos-image" class="sidebar-image" alt="seven rats on two foot by two foot section of leather couch, walled in together by cardboard barricades on the left and right. Five rats are cuddling in back-right corner. One rat is laying toward the front-left corner, staring outward away from couch. One Rat is standing upright at front-right corner, feet facing the back of couch with torso turned to look outward from couch." src="/assets/img/rattos/mischief_of_rats_hanging_out_on_couch.webp"></img>
         <script src="/style/js/rattos.js"></script>
-        <p class="sidebar-caption">Please enjoy a picture of my sons :)</p>
+        <p class="sidebar-caption">Please enjoy a picture of my sons :&rpar;</p>
         <a href="https://git.pogmom.me/pogmommy/pogmomme/src/branch/main/assets/img/webring/pogmommy/">
           <img title="Want to link back here? Feel free to use one of my buttons! (click to view folder)" class="sidebar-webring" alt="Pogmommy website icon" src="/assets/img/webring/pogmommy/1056x372.webp"></img>
         </a>
@@ -27,7 +28,7 @@
       <hr>
         <h3 class="sidebar-caption">Check out my friends!</h3>
         <a href="https://cassiecandles.net/">
-          <img title="Wildly talented dreampop musician and incredible person all-around!" class="sidebar-webring" alt="Cassie Candles website icon" src="/assets/img/webring/cassiecandles/1056x372.webp"></img>
+          <img title="Incredibly talented dreampop musician" class="sidebar-webring" alt="Cassie Candles website icon" src="/assets/img/webring/cassiecandles/1056x372.webp"></img>
         </a>
       <hr>
         <h3 class="sidebar-caption">Webrings</h3>
@@ -68,11 +69,12 @@
     </div>
     <script type="module" src="https://esm.sh/emfed@1"></script>
     <script>
-      document.getElementById("emfed-placeholder").innerHTML = ""
+      document.getElementById("emfed-placeholder").innerHTML = "";
+      getNowPlaying();
     </script>
     <div class="pagecontent">
       <div class="bubble">
-        <p>I'm Penelope/pogmommy (it/its/she/her), a queer rat mom with a background in sociology, software development, and archivism.</p>
+        <p>I'm Penelope/pogmommy, a queer rat mom with a background in sociology, software development, and archivism.</p>
         <p></p>
       </div>
       <h2>Projects</h2>
@@ -91,7 +93,7 @@
       </div>
       <div class="bubble">
         <h2>Software</h2>
-        <p>My current software development projects are oriented around my own Linux server and desktop usage. In the past, I have developed software for Pebble smartwatches and Apple devices, both jailbroken and stock.</p>
+        <p>My current software development projects are primarily in Rust and Bash, targeting my own Linux server and desktop usage. In the past, I have developed software for Pebble smartwatches and Apple devices, both jailbroken and stock.</p>
         <p>Most of my software can be found at my <a href="https://git.pogmom.me/pogmommy/">Forgejo</a>, or at its mirror on <a href="https://codeberg.org/pogmommy">Codeberg</a>. My presence on <a href="https://github.com/pogmommy">Github</a> is limited to pull requests, discussion, and other contributions toward software hosted on the platform.</p>
         <p>I also package software for the Debian operating system, which I distribute on my <a href="https://apt.pogmom.me">apt repository</a>.</p>
       </div>
diff --git a/style/css/style.css b/style/css/style.css
index b372320..c90d789 100644
--- a/style/css/style.css
+++ b/style/css/style.css
@@ -1,6 +1,13 @@
+:root {
+  --main-bg-color: #111317;
+  --main-fg-color: #d7afaf;
+  --theme-white: #e4e4e4;
+  --secondary-bg-color: color-mix(in srgb, var(--main-bg-color) 35%, var(--main-fg-color) 65%);
+}
+
 body {
-  background-color: #000000;
-  margin: 0 5vw;
+  background-color: var(--main-bg-color);
+  padding: 0 5vw;
   & > hr {
     margin: 2vh 0;
   }
@@ -14,7 +21,7 @@ body {
 .sidebar {
   max-width: 400px;
   flex-grow: 1;
-  background-color: #da75ed33;
+  background: rgba(from var(--secondary-bg-color) r g b / 0.2);
   height: fit-content;
   width: fit-content;
   margin: 0 1vw auto;
@@ -55,7 +62,7 @@ p.sidebar-caption,h3.sidebar-caption {
   margin: 1vmax auto;
 }
 h1,h2,h3,p,a,hr {
-  color: #da74e5;
+  color: var(--main-fg-color);
 }
 h1,h2,h3,p,a{
   font-family: 'Overpass', sans-serif;
@@ -68,6 +75,10 @@ h1 {
 }
 h2 {
   font-size: 1.75em;
+  text-align: center;
+  margin-top: 0.15em;
+}
+h3.pronouns {
   text-align: center;
   margin-top: 0;
 }
@@ -82,7 +93,7 @@ p {
     margin: 1vh 0vw;
   }
   &:hover{
-    box-shadow: 0px 0px 30px #da75e5dd;
+    box-shadow: 0px 0px 30px rgba(from var(--main-fg-color) r g b / 0.8);
     transition: 0.25s;
   }
 }
@@ -105,7 +116,7 @@ p {
   }
 }
 .hiddentext {
-  color: #000;
+  color: var(--main-bg-color);
   font-size: 0.5em;
 }
 #footer {
@@ -121,7 +132,7 @@ p {
 }
 .pinkborder {
   border-style: solid;
-  border-color: #da74e5;
+  border-color: var(--main-fg-color);
   border-width: 3px;
   border-radius: 8px;
 }
@@ -129,7 +140,7 @@ p {
   margin-top: 0;
 }
 .bubble {
-  background-color: #da75ed22;
+  background-color: rgba(from var(--secondary-bg-color) r g b / 0.1);
   border-radius: 8px;  
   padding: 1vmax;
   margin: 1vmax 0;
@@ -276,7 +287,7 @@ a.now-playing {
 .toot .username {
   display: block;
   margin-right: 1em;
-  color: #999;
+  color: rgba(from var(--theme-white) r g b / 0.5);
 }
 .toot .boost {
   height: 23px;
@@ -293,7 +304,7 @@ a.now-playing {
 .toot .permalink {
   text-decoration: none;
   display: block;
-  color: #999;
+  color: rgba(from var(--theme-white) r g b / 0.5);
   float: right;
 }
 .toot .permalink:hover {
