Reapply intended styles

Author: csarven

style/base.css

@@ -108,30 +108,37 @@ footer>div>dl>dd>ul li img {
     filter: invert(100%) hue-rotate(180deg);
 }
 
-.title {
-    font-size: 2.5rem;
-}
-.subtitle {
-    font-size: 1.5rem;
-    text-align: center;
+h1 {
+  font-size: 4rem;
+  line-height: 3rem;
 }
-h1.subpage {
-    font-size: 4rem;
-    font-weight: 700;
-    line-height: 3rem;
+#homepage h1 {
+    font-size: 2.5rem;
+    font-weight: 400;
+    line-height: 2rem;
 }
-h2.homepage {
+#homepage h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
 }
-h2.subpage {
+#about section {
+    font-size: 1.5rem;
+    line-height: 2.5rem;
+}
+#for-developers h2 {
     font-size: 2rem;
     font-weight: 700;
     line-height: 3rem;
 }
-.button-purple {
-    background-color: var(--purple);;
+#homepage h1 + p {
+    font-size: 1.5rem;
+    font-weight: 400;
+    text-align: center;
+    line-height: 2rem;
+}
+#features li a:last-child {
+    background-color: var(--purple);
     padding: 12px 24px;
     font-weight: 700;
     color: var(--white);
@@ -140,21 +147,25 @@ h2.subpage {
     width: max-content;
     height: max-content;
 }
-p.descriptor {
+h2 + div > p:first-child {
     font-size: 1.25rem;
     line-height: 2rem;
 }
-.intro-light {
+#about main>article>h1 ~ p:not(div ~ p):last-of-type {
+    margin-block-start:0;
+}
+main>article>h1 ~ p:not(div ~ p) {
     font-size: 1.5rem;
     line-height: 2.5rem;
+    font-weight: 400;
 }
-.developer-tutorials {
+#developer-tutorials li {
     list-style: none;
 }
-.developer-tutorials a {
+#developer-tutorials li a {
     color: var(--dark);
 }
-.solid-servers a{
+#solid-server-implementations li a{
     color: var(--purple);
     font-size: 1.25rem;
     line-height: 2.5rem;
@@ -205,7 +216,8 @@ p.descriptor {
 
 #about main>article>div>section,
 #hosted-pod-services,
-#solid-organizations {
+#solid-organizations,
+#solid-server-implementations {
     color: #000;
     background-color: #fff;
     padding: 2rem;
@@ -357,15 +369,15 @@ p.descriptor {
     main>article>h1,
     main>article>p {
         color: #fff;
-        font-weight: 400;
+        font-weight: 700;
         padding: 0 6rem;
     }
 
     #homepage main>article>div>section>div>ul,
     #developer-tutorials {
         border-radius: 30px;
     }
-    
+
     #solutions-using-solid-technology h2 {
         padding: 0 6rem;
     }
@@ -450,12 +462,14 @@ p.descriptor {
 
     #about main>article>div>section,
     #hosted-pod-services,
-    #solid-organizations {
+    #solid-organizations,
+    #solid-server-implementations {
         padding: 2rem 6rem;
     }
 
     #hosted-pod-services {
         display: block;
+        padding-bottom: 0;
     }
 
     #about main>article img {
@@ -517,7 +531,8 @@ p.descriptor {
         line-height: 2.5rem;
     }
 
-    #hosted-pod-services {
+    #solid-server-implementations {
+        margin-top:-2em;
         margin-bottom: 4rem;
     }
 
@@ -528,6 +543,7 @@ p.descriptor {
         grid-gap: 2rem;
         margin-inline-start: 0;
         padding-inline-start: 0;
+        margin-block-end:0;
         width: 100%;
         word-break: break-word
     }