join three successive body blocks

index.html

@@ -42,7 +42,7 @@
     <dl>
       <dt>quantity <dd>2
       <dt>prons
-      <dd title='&quot;she&quot; in real life pls!!'>
+      <dd title='“she” in real life pls!!'>
         she, he
       <dt>limbs <dd>many
       <dt>consistency <dd>soft

style.css

@@ -11,19 +11,16 @@ body {
         hsl(155deg, 70%,  62%)
       );
   --bg-image: url(images/niss_uwu_bg.png);
-}
+  --weight: 500;
 
-body {
   background:
     var(--bg-image) top center fixed,
     var(--gradient) fixed;
   background-blend-mode: overlay;
-}
 
-body {
   font-family: 'Muller';
   font-size: 1.75rem;
-  font-weight: 500;
+  font-weight: var(--weight);
   color: white;
   text-shadow:
     1px 1px 0 black,
@@ -123,6 +120,7 @@ dd {
   [title]::after {
     content: attr(title);
     font-size: 75%;
+    font-weight: var(--weight);
     display: inline-block;
   }
 }