diff --git a/public/styles/main.css b/public/styles/main.css
index 42f42dc..e317918 100644
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -4,17 +4,17 @@
   --default-color-black-0: hsla(0, 0%, 0%, 0);
   --default-color-black-0x15: hsla(0, 0%, 0%, 0.15);
   --default-color-black-0x6: hsla(0, 0%, 0%, 0.6);
-  --default-color-white: #FFFFFF;
+  --default-color-white: #ffffff;
   --default-color-warning: #ffee58;
   --default-color-error: #b00008;
   --default-color-success: #417505;
   --color-brand-blue: #1966df;
   --color-graphite: #212121;
   --color-warm-gray: #757575;
-  --color-pale: #B6B6B6;
-  --color-faded: #E0E0E0;
-  --max-width: 1440px;
-  --min-width: 320px;
+  --color-pale: #b6b6b6;
+  --color-faded: #e0e0e0;
+  --max-content-width: 1440px;
+  --min-content-width: 320px;
   --rad-std-half: 0.125rem;
   --rad-std: 0.25rem;
   --rad-std-x2: 0.5rem;
@@ -55,7 +55,7 @@ body {
   color: var(--color-graphite);
   font-weight: var(--f-wei-regular);
   font-family: var(--f-family);
-  min-width: var(--min-width);
+  min-width: var(--min-content-width);
   width: 100%;
   height: 100%;
 }
@@ -451,7 +451,9 @@ svg:not(:root) {
 .responsive-typography ul > * + *, .responsive-typography ol > * + * {
   margin-top: 2rem;
 }
-.responsive-typography > div + div, .responsive-typography p + p {
+.responsive-typography p + ul,
+.responsive-typography ul + p,
+.responsive-typography p + p {
   margin-top: 1rem;
 }
 .responsive-typography li + li {
diff --git a/public/styles/main.css.map b/public/styles/main.css.map
index a2f9c4f..f006d92 100644
--- a/public/styles/main.css.map
+++ b/public/styles/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../styles/base/reset.scss","../../styles/base/layout.scss","../../styles/atoms/sizes.scss","../../styles/atoms/white-spaces.scss","../../styles/mixins/white-spaces.scss","../../styles/atoms/flex.scss","../../styles/mixins/flex.scss","../../styles/atoms/typography.scss","../../styles/atoms/misc.scss","../../styles/uikit/main-menu.scss","../../styles/uikit/dropdown.scss"],"names":[],"mappings":";AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAKF;EACE;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAKA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACvSF;EAEE;;;ACTF;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAU;;;AAEV;EAAa;;;AACb;EAAa;;;AACb;EAAa;;;ACPb;ECQgB;EAAmB;;;ADNnC;ECQmB;;;ADPnB;ECWqB;EAEA;;;ADZrB;ECSqB;EAEA;;;AAInB;EAfmB;;;AAmBnB;EAlBmB;;;AAkBnB;EAlBmB;;;ACLrB;ECCE;EACA;EACA;EAWA;EACA;EACA;EACA;EA4CA;EACA;EACA;EAoCA;EACA;EACA;;;ADpGF;ECAE;EACA;EACA;EAWA;EACA;EACA;EACA;EAmEA;EACA;EACA;EAaA;EACA;EACA;;;ADnGF;ECDE;EACA;EACA;EAmBA;EACA;EACA;EACA;EAoCA;EACA;EACA;EAoCA;EACA;EACA;;;ADlGF;ECFE;EACA;EACA;EAmBA;EACA;EACA;EACA;EAoCA;EACA;EACA;EAsDA;EACA;EACA;;;ADlHF;ECuCE,kBDvCsB;ECwCtB,UDxCsB;ECyCtB,MDzCsB;;;AEHtB;EACE;EACA;;AAGF;EACE;EACA;;AAMA;EAGE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;;ACjDJ;EACE;;;ACGA;EAIE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;ACfN;AAAA;AAAA;AAAA;AAAA;AAMA;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMJ;EACE;;AAGF;EACE","file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../styles/base/reset.scss","../../styles/base/layout.scss","../../styles/atoms/sizes.scss","../../styles/atoms/white-spaces.scss","../../styles/mixins/white-spaces.scss","../../styles/atoms/flex.scss","../../styles/mixins/flex.scss","../../styles/atoms/typography.scss","../../styles/atoms/misc.scss","../../styles/uikit/main-menu.scss","../../styles/uikit/dropdown.scss"],"names":[],"mappings":";AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAKF;EACE;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAKA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACvSF;EAEE;;;ACTF;EAAe;;;AACf;EAAe;;;AACf;EAAe;;;AACf;EAAU;;;AAEV;EAAa;;;AACb;EAAa;;;AACb;EAAa;;;ACPb;ECQgB;EAAmB;;;ADNnC;ECQmB;;;ADPnB;ECWqB;EAEA;;;ADZrB;ECSqB;EAEA;;;AAInB;EAfmB;;;AAmBnB;EAlBmB;;;AAkBnB;EAlBmB;;;ACLrB;ECCE;EACA;EACA;EAWA;EACA;EACA;EACA;EA4CA;EACA;EACA;EAoCA;EACA;EACA;;;ADpGF;ECAE;EACA;EACA;EAWA;EACA;EACA;EACA;EAmEA;EACA;EACA;EAaA;EACA;EACA;;;ADnGF;ECDE;EACA;EACA;EAmBA;EACA;EACA;EACA;EAoCA;EACA;EACA;EAoCA;EACA;EACA;;;ADlGF;ECFE;EACA;EACA;EAmBA;EACA;EACA;EACA;EAoCA;EACA;EACA;EAsDA;EACA;EACA;;;ADlHF;ECuCE,kBDvCsB;ECwCtB,UDxCsB;ECyCtB,MDzCsB;;;AEHtB;EACE;EACA;;AAGF;EACE;EACA;;AAMA;EAGE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;AAAA;AAAA;EAGE;;AAGF;EACE;;;ACnDJ;EACE;;;ACGA;EAIE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;ACfN;AAAA;AAAA;AAAA;AAAA;AAMA;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMJ;EACE;;AAGF;EACE","file":"main.css"}
\ No newline at end of file
diff --git a/styles/atoms/typography.scss b/styles/atoms/typography.scss
index 43f8fbd..7f09240 100644
--- a/styles/atoms/typography.scss
+++ b/styles/atoms/typography.scss
@@ -42,7 +42,9 @@
     }
   }
 
-  > div + div, p + p {
+  p + ul,
+  ul + p,
+  p + p {
     margin-top: 1rem;
   }
 
diff --git a/styles/base/reset.scss b/styles/base/reset.scss
index 2c801e4..6631901 100644
--- a/styles/base/reset.scss
+++ b/styles/base/reset.scss
@@ -6,7 +6,7 @@
   --default-color-black-0:    hsla(0, 0%, 0%, 0);
   --default-color-black-0x15: hsla(0, 0%, 0%, 0.15);
   --default-color-black-0x6:  hsla(0, 0%, 0%, 0.6);
-  --default-color-white:      #FFFFFF;
+  --default-color-white:      #ffffff;
   --default-color-warning:    #ffee58;
   --default-color-error:      #b00008;
   --default-color-success:    #417505;
@@ -14,30 +14,30 @@
   --color-brand-blue:     #1966df;
   --color-graphite:       #212121;
   --color-warm-gray:      #757575;
-  --color-pale:           #B6B6B6;
-  --color-faded:          #E0E0E0;
+  --color-pale:           #b6b6b6;
+  --color-faded:          #e0e0e0;
   // Layout
-  --max-width:          #{$page-max-width + px};
-  --min-width:          #{$page-min-width + px};
+  --max-content-width:  #{$page-max-width + px};
+  --min-content-width:  #{$page-min-width + px};
   // Borders
-  --rad-std-half:       #{math.div($radius, 2)};
-  --rad-std:            #{$radius};
-  --rad-std-x2:         #{$radius * 2};
-  --rad-std-x3:         #{$radius * 3};
+  --rad-std-half: #{math.div($radius, 2)};
+  --rad-std: #{$radius};
+  --rad-std-x2: #{$radius * 2};
+  --rad-std-x3: #{$radius * 3};
   // Font
-  --default-font-size:  16px;
-  --f-family:           system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Roboto,Oxygen-Sans, Ubuntu, Cantarell, "Segoe UI", Verdana, sans-serif;
-  --f-wei-thin:         100;
-  --f-wei-reg:          400;  // Normal = Regular
-  --f-wei-bold:         700;
-  --f-wei-black:        800;  // Extra Bold = Black
+  --default-font-size: 16px;
+  --f-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Roboto,Oxygen-Sans, Ubuntu, Cantarell, "Segoe UI", Verdana, sans-serif;
+  --f-wei-thin: 100;
+  --f-wei-reg: 400;  // Normal = Regular
+  --f-wei-bold: 700;
+  --f-wei-black: 800;  // Extra Bold = Black
   // Z-index
-  --z-ind-background:   -100;
-  --z-ind-backward:     -1;
-  --z-ind-select:       50;
-  --z-ind-tooltip:      75;
-  --z-ind-high:         100;
-  --z-ind-overlay:      500;
+  --z-ind-background: -100;
+  --z-ind-backward: -1;
+  --z-ind-select: 50;
+  --z-ind-tooltip: 75;
+  --z-ind-high: 100;
+  --z-ind-overlay: 500;
 }
 
 *,
@@ -62,7 +62,7 @@ body {
   color: var(--color-graphite);
   font-weight: var(--f-wei-regular);
   font-family: var(--f-family);
-  min-width: var(--min-width);
+  min-width: var(--min-content-width);
   width: 100%;
   height: 100%;
 }