Print team ranking letter

assets/sass/main.scss

@@ -101,10 +101,10 @@ $vert-phone-width: 500px;
 
 //  general elements {{{ // 
 
-$background-color: #2d2d2d;
-$color: #f2f0ec;
-// $background-color: white;
-// $color: black;
+// $background-color: #2d2d2d;
+// $color: #f2f0ec;
+$background-color: white;
+$color: black;
 
 body {
   margin: 0;
@@ -112,9 +112,10 @@ body {
   color: $color;
   line-height: 1.5;
   // font-size: 100%;
-  font-size: 15px;
-  /* font-family: 'Source Code Pro', monospace; */
-  font-family: 'Hack', monospace;
+  // font-size: 15px;
+  font-size: 25px;
+  // font-family: 'Source Code Pro', monospace;
+  font-family: 'Hack Nerd Font Mono', monospace;
   display: flex;
   flex-direction: column;
   min-height: 100vh;
@@ -660,6 +661,7 @@ header {// {{{
 
   &.letter {
     margin-top: 2em;
+    font-size: 21px;
 
     img {
       height: 4.5em;
@@ -667,11 +669,22 @@ header {// {{{
 
     h2 {
       color: $base-red;
-      margin-top: 0em;
+      // margin-top: 0em;
+      // margin-top: 1.25em;
+      font-size: 30px;
+      // margin-top: .5em;
+      margin-bottom: 1em;
     }
 
+
     p {
-      margin-bottom: 1.5em;
+      // margin-bottom: 1.5em;
+      margin-bottom: 1em;
+    }
+    
+    ul {
+      // margin-bottom: 1.5em;
+      margin-bottom: 2em;
     }
     
     .no-line-spacing {
@@ -921,16 +934,16 @@ h1.site-title {// {{{
     font-size: 3em;
   }
 
-  @media (max-width: $phone-width) {
-    font-size: 3.5em;
-    @include vert-margin-rem(.3);
-    // font-size: 2.5em;
-    // font-size: 2em;
+  // @media (max-width: $phone-width) {
+    // font-size: 3.5em;
+    // @include vert-margin-rem(.3);
+    // // font-size: 2.5em;
+    // // font-size: 2em;
 
-    .surrounding {
-      display: none;
-    }
-  }
+    // .surrounding {
+      // display: none;
+    // }
+  // }
 }// }}}
 
 .hero-logo img {