From 771f861b59fc9971fad1147bed089781519dadd1 Mon Sep 17 00:00:00 2001
From: Matthew Grove <matthew@grove.gq>
Date: Sat, 26 Jan 2019 15:22:58 +0000
Subject: [PATCH] Auto-populate navbar & edit Luhn algorithm page

---
 _includes/navbar.html                  |   18 +-
 _site/CNAME                            |    1 +
 _site/assets/css/style.css             | 2766 ------------------------
 _site/computer-science-blog/index.html |   21 +-
 _site/index.html                       |   21 +-
 _site/luhn-algorithm/index.html        |   27 +-
 _site/luhn-algorithm/style.css         |    3 +
 computer-science-blog/index.md         |    1 +
 index.md                               |    1 +
 luhn-algorithm/index.md                |    7 +-
 luhn-algorithm/style.css               |    3 +
 11 files changed, 72 insertions(+), 2797 deletions(-)
 create mode 100644 _site/CNAME
 delete mode 100644 _site/assets/css/style.css
 create mode 100644 _site/luhn-algorithm/style.css
 create mode 100644 luhn-algorithm/style.css

diff --git a/_includes/navbar.html b/_includes/navbar.html
index 0e11ab1..04c7625 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -5,21 +5,21 @@
         </div>
         <div class="mdc-list">
             <a class="mdc-list-item" href="https://blog.matthew-grove.ml">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
-                <span class="mdc-list-item__text">Blog</span>
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
+                <span class="mdc-list-item__text">My Blog</span>
             </a>
             <a class="mdc-list-item" href="/">
                 <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
                 <span class="mdc-list-item__text">Home Page</span>
             </a>
-            <a class="mdc-list-item" href="/luhn-algorithm/">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
-                <span class="mdc-list-item__text">Luhn Algorithm</span>
-            </a>
-            <a class="mdc-list-item" href="/computer-science-blog/">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
-                <span class="mdc-list-item__text">GCSE Computer Science Blog</span>
+            {% for project in site.pages | sort "title" %}
+            {% if project.url != "/" %}
+            <a class="mdc-list-item" href="{{ project.url | relative_url }}">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">{{ project.icon }}</i>
+                <span class="mdc-list-item__text">{{ project.title }}</span>
             </a>
+            {% endif %}
+            {% endfor %}
         </div>
     </div>
 </aside>
diff --git a/_site/CNAME b/_site/CNAME
new file mode 100644
index 0000000..3e3c3c1
--- /dev/null
+++ b/_site/CNAME
@@ -0,0 +1 @@
+demo.matthew-grove.ml
\ No newline at end of file
diff --git a/_site/assets/css/style.css b/_site/assets/css/style.css
deleted file mode 100644
index 97e0029..0000000
--- a/_site/assets/css/style.css
+++ /dev/null
@@ -1,2766 +0,0 @@
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
-/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
-html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
-
-/** Remove the margin in all browsers (opinionated). */
-body { margin: 0; }
-
-/* HTML5 display definitions ========================================================================== */
-/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
-article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { /* 1 */ display: block; }
-
-summary { display: list-item; }
-
-/** Add the correct display in IE 9-. */
-audio, canvas, progress, video { display: inline-block; }
-
-/** Add the correct display in iOS 4-7. */
-audio:not([controls]) { display: none; height: 0; }
-
-/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
-progress { vertical-align: baseline; }
-
-/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
-template, [hidden] { display: none; }
-
-/* Links ========================================================================== */
-/** Remove the gray background on active links in IE 10. */
-a { background-color: transparent; /* 1 */ }
-
-/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
-a:active, a:hover { outline-width: 0; }
-
-/* Text-level semantics ========================================================================== */
-/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
-abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
-
-/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
-b, strong { font-weight: inherit; }
-
-/** Add the correct font weight in Chrome, Edge, and Safari. */
-b, strong { font-weight: bolder; }
-
-/** Add the correct font style in Android 4.3-. */
-dfn { font-style: italic; }
-
-/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
-h1 { font-size: 2em; margin: 0.67em 0; }
-
-/** Add the correct background and color in IE 9-. */
-mark { background-color: #ff0; color: #000; }
-
-/** Add the correct font size in all browsers. */
-small { font-size: 80%; }
-
-/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
-sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
-
-sub { bottom: -0.25em; }
-
-sup { top: -0.5em; }
-
-/* Embedded content ========================================================================== */
-/** Remove the border on images inside links in IE 10-. */
-img { border-style: none; }
-
-/** Hide the overflow in IE. */
-svg:not(:root) { overflow: hidden; }
-
-/* Grouping content ========================================================================== */
-/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
-code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
-
-/** Add the correct margin in IE 8. */
-figure { margin: 1em 40px; }
-
-/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
-hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
-
-/* Forms ========================================================================== */
-/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
-button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }
-
-/** Restore the font weight unset by the previous rule. */
-optgroup { font-weight: bold; }
-
-/** Show the overflow in IE. 1. Show the overflow in Edge. */
-button, input { /* 1 */ overflow: visible; }
-
-/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
-button, select { /* 1 */ text-transform: none; }
-
-/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
-button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }
-
-/** Remove the inner border and padding in Firefox. */
-button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
-
-/** Restore the focus styles unset by the previous rule. */
-button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
-
-/** Change the border, margin, and padding in all browsers (opinionated). */
-fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
-
-/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
-legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
-
-/** Remove the default vertical scrollbar in IE. */
-textarea { overflow: auto; }
-
-/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
-[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
-
-/** Correct the cursor style of increment and decrement buttons in Chrome. */
-[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
-
-/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
-[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
-
-/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
-[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
-
-/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
-::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
-
-/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
-::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
-
-* { box-sizing: border-box; }
-
-input, select, textarea, button { font-family: inherit; font-size: inherit; line-height: inherit; }
-
-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; }
-
-a { color: #0366d6; text-decoration: none; }
-a:hover { text-decoration: underline; }
-
-b, strong { font-weight: 600; }
-
-hr, .rule { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; }
-hr::before, .rule::before { display: table; content: ""; }
-hr::after, .rule::after { display: table; clear: both; content: ""; }
-
-table { border-spacing: 0; border-collapse: collapse; }
-
-td, th { padding: 0; }
-
-button { cursor: pointer; border-radius: 0; }
-
-details summary { cursor: pointer; }
-details:not([open]) > *:not(summary) { display: none !important; }
-
-h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }
-
-h1 { font-size: 32px; font-weight: 600; }
-
-h2 { font-size: 24px; font-weight: 600; }
-
-h3 { font-size: 20px; font-weight: 600; }
-
-h4 { font-size: 16px; font-weight: 600; }
-
-h5 { font-size: 14px; font-weight: 600; }
-
-h6 { font-size: 12px; font-weight: 600; }
-
-p { margin-top: 0; margin-bottom: 10px; }
-
-small { font-size: 90%; }
-
-blockquote { margin: 0; }
-
-ul, ol { padding-left: 0; margin-top: 0; margin-bottom: 0; }
-
-ol ol, ul ol { list-style-type: lower-roman; }
-
-ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; }
-
-dd { margin-left: 0; }
-
-tt, code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; }
-
-pre { margin-top: 0; margin-bottom: 0; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; }
-
-.octicon { vertical-align: text-bottom; }
-
-/* Fade in an element */
-.anim-fade-in { animation-name: fade-in; animation-duration: 1s; animation-timing-function: ease-in-out; }
-.anim-fade-in.fast { animation-duration: 300ms; }
-
-@keyframes fade-in { 0% { opacity: 0; }
-  100% { opacity: 1; } }
-/* Fade out an element */
-.anim-fade-out { animation-name: fade-out; animation-duration: 1s; animation-timing-function: ease-out; }
-.anim-fade-out.fast { animation-duration: 0.3s; }
-
-@keyframes fade-out { 0% { opacity: 1; }
-  100% { opacity: 0; } }
-/* Fade in and slide up an element */
-.anim-fade-up { opacity: 0; animation-name: fade-up; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-delay: 1s; }
-
-@keyframes fade-up { 0% { opacity: 0.8; transform: translateY(100%); }
-  100% { opacity: 1; transform: translateY(0); } }
-/* Fade an element out and slide down */
-.anim-fade-down { animation-name: fade-down; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; }
-
-@keyframes fade-down { 0% { opacity: 1; transform: translateY(0); }
-  100% { opacity: 0.5; transform: translateY(100%); } }
-/* Grow an element width from 0 to 100% */
-.anim-grow-x { width: 0%; animation-name: grow-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease; animation-delay: 0.5s; }
-
-@keyframes grow-x { to { width: 100%; } }
-/* Shrink an element from 100% to 0% */
-.anim-shrink-x { animation-name: shrink-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-delay: 0.5s; }
-
-@keyframes shrink-x { to { width: 0%; } }
-/* Fade in an element and scale it fast */
-.anim-scale-in { animation-name: scale-in; animation-duration: 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); }
-
-@keyframes scale-in { 0% { opacity: 0; transform: scale(0.5); }
-  100% { opacity: 1; transform: scale(1); } }
-/* Pulse an element's opacity */
-.anim-pulse { animation-name: pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
-
-@keyframes pulse { 0% { opacity: 0.3; }
-  10% { opacity: 1; }
-  100% { opacity: 0.3; } }
-/* Pulse in an element */
-.anim-pulse-in { animation-name: pulse-in; animation-duration: 0.5s; }
-
-@keyframes pulse-in { 0% { transform: scale3d(1, 1, 1); }
-  50% { transform: scale3d(1.1, 1.1, 1.1); }
-  100% { transform: scale3d(1, 1, 1); } }
-/* Increase scale of an element on hover */
-.hover-grow { transition: transform 0.3s; }
-.hover-grow:hover { transform: scale(1.025); }
-
-/* Add a gray border */
-.border { border: 1px #e1e4e8 solid !important; }
-
-/* Add a gray border to the top */
-.border-top { border-top: 1px #e1e4e8 solid !important; }
-
-/* Add a gray border to the right */
-.border-right { border-right: 1px #e1e4e8 solid !important; }
-
-/* Add a gray border to the bottom */
-.border-bottom { border-bottom: 1px #e1e4e8 solid !important; }
-
-/* Add a gray border to the left */
-.border-left { border-left: 1px #e1e4e8 solid !important; }
-
-/* Add a gray border to the left and right */
-.border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; }
-
-.border-dashed { border-style: dashed !important; }
-
-/* Use with .border to turn the border blue */
-.border-blue { border-color: #0366d6 !important; }
-
-/* Use with .border to turn the border blue-light */
-.border-blue-light { border-color: #c8e1ff !important; }
-
-/* Use with .border to turn the border green */
-.border-green { border-color: #34d058 !important; }
-
-/* Use with .border to turn the border green light */
-.border-green-light { border-color: #a2cbac !important; }
-
-/* Use with .border to turn the border red */
-.border-red { border-color: #d73a49 !important; }
-
-/* Use with .border to turn the border red-light */
-.border-red-light { border-color: #cea0a5 !important; }
-
-/* Use with .border to turn the border purple */
-.border-purple { border-color: #6f42c1 !important; }
-
-/* Use with .border to turn the border yellow */
-.border-yellow { border-color: #d9d0a5 !important; }
-
-/* Use with .border to turn the border gray-light */
-.border-gray-light { border-color: #eaecef !important; }
-
-/* Use with .border to turn the border gray-dark */
-.border-gray-dark { border-color: #d1d5da !important; }
-
-/* Use with .border to turn the border rgba black 0.15 */
-.border-black-fade { border-color: rgba(27, 31, 35, 0.15) !important; }
-
-/* Remove all borders */
-.border-0 { border: 0 !important; }
-
-/* Remove the top border */
-.border-top-0 { border-top: 0 !important; }
-
-/* Remove the right border */
-.border-right-0 { border-right: 0 !important; }
-
-/* Remove the bottom border */
-.border-bottom-0 { border-bottom: 0 !important; }
-
-/* Remove the left border */
-.border-left-0 { border-left: 0 !important; }
-
-/* Remove the border-radius */
-.rounded-0 { border-radius: 0 !important; }
-
-/* Add a border-radius to all corners */
-.rounded-1 { border-radius: 3px !important; }
-
-/* Add a 2x border-radius to all corners */
-.rounded-2 { border-radius: 6px !important; }
-
-/* Add a 50% border-radius to make something into a circle */
-.circle { border-radius: 50% !important; }
-
-.box-shadow { box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1) !important; }
-
-.box-shadow-medium { box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15) !important; }
-
-.box-shadow-large { box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important; }
-
-.box-shadow-extra-large { box-shadow: 0 10px 50px rgba(27, 31, 35, 0.07) !important; }
-
-.box-shadow-none { box-shadow: none !important; }
-
-/* Set the background to $bg-white */
-.bg-white { background-color: #fff !important; }
-
-/* Set the background to $bg-blue */
-.bg-blue { background-color: #0366d6 !important; }
-
-/* Set the background to $bg-blue-light */
-.bg-blue-light { background-color: #f1f8ff !important; }
-
-/* Set the background to $bg-gray-dark */
-.bg-gray-dark { background-color: #24292e !important; }
-
-/* Set the background to $bg-gray */
-.bg-gray { background-color: #f6f8fa !important; }
-
-/* Set the background to $bg-gray-light */
-.bg-gray-light { background-color: #fafbfc !important; }
-
-/* Set the background to $bg-green */
-.bg-green { background-color: #28a745 !important; }
-
-/* Set the background to $bg-green-light */
-.bg-green-light { background-color: #dcffe4 !important; }
-
-/* Set the background to $bg-red */
-.bg-red { background-color: #d73a49 !important; }
-
-/* Set the background to $bg-red-light */
-.bg-red-light { background-color: #ffdce0 !important; }
-
-/* Set the background to $bg-yellow */
-.bg-yellow { background-color: #ffd33d !important; }
-
-/* Set the background to $bg-yellow-light */
-.bg-yellow-light { background-color: #fff5b1 !important; }
-
-/* Set the background to $bg-purple */
-.bg-purple { background-color: #6f42c1 !important; }
-
-/* Set the background to $bg-purple-light */
-.bg-purple-light { background-color: #f5f0ff !important; }
-
-.bg-shade-gradient { background-image: linear-gradient(180deg, rgba(27, 31, 35, 0.065), rgba(27, 31, 35, 0)) !important; background-repeat: no-repeat !important; background-size: 100% 200px !important; }
-
-/* Set the text color to $text-blue */
-.text-blue { color: #0366d6 !important; }
-
-/* Set the text color to $text-red */
-.text-red { color: #cb2431 !important; }
-
-/* Set the text color to $text-gray-light */
-.text-gray-light { color: #6a737d !important; }
-
-/* Set the text color to $text-gray */
-.text-gray { color: #586069 !important; }
-
-/* Set the text color to $text-gray-dark */
-.text-gray-dark { color: #24292e !important; }
-
-/* Set the text color to $text-green */
-.text-green { color: #28a745 !important; }
-
-/* Set the text color to $text-orange */
-.text-orange { color: #a04100 !important; }
-
-/* Set the text color to $text-orange-light */
-.text-orange-light { color: #e36209 !important; }
-
-/* Set the text color to $text-purple */
-.text-purple { color: #6f42c1 !important; }
-
-/* Set the text color to $text-white */
-.text-white { color: #fff !important; }
-
-/* Set the text color to inherit */
-.text-inherit { color: inherit !important; }
-
-.text-pending { color: #b08800 !important; }
-
-.bg-pending { color: #dbab09 !important; }
-
-.link-gray { color: #586069 !important; }
-.link-gray:hover { color: #0366d6 !important; }
-
-.link-gray-dark { color: #24292e !important; }
-.link-gray-dark:hover { color: #0366d6 !important; }
-
-/* Set the link color to $text-blue on hover Useful when you want only part of a link to turn blue on hover */
-.link-hover-blue:hover { color: #0366d6 !important; }
-
-/* Make a link $text-gray, then $text-blue on hover and removes the underline */
-.muted-link { color: #586069 !important; }
-.muted-link:hover { color: #0366d6 !important; text-decoration: none; }
-
-.flex-row { flex-direction: row !important; }
-
-.flex-row-reverse { flex-direction: row-reverse !important; }
-
-.flex-column { flex-direction: column !important; }
-
-.flex-wrap { flex-wrap: wrap !important; }
-
-.flex-nowrap { flex-wrap: nowrap !important; }
-
-.flex-justify-start { justify-content: flex-start !important; }
-
-.flex-justify-end { justify-content: flex-end !important; }
-
-.flex-justify-center { justify-content: center !important; }
-
-.flex-justify-between { justify-content: space-between !important; }
-
-.flex-justify-around { justify-content: space-around !important; }
-
-.flex-items-start { align-items: flex-start !important; }
-
-.flex-items-end { align-items: flex-end !important; }
-
-.flex-items-center { align-items: center !important; }
-
-.flex-items-baseline { align-items: baseline !important; }
-
-.flex-items-stretch { align-items: stretch !important; }
-
-.flex-content-start { align-content: flex-start !important; }
-
-.flex-content-end { align-content: flex-end !important; }
-
-.flex-content-center { align-content: center !important; }
-
-.flex-content-between { align-content: space-between !important; }
-
-.flex-content-around { align-content: space-around !important; }
-
-.flex-content-stretch { align-content: stretch !important; }
-
-.flex-auto { flex: 1 1 auto !important; }
-
-.flex-shrink-0 { flex-shrink: 0 !important; }
-
-.flex-self-auto { align-self: auto !important; }
-
-.flex-self-start { align-self: flex-start !important; }
-
-.flex-self-end { align-self: flex-end !important; }
-
-.flex-self-center { align-self: center !important; }
-
-.flex-self-baseline { align-self: baseline !important; }
-
-.flex-self-stretch { align-self: stretch !important; }
-
-.flex-item-equal { flex-grow: 1; flex-basis: 0; }
-
-@media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; }
-  .flex-sm-row-reverse { flex-direction: row-reverse !important; }
-  .flex-sm-column { flex-direction: column !important; }
-  .flex-sm-wrap { flex-wrap: wrap !important; }
-  .flex-sm-nowrap { flex-wrap: nowrap !important; }
-  .flex-sm-justify-start { justify-content: flex-start !important; }
-  .flex-sm-justify-end { justify-content: flex-end !important; }
-  .flex-sm-justify-center { justify-content: center !important; }
-  .flex-sm-justify-between { justify-content: space-between !important; }
-  .flex-sm-justify-around { justify-content: space-around !important; }
-  .flex-sm-items-start { align-items: flex-start !important; }
-  .flex-sm-items-end { align-items: flex-end !important; }
-  .flex-sm-items-center { align-items: center !important; }
-  .flex-sm-items-baseline { align-items: baseline !important; }
-  .flex-sm-items-stretch { align-items: stretch !important; }
-  .flex-sm-content-start { align-content: flex-start !important; }
-  .flex-sm-content-end { align-content: flex-end !important; }
-  .flex-sm-content-center { align-content: center !important; }
-  .flex-sm-content-between { align-content: space-between !important; }
-  .flex-sm-content-around { align-content: space-around !important; }
-  .flex-sm-content-stretch { align-content: stretch !important; }
-  .flex-sm-auto { flex: 1 1 auto !important; }
-  .flex-sm-shrink-0 { flex-shrink: 0 !important; }
-  .flex-sm-self-auto { align-self: auto !important; }
-  .flex-sm-self-start { align-self: flex-start !important; }
-  .flex-sm-self-end { align-self: flex-end !important; }
-  .flex-sm-self-center { align-self: center !important; }
-  .flex-sm-self-baseline { align-self: baseline !important; }
-  .flex-sm-self-stretch { align-self: stretch !important; }
-  .flex-sm-item-equal { flex-grow: 1; flex-basis: 0; } }
-@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
-  .flex-md-row-reverse { flex-direction: row-reverse !important; }
-  .flex-md-column { flex-direction: column !important; }
-  .flex-md-wrap { flex-wrap: wrap !important; }
-  .flex-md-nowrap { flex-wrap: nowrap !important; }
-  .flex-md-justify-start { justify-content: flex-start !important; }
-  .flex-md-justify-end { justify-content: flex-end !important; }
-  .flex-md-justify-center { justify-content: center !important; }
-  .flex-md-justify-between { justify-content: space-between !important; }
-  .flex-md-justify-around { justify-content: space-around !important; }
-  .flex-md-items-start { align-items: flex-start !important; }
-  .flex-md-items-end { align-items: flex-end !important; }
-  .flex-md-items-center { align-items: center !important; }
-  .flex-md-items-baseline { align-items: baseline !important; }
-  .flex-md-items-stretch { align-items: stretch !important; }
-  .flex-md-content-start { align-content: flex-start !important; }
-  .flex-md-content-end { align-content: flex-end !important; }
-  .flex-md-content-center { align-content: center !important; }
-  .flex-md-content-between { align-content: space-between !important; }
-  .flex-md-content-around { align-content: space-around !important; }
-  .flex-md-content-stretch { align-content: stretch !important; }
-  .flex-md-auto { flex: 1 1 auto !important; }
-  .flex-md-shrink-0 { flex-shrink: 0 !important; }
-  .flex-md-self-auto { align-self: auto !important; }
-  .flex-md-self-start { align-self: flex-start !important; }
-  .flex-md-self-end { align-self: flex-end !important; }
-  .flex-md-self-center { align-self: center !important; }
-  .flex-md-self-baseline { align-self: baseline !important; }
-  .flex-md-self-stretch { align-self: stretch !important; }
-  .flex-md-item-equal { flex-grow: 1; flex-basis: 0; } }
-@media (min-width: 1012px) { .flex-lg-row { flex-direction: row !important; }
-  .flex-lg-row-reverse { flex-direction: row-reverse !important; }
-  .flex-lg-column { flex-direction: column !important; }
-  .flex-lg-wrap { flex-wrap: wrap !important; }
-  .flex-lg-nowrap { flex-wrap: nowrap !important; }
-  .flex-lg-justify-start { justify-content: flex-start !important; }
-  .flex-lg-justify-end { justify-content: flex-end !important; }
-  .flex-lg-justify-center { justify-content: center !important; }
-  .flex-lg-justify-between { justify-content: space-between !important; }
-  .flex-lg-justify-around { justify-content: space-around !important; }
-  .flex-lg-items-start { align-items: flex-start !important; }
-  .flex-lg-items-end { align-items: flex-end !important; }
-  .flex-lg-items-center { align-items: center !important; }
-  .flex-lg-items-baseline { align-items: baseline !important; }
-  .flex-lg-items-stretch { align-items: stretch !important; }
-  .flex-lg-content-start { align-content: flex-start !important; }
-  .flex-lg-content-end { align-content: flex-end !important; }
-  .flex-lg-content-center { align-content: center !important; }
-  .flex-lg-content-between { align-content: space-between !important; }
-  .flex-lg-content-around { align-content: space-around !important; }
-  .flex-lg-content-stretch { align-content: stretch !important; }
-  .flex-lg-auto { flex: 1 1 auto !important; }
-  .flex-lg-shrink-0 { flex-shrink: 0 !important; }
-  .flex-lg-self-auto { align-self: auto !important; }
-  .flex-lg-self-start { align-self: flex-start !important; }
-  .flex-lg-self-end { align-self: flex-end !important; }
-  .flex-lg-self-center { align-self: center !important; }
-  .flex-lg-self-baseline { align-self: baseline !important; }
-  .flex-lg-self-stretch { align-self: stretch !important; }
-  .flex-lg-item-equal { flex-grow: 1; flex-basis: 0; } }
-@media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; }
-  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
-  .flex-xl-column { flex-direction: column !important; }
-  .flex-xl-wrap { flex-wrap: wrap !important; }
-  .flex-xl-nowrap { flex-wrap: nowrap !important; }
-  .flex-xl-justify-start { justify-content: flex-start !important; }
-  .flex-xl-justify-end { justify-content: flex-end !important; }
-  .flex-xl-justify-center { justify-content: center !important; }
-  .flex-xl-justify-between { justify-content: space-between !important; }
-  .flex-xl-justify-around { justify-content: space-around !important; }
-  .flex-xl-items-start { align-items: flex-start !important; }
-  .flex-xl-items-end { align-items: flex-end !important; }
-  .flex-xl-items-center { align-items: center !important; }
-  .flex-xl-items-baseline { align-items: baseline !important; }
-  .flex-xl-items-stretch { align-items: stretch !important; }
-  .flex-xl-content-start { align-content: flex-start !important; }
-  .flex-xl-content-end { align-content: flex-end !important; }
-  .flex-xl-content-center { align-content: center !important; }
-  .flex-xl-content-between { align-content: space-between !important; }
-  .flex-xl-content-around { align-content: space-around !important; }
-  .flex-xl-content-stretch { align-content: stretch !important; }
-  .flex-xl-auto { flex: 1 1 auto !important; }
-  .flex-xl-shrink-0 { flex-shrink: 0 !important; }
-  .flex-xl-self-auto { align-self: auto !important; }
-  .flex-xl-self-start { align-self: flex-start !important; }
-  .flex-xl-self-end { align-self: flex-end !important; }
-  .flex-xl-self-center { align-self: center !important; }
-  .flex-xl-self-baseline { align-self: baseline !important; }
-  .flex-xl-self-stretch { align-self: stretch !important; }
-  .flex-xl-item-equal { flex-grow: 1; flex-basis: 0; } }
-/* Set position to static */
-.position-static { position: static !important; }
-
-/* Set position to relative */
-.position-relative { position: relative !important; }
-
-/* Set position to absolute */
-.position-absolute { position: absolute !important; }
-
-/* Set position to fixed */
-.position-fixed { position: fixed !important; }
-
-/* Set top 0 */
-.top-0 { top: 0 !important; }
-
-/* Set right 0 */
-.right-0 { right: 0 !important; }
-
-/* Set bottom 0 */
-.bottom-0 { bottom: 0 !important; }
-
-/* Set left 0 */
-.left-0 { left: 0 !important; }
-
-/* Vertical align middle */
-.v-align-middle { vertical-align: middle !important; }
-
-/* Vertical align top */
-.v-align-top { vertical-align: top !important; }
-
-/* Vertical align bottom */
-.v-align-bottom { vertical-align: bottom !important; }
-
-/* Vertical align to the top of the text */
-.v-align-text-top { vertical-align: text-top !important; }
-
-/* Vertical align to the bottom of the text */
-.v-align-text-bottom { vertical-align: text-bottom !important; }
-
-/* Vertical align to the parent's baseline */
-.v-align-baseline { vertical-align: baseline !important; }
-
-/* Set the overflow hidden */
-.overflow-hidden { overflow: hidden !important; }
-
-/* Set the overflow scroll */
-.overflow-scroll { overflow: scroll !important; }
-
-/* Set the overflow auto */
-.overflow-auto { overflow: auto !important; }
-
-/* Clear floats around the element */
-.clearfix::before { display: table; content: ""; }
-.clearfix::after { display: table; clear: both; content: ""; }
-
-/* Float to the right */
-.float-right { float: right !important; }
-
-/* Float to the left */
-.float-left { float: left !important; }
-
-/* Don't float left or right */
-.float-none { float: none !important; }
-
-@media (min-width: 544px) { /* Float to the left at the sm breakpoint */
-  .float-sm-left { float: left !important; }
-  /* Float to the right at the sm breakpoint */
-  .float-sm-right { float: right !important; }
-  /* No float at the sm breakpoint */
-  .float-sm-none { float: none !important; } }
-@media (min-width: 768px) { /* Float to the left at the md breakpoint */
-  .float-md-left { float: left !important; }
-  /* Float to the right at the md breakpoint */
-  .float-md-right { float: right !important; }
-  /* No float at the md breakpoint */
-  .float-md-none { float: none !important; } }
-@media (min-width: 1012px) { /* Float to the left at the lg breakpoint */
-  .float-lg-left { float: left !important; }
-  /* Float to the right at the lg breakpoint */
-  .float-lg-right { float: right !important; }
-  /* No float at the lg breakpoint */
-  .float-lg-none { float: none !important; } }
-@media (min-width: 1280px) { /* Float to the left at the xl breakpoint */
-  .float-xl-left { float: left !important; }
-  /* Float to the right at the xl breakpoint */
-  .float-xl-right { float: right !important; }
-  /* No float at the xl breakpoint */
-  .float-xl-none { float: none !important; } }
-/* Max width 100% */
-.width-fit { max-width: 100% !important; }
-
-/* Set the width to 100% */
-.width-full { width: 100% !important; }
-
-/* Max height 100% */
-.height-fit { max-height: 100% !important; }
-
-/* Set the height to 100% */
-.height-full { height: 100% !important; }
-
-/* Remove min-width from element */
-.min-width-0 { min-width: 0 !important; }
-
-/* Set the direction to rtl */
-.direction-rtl { direction: rtl !important; }
-
-/* Set the direction to ltr */
-.direction-ltr { direction: ltr !important; }
-
-@media (min-width: 544px) { /* Set the direction to rtl at the sm breakpoint */
-  .direction-sm-rtl { direction: rtl !important; }
-  /* Set the direction to ltr at the sm breakpoint */
-  .direction-sm-ltr { direction: ltr !important; } }
-@media (min-width: 768px) { /* Set the direction to rtl at the md breakpoint */
-  .direction-md-rtl { direction: rtl !important; }
-  /* Set the direction to ltr at the md breakpoint */
-  .direction-md-ltr { direction: ltr !important; } }
-@media (min-width: 1012px) { /* Set the direction to rtl at the lg breakpoint */
-  .direction-lg-rtl { direction: rtl !important; }
-  /* Set the direction to ltr at the lg breakpoint */
-  .direction-lg-ltr { direction: ltr !important; } }
-@media (min-width: 1280px) { /* Set the direction to rtl at the xl breakpoint */
-  .direction-xl-rtl { direction: rtl !important; }
-  /* Set the direction to ltr at the xl breakpoint */
-  .direction-xl-ltr { direction: ltr !important; } }
-/* Set a 0 margin to all sides */
-.m-0 { margin: 0 !important; }
-
-/* Set a 0 margin on the top */
-.mt-0 { margin-top: 0 !important; }
-
-/* Set a 0 margin on the right */
-.mr-0 { margin-right: 0 !important; }
-
-/* Set a 0 margin on the bottom */
-.mb-0 { margin-bottom: 0 !important; }
-
-/* Set a 0 margin on the left */
-.ml-0 { margin-left: 0 !important; }
-
-/* Set a negative 0 margin on top */
-.mt-n0 { margin-top: -0 !important; }
-
-/* Set a negative 0 margin on the right */
-.mr-n0 { margin-right: -0 !important; }
-
-/* Set a negative 0 margin on the bottom */
-.mb-n0 { margin-bottom: -0 !important; }
-
-/* Set a negative 0 margin on the left */
-.ml-n0 { margin-left: -0 !important; }
-
-/* Set a 0 margin on the left & right */
-.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
-
-/* Set a 0 margin on the top & bottom */
-.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
-
-/* Set a 4px margin to all sides */
-.m-1 { margin: 4px !important; }
-
-/* Set a 4px margin on the top */
-.mt-1 { margin-top: 4px !important; }
-
-/* Set a 4px margin on the right */
-.mr-1 { margin-right: 4px !important; }
-
-/* Set a 4px margin on the bottom */
-.mb-1 { margin-bottom: 4px !important; }
-
-/* Set a 4px margin on the left */
-.ml-1 { margin-left: 4px !important; }
-
-/* Set a negative 4px margin on top */
-.mt-n1 { margin-top: -4px !important; }
-
-/* Set a negative 4px margin on the right */
-.mr-n1 { margin-right: -4px !important; }
-
-/* Set a negative 4px margin on the bottom */
-.mb-n1 { margin-bottom: -4px !important; }
-
-/* Set a negative 4px margin on the left */
-.ml-n1 { margin-left: -4px !important; }
-
-/* Set a 4px margin on the left & right */
-.mx-1 { margin-right: 4px !important; margin-left: 4px !important; }
-
-/* Set a 4px margin on the top & bottom */
-.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
-
-/* Set a 8px margin to all sides */
-.m-2 { margin: 8px !important; }
-
-/* Set a 8px margin on the top */
-.mt-2 { margin-top: 8px !important; }
-
-/* Set a 8px margin on the right */
-.mr-2 { margin-right: 8px !important; }
-
-/* Set a 8px margin on the bottom */
-.mb-2 { margin-bottom: 8px !important; }
-
-/* Set a 8px margin on the left */
-.ml-2 { margin-left: 8px !important; }
-
-/* Set a negative 8px margin on top */
-.mt-n2 { margin-top: -8px !important; }
-
-/* Set a negative 8px margin on the right */
-.mr-n2 { margin-right: -8px !important; }
-
-/* Set a negative 8px margin on the bottom */
-.mb-n2 { margin-bottom: -8px !important; }
-
-/* Set a negative 8px margin on the left */
-.ml-n2 { margin-left: -8px !important; }
-
-/* Set a 8px margin on the left & right */
-.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }
-
-/* Set a 8px margin on the top & bottom */
-.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
-
-/* Set a 16px margin to all sides */
-.m-3 { margin: 16px !important; }
-
-/* Set a 16px margin on the top */
-.mt-3 { margin-top: 16px !important; }
-
-/* Set a 16px margin on the right */
-.mr-3 { margin-right: 16px !important; }
-
-/* Set a 16px margin on the bottom */
-.mb-3 { margin-bottom: 16px !important; }
-
-/* Set a 16px margin on the left */
-.ml-3 { margin-left: 16px !important; }
-
-/* Set a negative 16px margin on top */
-.mt-n3 { margin-top: -16px !important; }
-
-/* Set a negative 16px margin on the right */
-.mr-n3 { margin-right: -16px !important; }
-
-/* Set a negative 16px margin on the bottom */
-.mb-n3 { margin-bottom: -16px !important; }
-
-/* Set a negative 16px margin on the left */
-.ml-n3 { margin-left: -16px !important; }
-
-/* Set a 16px margin on the left & right */
-.mx-3 { margin-right: 16px !important; margin-left: 16px !important; }
-
-/* Set a 16px margin on the top & bottom */
-.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
-
-/* Set a 24px margin to all sides */
-.m-4 { margin: 24px !important; }
-
-/* Set a 24px margin on the top */
-.mt-4 { margin-top: 24px !important; }
-
-/* Set a 24px margin on the right */
-.mr-4 { margin-right: 24px !important; }
-
-/* Set a 24px margin on the bottom */
-.mb-4 { margin-bottom: 24px !important; }
-
-/* Set a 24px margin on the left */
-.ml-4 { margin-left: 24px !important; }
-
-/* Set a negative 24px margin on top */
-.mt-n4 { margin-top: -24px !important; }
-
-/* Set a negative 24px margin on the right */
-.mr-n4 { margin-right: -24px !important; }
-
-/* Set a negative 24px margin on the bottom */
-.mb-n4 { margin-bottom: -24px !important; }
-
-/* Set a negative 24px margin on the left */
-.ml-n4 { margin-left: -24px !important; }
-
-/* Set a 24px margin on the left & right */
-.mx-4 { margin-right: 24px !important; margin-left: 24px !important; }
-
-/* Set a 24px margin on the top & bottom */
-.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
-
-/* Set a 32px margin to all sides */
-.m-5 { margin: 32px !important; }
-
-/* Set a 32px margin on the top */
-.mt-5 { margin-top: 32px !important; }
-
-/* Set a 32px margin on the right */
-.mr-5 { margin-right: 32px !important; }
-
-/* Set a 32px margin on the bottom */
-.mb-5 { margin-bottom: 32px !important; }
-
-/* Set a 32px margin on the left */
-.ml-5 { margin-left: 32px !important; }
-
-/* Set a negative 32px margin on top */
-.mt-n5 { margin-top: -32px !important; }
-
-/* Set a negative 32px margin on the right */
-.mr-n5 { margin-right: -32px !important; }
-
-/* Set a negative 32px margin on the bottom */
-.mb-n5 { margin-bottom: -32px !important; }
-
-/* Set a negative 32px margin on the left */
-.ml-n5 { margin-left: -32px !important; }
-
-/* Set a 32px margin on the left & right */
-.mx-5 { margin-right: 32px !important; margin-left: 32px !important; }
-
-/* Set a 32px margin on the top & bottom */
-.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
-
-/* Set a 40px margin to all sides */
-.m-6 { margin: 40px !important; }
-
-/* Set a 40px margin on the top */
-.mt-6 { margin-top: 40px !important; }
-
-/* Set a 40px margin on the right */
-.mr-6 { margin-right: 40px !important; }
-
-/* Set a 40px margin on the bottom */
-.mb-6 { margin-bottom: 40px !important; }
-
-/* Set a 40px margin on the left */
-.ml-6 { margin-left: 40px !important; }
-
-/* Set a negative 40px margin on top */
-.mt-n6 { margin-top: -40px !important; }
-
-/* Set a negative 40px margin on the right */
-.mr-n6 { margin-right: -40px !important; }
-
-/* Set a negative 40px margin on the bottom */
-.mb-n6 { margin-bottom: -40px !important; }
-
-/* Set a negative 40px margin on the left */
-.ml-n6 { margin-left: -40px !important; }
-
-/* Set a 40px margin on the left & right */
-.mx-6 { margin-right: 40px !important; margin-left: 40px !important; }
-
-/* Set a 40px margin on the top & bottom */
-.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
-
-/* Set an auto margin on left & right */
-.mx-auto { margin-right: auto !important; margin-left: auto !important; }
-
-@media (min-width: 544px) { /* Set a 0 margin to all sides at the breakpoint sm */
-  .m-sm-0 { margin: 0 !important; }
-  /* Set a 0 margin on the top at the breakpoint sm */
-  .mt-sm-0 { margin-top: 0 !important; }
-  /* Set a 0 margin on the right at the breakpoint sm */
-  .mr-sm-0 { margin-right: 0 !important; }
-  /* Set a 0 margin on the bottom at the breakpoint sm */
-  .mb-sm-0 { margin-bottom: 0 !important; }
-  /* Set a 0 margin on the left at the breakpoint sm */
-  .ml-sm-0 { margin-left: 0 !important; }
-  /* Set a negative 0 margin on top at the breakpoint sm */
-  .mt-sm-n0 { margin-top: -0 !important; }
-  /* Set a negative 0 margin on the right at the breakpoint sm */
-  .mr-sm-n0 { margin-right: -0 !important; }
-  /* Set a negative 0 margin on the bottom at the breakpoint sm */
-  .mb-sm-n0 { margin-bottom: -0 !important; }
-  /* Set a negative 0 margin on the left at the breakpoint sm */
-  .ml-sm-n0 { margin-left: -0 !important; }
-  /* Set a 0 margin on the left & right at the breakpoint sm */
-  .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
-  /* Set a 0 margin on the top & bottom at the breakpoint sm */
-  .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
-@media (min-width: 544px) { /* Set a 4px margin to all sides at the breakpoint sm */
-  .m-sm-1 { margin: 4px !important; }
-  /* Set a 4px margin on the top at the breakpoint sm */
-  .mt-sm-1 { margin-top: 4px !important; }
-  /* Set a 4px margin on the right at the breakpoint sm */
-  .mr-sm-1 { margin-right: 4px !important; }
-  /* Set a 4px margin on the bottom at the breakpoint sm */
-  .mb-sm-1 { margin-bottom: 4px !important; }
-  /* Set a 4px margin on the left at the breakpoint sm */
-  .ml-sm-1 { margin-left: 4px !important; }
-  /* Set a negative 4px margin on top at the breakpoint sm */
-  .mt-sm-n1 { margin-top: -4px !important; }
-  /* Set a negative 4px margin on the right at the breakpoint sm */
-  .mr-sm-n1 { margin-right: -4px !important; }
-  /* Set a negative 4px margin on the bottom at the breakpoint sm */
-  .mb-sm-n1 { margin-bottom: -4px !important; }
-  /* Set a negative 4px margin on the left at the breakpoint sm */
-  .ml-sm-n1 { margin-left: -4px !important; }
-  /* Set a 4px margin on the left & right at the breakpoint sm */
-  .mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; }
-  /* Set a 4px margin on the top & bottom at the breakpoint sm */
-  .my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
-@media (min-width: 544px) { /* Set a 8px margin to all sides at the breakpoint sm */
-  .m-sm-2 { margin: 8px !important; }
-  /* Set a 8px margin on the top at the breakpoint sm */
-  .mt-sm-2 { margin-top: 8px !important; }
-  /* Set a 8px margin on the right at the breakpoint sm */
-  .mr-sm-2 { margin-right: 8px !important; }
-  /* Set a 8px margin on the bottom at the breakpoint sm */
-  .mb-sm-2 { margin-bottom: 8px !important; }
-  /* Set a 8px margin on the left at the breakpoint sm */
-  .ml-sm-2 { margin-left: 8px !important; }
-  /* Set a negative 8px margin on top at the breakpoint sm */
-  .mt-sm-n2 { margin-top: -8px !important; }
-  /* Set a negative 8px margin on the right at the breakpoint sm */
-  .mr-sm-n2 { margin-right: -8px !important; }
-  /* Set a negative 8px margin on the bottom at the breakpoint sm */
-  .mb-sm-n2 { margin-bottom: -8px !important; }
-  /* Set a negative 8px margin on the left at the breakpoint sm */
-  .ml-sm-n2 { margin-left: -8px !important; }
-  /* Set a 8px margin on the left & right at the breakpoint sm */
-  .mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; }
-  /* Set a 8px margin on the top & bottom at the breakpoint sm */
-  .my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
-@media (min-width: 544px) { /* Set a 16px margin to all sides at the breakpoint sm */
-  .m-sm-3 { margin: 16px !important; }
-  /* Set a 16px margin on the top at the breakpoint sm */
-  .mt-sm-3 { margin-top: 16px !important; }
-  /* Set a 16px margin on the right at the breakpoint sm */
-  .mr-sm-3 { margin-right: 16px !important; }
-  /* Set a 16px margin on the bottom at the breakpoint sm */
-  .mb-sm-3 { margin-bottom: 16px !important; }
-  /* Set a 16px margin on the left at the breakpoint sm */
-  .ml-sm-3 { margin-left: 16px !important; }
-  /* Set a negative 16px margin on top at the breakpoint sm */
-  .mt-sm-n3 { margin-top: -16px !important; }
-  /* Set a negative 16px margin on the right at the breakpoint sm */
-  .mr-sm-n3 { margin-right: -16px !important; }
-  /* Set a negative 16px margin on the bottom at the breakpoint sm */
-  .mb-sm-n3 { margin-bottom: -16px !important; }
-  /* Set a negative 16px margin on the left at the breakpoint sm */
-  .ml-sm-n3 { margin-left: -16px !important; }
-  /* Set a 16px margin on the left & right at the breakpoint sm */
-  .mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; }
-  /* Set a 16px margin on the top & bottom at the breakpoint sm */
-  .my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
-@media (min-width: 544px) { /* Set a 24px margin to all sides at the breakpoint sm */
-  .m-sm-4 { margin: 24px !important; }
-  /* Set a 24px margin on the top at the breakpoint sm */
-  .mt-sm-4 { margin-top: 24px !important; }
-  /* Set a 24px margin on the right at the breakpoint sm */
-  .mr-sm-4 { margin-right: 24px !important; }
-  /* Set a 24px margin on the bottom at the breakpoint sm */
-  .mb-sm-4 { margin-bottom: 24px !important; }
-  /* Set a 24px margin on the left at the breakpoint sm */
-  .ml-sm-4 { margin-left: 24px !important; }
-  /* Set a negative 24px margin on top at the breakpoint sm */
-  .mt-sm-n4 { margin-top: -24px !important; }
-  /* Set a negative 24px margin on the right at the breakpoint sm */
-  .mr-sm-n4 { margin-right: -24px !important; }
-  /* Set a negative 24px margin on the bottom at the breakpoint sm */
-  .mb-sm-n4 { margin-bottom: -24px !important; }
-  /* Set a negative 24px margin on the left at the breakpoint sm */
-  .ml-sm-n4 { margin-left: -24px !important; }
-  /* Set a 24px margin on the left & right at the breakpoint sm */
-  .mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; }
-  /* Set a 24px margin on the top & bottom at the breakpoint sm */
-  .my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
-@media (min-width: 544px) { /* Set a 32px margin to all sides at the breakpoint sm */
-  .m-sm-5 { margin: 32px !important; }
-  /* Set a 32px margin on the top at the breakpoint sm */
-  .mt-sm-5 { margin-top: 32px !important; }
-  /* Set a 32px margin on the right at the breakpoint sm */
-  .mr-sm-5 { margin-right: 32px !important; }
-  /* Set a 32px margin on the bottom at the breakpoint sm */
-  .mb-sm-5 { margin-bottom: 32px !important; }
-  /* Set a 32px margin on the left at the breakpoint sm */
-  .ml-sm-5 { margin-left: 32px !important; }
-  /* Set a negative 32px margin on top at the breakpoint sm */
-  .mt-sm-n5 { margin-top: -32px !important; }
-  /* Set a negative 32px margin on the right at the breakpoint sm */
-  .mr-sm-n5 { margin-right: -32px !important; }
-  /* Set a negative 32px margin on the bottom at the breakpoint sm */
-  .mb-sm-n5 { margin-bottom: -32px !important; }
-  /* Set a negative 32px margin on the left at the breakpoint sm */
-  .ml-sm-n5 { margin-left: -32px !important; }
-  /* Set a 32px margin on the left & right at the breakpoint sm */
-  .mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; }
-  /* Set a 32px margin on the top & bottom at the breakpoint sm */
-  .my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
-@media (min-width: 544px) { /* Set a 40px margin to all sides at the breakpoint sm */
-  .m-sm-6 { margin: 40px !important; }
-  /* Set a 40px margin on the top at the breakpoint sm */
-  .mt-sm-6 { margin-top: 40px !important; }
-  /* Set a 40px margin on the right at the breakpoint sm */
-  .mr-sm-6 { margin-right: 40px !important; }
-  /* Set a 40px margin on the bottom at the breakpoint sm */
-  .mb-sm-6 { margin-bottom: 40px !important; }
-  /* Set a 40px margin on the left at the breakpoint sm */
-  .ml-sm-6 { margin-left: 40px !important; }
-  /* Set a negative 40px margin on top at the breakpoint sm */
-  .mt-sm-n6 { margin-top: -40px !important; }
-  /* Set a negative 40px margin on the right at the breakpoint sm */
-  .mr-sm-n6 { margin-right: -40px !important; }
-  /* Set a negative 40px margin on the bottom at the breakpoint sm */
-  .mb-sm-n6 { margin-bottom: -40px !important; }
-  /* Set a negative 40px margin on the left at the breakpoint sm */
-  .ml-sm-n6 { margin-left: -40px !important; }
-  /* Set a 40px margin on the left & right at the breakpoint sm */
-  .mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; }
-  /* Set a 40px margin on the top & bottom at the breakpoint sm */
-  .my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
-@media (min-width: 768px) { /* Set a 0 margin to all sides at the breakpoint md */
-  .m-md-0 { margin: 0 !important; }
-  /* Set a 0 margin on the top at the breakpoint md */
-  .mt-md-0 { margin-top: 0 !important; }
-  /* Set a 0 margin on the right at the breakpoint md */
-  .mr-md-0 { margin-right: 0 !important; }
-  /* Set a 0 margin on the bottom at the breakpoint md */
-  .mb-md-0 { margin-bottom: 0 !important; }
-  /* Set a 0 margin on the left at the breakpoint md */
-  .ml-md-0 { margin-left: 0 !important; }
-  /* Set a negative 0 margin on top at the breakpoint md */
-  .mt-md-n0 { margin-top: -0 !important; }
-  /* Set a negative 0 margin on the right at the breakpoint md */
-  .mr-md-n0 { margin-right: -0 !important; }
-  /* Set a negative 0 margin on the bottom at the breakpoint md */
-  .mb-md-n0 { margin-bottom: -0 !important; }
-  /* Set a negative 0 margin on the left at the breakpoint md */
-  .ml-md-n0 { margin-left: -0 !important; }
-  /* Set a 0 margin on the left & right at the breakpoint md */
-  .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
-  /* Set a 0 margin on the top & bottom at the breakpoint md */
-  .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
-@media (min-width: 768px) { /* Set a 4px margin to all sides at the breakpoint md */
-  .m-md-1 { margin: 4px !important; }
-  /* Set a 4px margin on the top at the breakpoint md */
-  .mt-md-1 { margin-top: 4px !important; }
-  /* Set a 4px margin on the right at the breakpoint md */
-  .mr-md-1 { margin-right: 4px !important; }
-  /* Set a 4px margin on the bottom at the breakpoint md */
-  .mb-md-1 { margin-bottom: 4px !important; }
-  /* Set a 4px margin on the left at the breakpoint md */
-  .ml-md-1 { margin-left: 4px !important; }
-  /* Set a negative 4px margin on top at the breakpoint md */
-  .mt-md-n1 { margin-top: -4px !important; }
-  /* Set a negative 4px margin on the right at the breakpoint md */
-  .mr-md-n1 { margin-right: -4px !important; }
-  /* Set a negative 4px margin on the bottom at the breakpoint md */
-  .mb-md-n1 { margin-bottom: -4px !important; }
-  /* Set a negative 4px margin on the left at the breakpoint md */
-  .ml-md-n1 { margin-left: -4px !important; }
-  /* Set a 4px margin on the left & right at the breakpoint md */
-  .mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; }
-  /* Set a 4px margin on the top & bottom at the breakpoint md */
-  .my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
-@media (min-width: 768px) { /* Set a 8px margin to all sides at the breakpoint md */
-  .m-md-2 { margin: 8px !important; }
-  /* Set a 8px margin on the top at the breakpoint md */
-  .mt-md-2 { margin-top: 8px !important; }
-  /* Set a 8px margin on the right at the breakpoint md */
-  .mr-md-2 { margin-right: 8px !important; }
-  /* Set a 8px margin on the bottom at the breakpoint md */
-  .mb-md-2 { margin-bottom: 8px !important; }
-  /* Set a 8px margin on the left at the breakpoint md */
-  .ml-md-2 { margin-left: 8px !important; }
-  /* Set a negative 8px margin on top at the breakpoint md */
-  .mt-md-n2 { margin-top: -8px !important; }
-  /* Set a negative 8px margin on the right at the breakpoint md */
-  .mr-md-n2 { margin-right: -8px !important; }
-  /* Set a negative 8px margin on the bottom at the breakpoint md */
-  .mb-md-n2 { margin-bottom: -8px !important; }
-  /* Set a negative 8px margin on the left at the breakpoint md */
-  .ml-md-n2 { margin-left: -8px !important; }
-  /* Set a 8px margin on the left & right at the breakpoint md */
-  .mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; }
-  /* Set a 8px margin on the top & bottom at the breakpoint md */
-  .my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
-@media (min-width: 768px) { /* Set a 16px margin to all sides at the breakpoint md */
-  .m-md-3 { margin: 16px !important; }
-  /* Set a 16px margin on the top at the breakpoint md */
-  .mt-md-3 { margin-top: 16px !important; }
-  /* Set a 16px margin on the right at the breakpoint md */
-  .mr-md-3 { margin-right: 16px !important; }
-  /* Set a 16px margin on the bottom at the breakpoint md */
-  .mb-md-3 { margin-bottom: 16px !important; }
-  /* Set a 16px margin on the left at the breakpoint md */
-  .ml-md-3 { margin-left: 16px !important; }
-  /* Set a negative 16px margin on top at the breakpoint md */
-  .mt-md-n3 { margin-top: -16px !important; }
-  /* Set a negative 16px margin on the right at the breakpoint md */
-  .mr-md-n3 { margin-right: -16px !important; }
-  /* Set a negative 16px margin on the bottom at the breakpoint md */
-  .mb-md-n3 { margin-bottom: -16px !important; }
-  /* Set a negative 16px margin on the left at the breakpoint md */
-  .ml-md-n3 { margin-left: -16px !important; }
-  /* Set a 16px margin on the left & right at the breakpoint md */
-  .mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; }
-  /* Set a 16px margin on the top & bottom at the breakpoint md */
-  .my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
-@media (min-width: 768px) { /* Set a 24px margin to all sides at the breakpoint md */
-  .m-md-4 { margin: 24px !important; }
-  /* Set a 24px margin on the top at the breakpoint md */
-  .mt-md-4 { margin-top: 24px !important; }
-  /* Set a 24px margin on the right at the breakpoint md */
-  .mr-md-4 { margin-right: 24px !important; }
-  /* Set a 24px margin on the bottom at the breakpoint md */
-  .mb-md-4 { margin-bottom: 24px !important; }
-  /* Set a 24px margin on the left at the breakpoint md */
-  .ml-md-4 { margin-left: 24px !important; }
-  /* Set a negative 24px margin on top at the breakpoint md */
-  .mt-md-n4 { margin-top: -24px !important; }
-  /* Set a negative 24px margin on the right at the breakpoint md */
-  .mr-md-n4 { margin-right: -24px !important; }
-  /* Set a negative 24px margin on the bottom at the breakpoint md */
-  .mb-md-n4 { margin-bottom: -24px !important; }
-  /* Set a negative 24px margin on the left at the breakpoint md */
-  .ml-md-n4 { margin-left: -24px !important; }
-  /* Set a 24px margin on the left & right at the breakpoint md */
-  .mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; }
-  /* Set a 24px margin on the top & bottom at the breakpoint md */
-  .my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
-@media (min-width: 768px) { /* Set a 32px margin to all sides at the breakpoint md */
-  .m-md-5 { margin: 32px !important; }
-  /* Set a 32px margin on the top at the breakpoint md */
-  .mt-md-5 { margin-top: 32px !important; }
-  /* Set a 32px margin on the right at the breakpoint md */
-  .mr-md-5 { margin-right: 32px !important; }
-  /* Set a 32px margin on the bottom at the breakpoint md */
-  .mb-md-5 { margin-bottom: 32px !important; }
-  /* Set a 32px margin on the left at the breakpoint md */
-  .ml-md-5 { margin-left: 32px !important; }
-  /* Set a negative 32px margin on top at the breakpoint md */
-  .mt-md-n5 { margin-top: -32px !important; }
-  /* Set a negative 32px margin on the right at the breakpoint md */
-  .mr-md-n5 { margin-right: -32px !important; }
-  /* Set a negative 32px margin on the bottom at the breakpoint md */
-  .mb-md-n5 { margin-bottom: -32px !important; }
-  /* Set a negative 32px margin on the left at the breakpoint md */
-  .ml-md-n5 { margin-left: -32px !important; }
-  /* Set a 32px margin on the left & right at the breakpoint md */
-  .mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; }
-  /* Set a 32px margin on the top & bottom at the breakpoint md */
-  .my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
-@media (min-width: 768px) { /* Set a 40px margin to all sides at the breakpoint md */
-  .m-md-6 { margin: 40px !important; }
-  /* Set a 40px margin on the top at the breakpoint md */
-  .mt-md-6 { margin-top: 40px !important; }
-  /* Set a 40px margin on the right at the breakpoint md */
-  .mr-md-6 { margin-right: 40px !important; }
-  /* Set a 40px margin on the bottom at the breakpoint md */
-  .mb-md-6 { margin-bottom: 40px !important; }
-  /* Set a 40px margin on the left at the breakpoint md */
-  .ml-md-6 { margin-left: 40px !important; }
-  /* Set a negative 40px margin on top at the breakpoint md */
-  .mt-md-n6 { margin-top: -40px !important; }
-  /* Set a negative 40px margin on the right at the breakpoint md */
-  .mr-md-n6 { margin-right: -40px !important; }
-  /* Set a negative 40px margin on the bottom at the breakpoint md */
-  .mb-md-n6 { margin-bottom: -40px !important; }
-  /* Set a negative 40px margin on the left at the breakpoint md */
-  .ml-md-n6 { margin-left: -40px !important; }
-  /* Set a 40px margin on the left & right at the breakpoint md */
-  .mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; }
-  /* Set a 40px margin on the top & bottom at the breakpoint md */
-  .my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
-@media (min-width: 1012px) { /* Set a 0 margin to all sides at the breakpoint lg */
-  .m-lg-0 { margin: 0 !important; }
-  /* Set a 0 margin on the top at the breakpoint lg */
-  .mt-lg-0 { margin-top: 0 !important; }
-  /* Set a 0 margin on the right at the breakpoint lg */
-  .mr-lg-0 { margin-right: 0 !important; }
-  /* Set a 0 margin on the bottom at the breakpoint lg */
-  .mb-lg-0 { margin-bottom: 0 !important; }
-  /* Set a 0 margin on the left at the breakpoint lg */
-  .ml-lg-0 { margin-left: 0 !important; }
-  /* Set a negative 0 margin on top at the breakpoint lg */
-  .mt-lg-n0 { margin-top: -0 !important; }
-  /* Set a negative 0 margin on the right at the breakpoint lg */
-  .mr-lg-n0 { margin-right: -0 !important; }
-  /* Set a negative 0 margin on the bottom at the breakpoint lg */
-  .mb-lg-n0 { margin-bottom: -0 !important; }
-  /* Set a negative 0 margin on the left at the breakpoint lg */
-  .ml-lg-n0 { margin-left: -0 !important; }
-  /* Set a 0 margin on the left & right at the breakpoint lg */
-  .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
-  /* Set a 0 margin on the top & bottom at the breakpoint lg */
-  .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
-@media (min-width: 1012px) { /* Set a 4px margin to all sides at the breakpoint lg */
-  .m-lg-1 { margin: 4px !important; }
-  /* Set a 4px margin on the top at the breakpoint lg */
-  .mt-lg-1 { margin-top: 4px !important; }
-  /* Set a 4px margin on the right at the breakpoint lg */
-  .mr-lg-1 { margin-right: 4px !important; }
-  /* Set a 4px margin on the bottom at the breakpoint lg */
-  .mb-lg-1 { margin-bottom: 4px !important; }
-  /* Set a 4px margin on the left at the breakpoint lg */
-  .ml-lg-1 { margin-left: 4px !important; }
-  /* Set a negative 4px margin on top at the breakpoint lg */
-  .mt-lg-n1 { margin-top: -4px !important; }
-  /* Set a negative 4px margin on the right at the breakpoint lg */
-  .mr-lg-n1 { margin-right: -4px !important; }
-  /* Set a negative 4px margin on the bottom at the breakpoint lg */
-  .mb-lg-n1 { margin-bottom: -4px !important; }
-  /* Set a negative 4px margin on the left at the breakpoint lg */
-  .ml-lg-n1 { margin-left: -4px !important; }
-  /* Set a 4px margin on the left & right at the breakpoint lg */
-  .mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; }
-  /* Set a 4px margin on the top & bottom at the breakpoint lg */
-  .my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
-@media (min-width: 1012px) { /* Set a 8px margin to all sides at the breakpoint lg */
-  .m-lg-2 { margin: 8px !important; }
-  /* Set a 8px margin on the top at the breakpoint lg */
-  .mt-lg-2 { margin-top: 8px !important; }
-  /* Set a 8px margin on the right at the breakpoint lg */
-  .mr-lg-2 { margin-right: 8px !important; }
-  /* Set a 8px margin on the bottom at the breakpoint lg */
-  .mb-lg-2 { margin-bottom: 8px !important; }
-  /* Set a 8px margin on the left at the breakpoint lg */
-  .ml-lg-2 { margin-left: 8px !important; }
-  /* Set a negative 8px margin on top at the breakpoint lg */
-  .mt-lg-n2 { margin-top: -8px !important; }
-  /* Set a negative 8px margin on the right at the breakpoint lg */
-  .mr-lg-n2 { margin-right: -8px !important; }
-  /* Set a negative 8px margin on the bottom at the breakpoint lg */
-  .mb-lg-n2 { margin-bottom: -8px !important; }
-  /* Set a negative 8px margin on the left at the breakpoint lg */
-  .ml-lg-n2 { margin-left: -8px !important; }
-  /* Set a 8px margin on the left & right at the breakpoint lg */
-  .mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; }
-  /* Set a 8px margin on the top & bottom at the breakpoint lg */
-  .my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
-@media (min-width: 1012px) { /* Set a 16px margin to all sides at the breakpoint lg */
-  .m-lg-3 { margin: 16px !important; }
-  /* Set a 16px margin on the top at the breakpoint lg */
-  .mt-lg-3 { margin-top: 16px !important; }
-  /* Set a 16px margin on the right at the breakpoint lg */
-  .mr-lg-3 { margin-right: 16px !important; }
-  /* Set a 16px margin on the bottom at the breakpoint lg */
-  .mb-lg-3 { margin-bottom: 16px !important; }
-  /* Set a 16px margin on the left at the breakpoint lg */
-  .ml-lg-3 { margin-left: 16px !important; }
-  /* Set a negative 16px margin on top at the breakpoint lg */
-  .mt-lg-n3 { margin-top: -16px !important; }
-  /* Set a negative 16px margin on the right at the breakpoint lg */
-  .mr-lg-n3 { margin-right: -16px !important; }
-  /* Set a negative 16px margin on the bottom at the breakpoint lg */
-  .mb-lg-n3 { margin-bottom: -16px !important; }
-  /* Set a negative 16px margin on the left at the breakpoint lg */
-  .ml-lg-n3 { margin-left: -16px !important; }
-  /* Set a 16px margin on the left & right at the breakpoint lg */
-  .mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; }
-  /* Set a 16px margin on the top & bottom at the breakpoint lg */
-  .my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
-@media (min-width: 1012px) { /* Set a 24px margin to all sides at the breakpoint lg */
-  .m-lg-4 { margin: 24px !important; }
-  /* Set a 24px margin on the top at the breakpoint lg */
-  .mt-lg-4 { margin-top: 24px !important; }
-  /* Set a 24px margin on the right at the breakpoint lg */
-  .mr-lg-4 { margin-right: 24px !important; }
-  /* Set a 24px margin on the bottom at the breakpoint lg */
-  .mb-lg-4 { margin-bottom: 24px !important; }
-  /* Set a 24px margin on the left at the breakpoint lg */
-  .ml-lg-4 { margin-left: 24px !important; }
-  /* Set a negative 24px margin on top at the breakpoint lg */
-  .mt-lg-n4 { margin-top: -24px !important; }
-  /* Set a negative 24px margin on the right at the breakpoint lg */
-  .mr-lg-n4 { margin-right: -24px !important; }
-  /* Set a negative 24px margin on the bottom at the breakpoint lg */
-  .mb-lg-n4 { margin-bottom: -24px !important; }
-  /* Set a negative 24px margin on the left at the breakpoint lg */
-  .ml-lg-n4 { margin-left: -24px !important; }
-  /* Set a 24px margin on the left & right at the breakpoint lg */
-  .mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; }
-  /* Set a 24px margin on the top & bottom at the breakpoint lg */
-  .my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
-@media (min-width: 1012px) { /* Set a 32px margin to all sides at the breakpoint lg */
-  .m-lg-5 { margin: 32px !important; }
-  /* Set a 32px margin on the top at the breakpoint lg */
-  .mt-lg-5 { margin-top: 32px !important; }
-  /* Set a 32px margin on the right at the breakpoint lg */
-  .mr-lg-5 { margin-right: 32px !important; }
-  /* Set a 32px margin on the bottom at the breakpoint lg */
-  .mb-lg-5 { margin-bottom: 32px !important; }
-  /* Set a 32px margin on the left at the breakpoint lg */
-  .ml-lg-5 { margin-left: 32px !important; }
-  /* Set a negative 32px margin on top at the breakpoint lg */
-  .mt-lg-n5 { margin-top: -32px !important; }
-  /* Set a negative 32px margin on the right at the breakpoint lg */
-  .mr-lg-n5 { margin-right: -32px !important; }
-  /* Set a negative 32px margin on the bottom at the breakpoint lg */
-  .mb-lg-n5 { margin-bottom: -32px !important; }
-  /* Set a negative 32px margin on the left at the breakpoint lg */
-  .ml-lg-n5 { margin-left: -32px !important; }
-  /* Set a 32px margin on the left & right at the breakpoint lg */
-  .mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; }
-  /* Set a 32px margin on the top & bottom at the breakpoint lg */
-  .my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
-@media (min-width: 1012px) { /* Set a 40px margin to all sides at the breakpoint lg */
-  .m-lg-6 { margin: 40px !important; }
-  /* Set a 40px margin on the top at the breakpoint lg */
-  .mt-lg-6 { margin-top: 40px !important; }
-  /* Set a 40px margin on the right at the breakpoint lg */
-  .mr-lg-6 { margin-right: 40px !important; }
-  /* Set a 40px margin on the bottom at the breakpoint lg */
-  .mb-lg-6 { margin-bottom: 40px !important; }
-  /* Set a 40px margin on the left at the breakpoint lg */
-  .ml-lg-6 { margin-left: 40px !important; }
-  /* Set a negative 40px margin on top at the breakpoint lg */
-  .mt-lg-n6 { margin-top: -40px !important; }
-  /* Set a negative 40px margin on the right at the breakpoint lg */
-  .mr-lg-n6 { margin-right: -40px !important; }
-  /* Set a negative 40px margin on the bottom at the breakpoint lg */
-  .mb-lg-n6 { margin-bottom: -40px !important; }
-  /* Set a negative 40px margin on the left at the breakpoint lg */
-  .ml-lg-n6 { margin-left: -40px !important; }
-  /* Set a 40px margin on the left & right at the breakpoint lg */
-  .mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; }
-  /* Set a 40px margin on the top & bottom at the breakpoint lg */
-  .my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
-@media (min-width: 1280px) { /* Set a 0 margin to all sides at the breakpoint xl */
-  .m-xl-0 { margin: 0 !important; }
-  /* Set a 0 margin on the top at the breakpoint xl */
-  .mt-xl-0 { margin-top: 0 !important; }
-  /* Set a 0 margin on the right at the breakpoint xl */
-  .mr-xl-0 { margin-right: 0 !important; }
-  /* Set a 0 margin on the bottom at the breakpoint xl */
-  .mb-xl-0 { margin-bottom: 0 !important; }
-  /* Set a 0 margin on the left at the breakpoint xl */
-  .ml-xl-0 { margin-left: 0 !important; }
-  /* Set a negative 0 margin on top at the breakpoint xl */
-  .mt-xl-n0 { margin-top: -0 !important; }
-  /* Set a negative 0 margin on the right at the breakpoint xl */
-  .mr-xl-n0 { margin-right: -0 !important; }
-  /* Set a negative 0 margin on the bottom at the breakpoint xl */
-  .mb-xl-n0 { margin-bottom: -0 !important; }
-  /* Set a negative 0 margin on the left at the breakpoint xl */
-  .ml-xl-n0 { margin-left: -0 !important; }
-  /* Set a 0 margin on the left & right at the breakpoint xl */
-  .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
-  /* Set a 0 margin on the top & bottom at the breakpoint xl */
-  .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
-@media (min-width: 1280px) { /* Set a 4px margin to all sides at the breakpoint xl */
-  .m-xl-1 { margin: 4px !important; }
-  /* Set a 4px margin on the top at the breakpoint xl */
-  .mt-xl-1 { margin-top: 4px !important; }
-  /* Set a 4px margin on the right at the breakpoint xl */
-  .mr-xl-1 { margin-right: 4px !important; }
-  /* Set a 4px margin on the bottom at the breakpoint xl */
-  .mb-xl-1 { margin-bottom: 4px !important; }
-  /* Set a 4px margin on the left at the breakpoint xl */
-  .ml-xl-1 { margin-left: 4px !important; }
-  /* Set a negative 4px margin on top at the breakpoint xl */
-  .mt-xl-n1 { margin-top: -4px !important; }
-  /* Set a negative 4px margin on the right at the breakpoint xl */
-  .mr-xl-n1 { margin-right: -4px !important; }
-  /* Set a negative 4px margin on the bottom at the breakpoint xl */
-  .mb-xl-n1 { margin-bottom: -4px !important; }
-  /* Set a negative 4px margin on the left at the breakpoint xl */
-  .ml-xl-n1 { margin-left: -4px !important; }
-  /* Set a 4px margin on the left & right at the breakpoint xl */
-  .mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; }
-  /* Set a 4px margin on the top & bottom at the breakpoint xl */
-  .my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
-@media (min-width: 1280px) { /* Set a 8px margin to all sides at the breakpoint xl */
-  .m-xl-2 { margin: 8px !important; }
-  /* Set a 8px margin on the top at the breakpoint xl */
-  .mt-xl-2 { margin-top: 8px !important; }
-  /* Set a 8px margin on the right at the breakpoint xl */
-  .mr-xl-2 { margin-right: 8px !important; }
-  /* Set a 8px margin on the bottom at the breakpoint xl */
-  .mb-xl-2 { margin-bottom: 8px !important; }
-  /* Set a 8px margin on the left at the breakpoint xl */
-  .ml-xl-2 { margin-left: 8px !important; }
-  /* Set a negative 8px margin on top at the breakpoint xl */
-  .mt-xl-n2 { margin-top: -8px !important; }
-  /* Set a negative 8px margin on the right at the breakpoint xl */
-  .mr-xl-n2 { margin-right: -8px !important; }
-  /* Set a negative 8px margin on the bottom at the breakpoint xl */
-  .mb-xl-n2 { margin-bottom: -8px !important; }
-  /* Set a negative 8px margin on the left at the breakpoint xl */
-  .ml-xl-n2 { margin-left: -8px !important; }
-  /* Set a 8px margin on the left & right at the breakpoint xl */
-  .mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; }
-  /* Set a 8px margin on the top & bottom at the breakpoint xl */
-  .my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
-@media (min-width: 1280px) { /* Set a 16px margin to all sides at the breakpoint xl */
-  .m-xl-3 { margin: 16px !important; }
-  /* Set a 16px margin on the top at the breakpoint xl */
-  .mt-xl-3 { margin-top: 16px !important; }
-  /* Set a 16px margin on the right at the breakpoint xl */
-  .mr-xl-3 { margin-right: 16px !important; }
-  /* Set a 16px margin on the bottom at the breakpoint xl */
-  .mb-xl-3 { margin-bottom: 16px !important; }
-  /* Set a 16px margin on the left at the breakpoint xl */
-  .ml-xl-3 { margin-left: 16px !important; }
-  /* Set a negative 16px margin on top at the breakpoint xl */
-  .mt-xl-n3 { margin-top: -16px !important; }
-  /* Set a negative 16px margin on the right at the breakpoint xl */
-  .mr-xl-n3 { margin-right: -16px !important; }
-  /* Set a negative 16px margin on the bottom at the breakpoint xl */
-  .mb-xl-n3 { margin-bottom: -16px !important; }
-  /* Set a negative 16px margin on the left at the breakpoint xl */
-  .ml-xl-n3 { margin-left: -16px !important; }
-  /* Set a 16px margin on the left & right at the breakpoint xl */
-  .mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; }
-  /* Set a 16px margin on the top & bottom at the breakpoint xl */
-  .my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
-@media (min-width: 1280px) { /* Set a 24px margin to all sides at the breakpoint xl */
-  .m-xl-4 { margin: 24px !important; }
-  /* Set a 24px margin on the top at the breakpoint xl */
-  .mt-xl-4 { margin-top: 24px !important; }
-  /* Set a 24px margin on the right at the breakpoint xl */
-  .mr-xl-4 { margin-right: 24px !important; }
-  /* Set a 24px margin on the bottom at the breakpoint xl */
-  .mb-xl-4 { margin-bottom: 24px !important; }
-  /* Set a 24px margin on the left at the breakpoint xl */
-  .ml-xl-4 { margin-left: 24px !important; }
-  /* Set a negative 24px margin on top at the breakpoint xl */
-  .mt-xl-n4 { margin-top: -24px !important; }
-  /* Set a negative 24px margin on the right at the breakpoint xl */
-  .mr-xl-n4 { margin-right: -24px !important; }
-  /* Set a negative 24px margin on the bottom at the breakpoint xl */
-  .mb-xl-n4 { margin-bottom: -24px !important; }
-  /* Set a negative 24px margin on the left at the breakpoint xl */
-  .ml-xl-n4 { margin-left: -24px !important; }
-  /* Set a 24px margin on the left & right at the breakpoint xl */
-  .mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; }
-  /* Set a 24px margin on the top & bottom at the breakpoint xl */
-  .my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
-@media (min-width: 1280px) { /* Set a 32px margin to all sides at the breakpoint xl */
-  .m-xl-5 { margin: 32px !important; }
-  /* Set a 32px margin on the top at the breakpoint xl */
-  .mt-xl-5 { margin-top: 32px !important; }
-  /* Set a 32px margin on the right at the breakpoint xl */
-  .mr-xl-5 { margin-right: 32px !important; }
-  /* Set a 32px margin on the bottom at the breakpoint xl */
-  .mb-xl-5 { margin-bottom: 32px !important; }
-  /* Set a 32px margin on the left at the breakpoint xl */
-  .ml-xl-5 { margin-left: 32px !important; }
-  /* Set a negative 32px margin on top at the breakpoint xl */
-  .mt-xl-n5 { margin-top: -32px !important; }
-  /* Set a negative 32px margin on the right at the breakpoint xl */
-  .mr-xl-n5 { margin-right: -32px !important; }
-  /* Set a negative 32px margin on the bottom at the breakpoint xl */
-  .mb-xl-n5 { margin-bottom: -32px !important; }
-  /* Set a negative 32px margin on the left at the breakpoint xl */
-  .ml-xl-n5 { margin-left: -32px !important; }
-  /* Set a 32px margin on the left & right at the breakpoint xl */
-  .mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; }
-  /* Set a 32px margin on the top & bottom at the breakpoint xl */
-  .my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
-@media (min-width: 1280px) { /* Set a 40px margin to all sides at the breakpoint xl */
-  .m-xl-6 { margin: 40px !important; }
-  /* Set a 40px margin on the top at the breakpoint xl */
-  .mt-xl-6 { margin-top: 40px !important; }
-  /* Set a 40px margin on the right at the breakpoint xl */
-  .mr-xl-6 { margin-right: 40px !important; }
-  /* Set a 40px margin on the bottom at the breakpoint xl */
-  .mb-xl-6 { margin-bottom: 40px !important; }
-  /* Set a 40px margin on the left at the breakpoint xl */
-  .ml-xl-6 { margin-left: 40px !important; }
-  /* Set a negative 40px margin on top at the breakpoint xl */
-  .mt-xl-n6 { margin-top: -40px !important; }
-  /* Set a negative 40px margin on the right at the breakpoint xl */
-  .mr-xl-n6 { margin-right: -40px !important; }
-  /* Set a negative 40px margin on the bottom at the breakpoint xl */
-  .mb-xl-n6 { margin-bottom: -40px !important; }
-  /* Set a negative 40px margin on the left at the breakpoint xl */
-  .ml-xl-n6 { margin-left: -40px !important; }
-  /* Set a 40px margin on the left & right at the breakpoint xl */
-  .mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; }
-  /* Set a 40px margin on the top & bottom at the breakpoint xl */
-  .my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
-/* Set a 0 padding to all sides */
-.p-0 { padding: 0 !important; }
-
-/* Set a 0 padding to the top */
-.pt-0 { padding-top: 0 !important; }
-
-/* Set a 0 padding to the right */
-.pr-0 { padding-right: 0 !important; }
-
-/* Set a 0 padding to the bottom */
-.pb-0 { padding-bottom: 0 !important; }
-
-/* Set a 0 padding to the left */
-.pl-0 { padding-left: 0 !important; }
-
-/* Set a 0 padding to the left & right */
-.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
-
-/* Set a 0 padding to the top & bottom */
-.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
-
-/* Set a 4px padding to all sides */
-.p-1 { padding: 4px !important; }
-
-/* Set a 4px padding to the top */
-.pt-1 { padding-top: 4px !important; }
-
-/* Set a 4px padding to the right */
-.pr-1 { padding-right: 4px !important; }
-
-/* Set a 4px padding to the bottom */
-.pb-1 { padding-bottom: 4px !important; }
-
-/* Set a 4px padding to the left */
-.pl-1 { padding-left: 4px !important; }
-
-/* Set a 4px padding to the left & right */
-.px-1 { padding-right: 4px !important; padding-left: 4px !important; }
-
-/* Set a 4px padding to the top & bottom */
-.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
-
-/* Set a 8px padding to all sides */
-.p-2 { padding: 8px !important; }
-
-/* Set a 8px padding to the top */
-.pt-2 { padding-top: 8px !important; }
-
-/* Set a 8px padding to the right */
-.pr-2 { padding-right: 8px !important; }
-
-/* Set a 8px padding to the bottom */
-.pb-2 { padding-bottom: 8px !important; }
-
-/* Set a 8px padding to the left */
-.pl-2 { padding-left: 8px !important; }
-
-/* Set a 8px padding to the left & right */
-.px-2 { padding-right: 8px !important; padding-left: 8px !important; }
-
-/* Set a 8px padding to the top & bottom */
-.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
-
-/* Set a 16px padding to all sides */
-.p-3 { padding: 16px !important; }
-
-/* Set a 16px padding to the top */
-.pt-3 { padding-top: 16px !important; }
-
-/* Set a 16px padding to the right */
-.pr-3 { padding-right: 16px !important; }
-
-/* Set a 16px padding to the bottom */
-.pb-3 { padding-bottom: 16px !important; }
-
-/* Set a 16px padding to the left */
-.pl-3 { padding-left: 16px !important; }
-
-/* Set a 16px padding to the left & right */
-.px-3 { padding-right: 16px !important; padding-left: 16px !important; }
-
-/* Set a 16px padding to the top & bottom */
-.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
-
-/* Set a 24px padding to all sides */
-.p-4 { padding: 24px !important; }
-
-/* Set a 24px padding to the top */
-.pt-4 { padding-top: 24px !important; }
-
-/* Set a 24px padding to the right */
-.pr-4 { padding-right: 24px !important; }
-
-/* Set a 24px padding to the bottom */
-.pb-4 { padding-bottom: 24px !important; }
-
-/* Set a 24px padding to the left */
-.pl-4 { padding-left: 24px !important; }
-
-/* Set a 24px padding to the left & right */
-.px-4 { padding-right: 24px !important; padding-left: 24px !important; }
-
-/* Set a 24px padding to the top & bottom */
-.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
-
-/* Set a 32px padding to all sides */
-.p-5 { padding: 32px !important; }
-
-/* Set a 32px padding to the top */
-.pt-5 { padding-top: 32px !important; }
-
-/* Set a 32px padding to the right */
-.pr-5 { padding-right: 32px !important; }
-
-/* Set a 32px padding to the bottom */
-.pb-5 { padding-bottom: 32px !important; }
-
-/* Set a 32px padding to the left */
-.pl-5 { padding-left: 32px !important; }
-
-/* Set a 32px padding to the left & right */
-.px-5 { padding-right: 32px !important; padding-left: 32px !important; }
-
-/* Set a 32px padding to the top & bottom */
-.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
-
-/* Set a 40px padding to all sides */
-.p-6 { padding: 40px !important; }
-
-/* Set a 40px padding to the top */
-.pt-6 { padding-top: 40px !important; }
-
-/* Set a 40px padding to the right */
-.pr-6 { padding-right: 40px !important; }
-
-/* Set a 40px padding to the bottom */
-.pb-6 { padding-bottom: 40px !important; }
-
-/* Set a 40px padding to the left */
-.pl-6 { padding-left: 40px !important; }
-
-/* Set a 40px padding to the left & right */
-.px-6 { padding-right: 40px !important; padding-left: 40px !important; }
-
-/* Set a 40px padding to the top & bottom */
-.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; }
-
-@media (min-width: 544px) { /* Set a 0 padding to all sides at the sm breakpoint */
-  .p-sm-0 { padding: 0 !important; }
-  /* Set a 0 padding to the top at the sm breakpoint */
-  .pt-sm-0 { padding-top: 0 !important; }
-  /* Set a 0 padding to the right at the sm breakpoint */
-  .pr-sm-0 { padding-right: 0 !important; }
-  /* Set a 0 padding to the bottom at the sm breakpoint */
-  .pb-sm-0 { padding-bottom: 0 !important; }
-  /* Set a 0 padding to the left at the sm breakpoint */
-  .pl-sm-0 { padding-left: 0 !important; }
-  /* Set a 0 padding to the left & right at the sm breakpoint */
-  .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
-  /* Set a 0 padding to the top & bottom at the sm breakpoint */
-  .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
-@media (min-width: 544px) { /* Set a 4px padding to all sides at the sm breakpoint */
-  .p-sm-1 { padding: 4px !important; }
-  /* Set a 4px padding to the top at the sm breakpoint */
-  .pt-sm-1 { padding-top: 4px !important; }
-  /* Set a 4px padding to the right at the sm breakpoint */
-  .pr-sm-1 { padding-right: 4px !important; }
-  /* Set a 4px padding to the bottom at the sm breakpoint */
-  .pb-sm-1 { padding-bottom: 4px !important; }
-  /* Set a 4px padding to the left at the sm breakpoint */
-  .pl-sm-1 { padding-left: 4px !important; }
-  /* Set a 4px padding to the left & right at the sm breakpoint */
-  .px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; }
-  /* Set a 4px padding to the top & bottom at the sm breakpoint */
-  .py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
-@media (min-width: 544px) { /* Set a 8px padding to all sides at the sm breakpoint */
-  .p-sm-2 { padding: 8px !important; }
-  /* Set a 8px padding to the top at the sm breakpoint */
-  .pt-sm-2 { padding-top: 8px !important; }
-  /* Set a 8px padding to the right at the sm breakpoint */
-  .pr-sm-2 { padding-right: 8px !important; }
-  /* Set a 8px padding to the bottom at the sm breakpoint */
-  .pb-sm-2 { padding-bottom: 8px !important; }
-  /* Set a 8px padding to the left at the sm breakpoint */
-  .pl-sm-2 { padding-left: 8px !important; }
-  /* Set a 8px padding to the left & right at the sm breakpoint */
-  .px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; }
-  /* Set a 8px padding to the top & bottom at the sm breakpoint */
-  .py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
-@media (min-width: 544px) { /* Set a 16px padding to all sides at the sm breakpoint */
-  .p-sm-3 { padding: 16px !important; }
-  /* Set a 16px padding to the top at the sm breakpoint */
-  .pt-sm-3 { padding-top: 16px !important; }
-  /* Set a 16px padding to the right at the sm breakpoint */
-  .pr-sm-3 { padding-right: 16px !important; }
-  /* Set a 16px padding to the bottom at the sm breakpoint */
-  .pb-sm-3 { padding-bottom: 16px !important; }
-  /* Set a 16px padding to the left at the sm breakpoint */
-  .pl-sm-3 { padding-left: 16px !important; }
-  /* Set a 16px padding to the left & right at the sm breakpoint */
-  .px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; }
-  /* Set a 16px padding to the top & bottom at the sm breakpoint */
-  .py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
-@media (min-width: 544px) { /* Set a 24px padding to all sides at the sm breakpoint */
-  .p-sm-4 { padding: 24px !important; }
-  /* Set a 24px padding to the top at the sm breakpoint */
-  .pt-sm-4 { padding-top: 24px !important; }
-  /* Set a 24px padding to the right at the sm breakpoint */
-  .pr-sm-4 { padding-right: 24px !important; }
-  /* Set a 24px padding to the bottom at the sm breakpoint */
-  .pb-sm-4 { padding-bottom: 24px !important; }
-  /* Set a 24px padding to the left at the sm breakpoint */
-  .pl-sm-4 { padding-left: 24px !important; }
-  /* Set a 24px padding to the left & right at the sm breakpoint */
-  .px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; }
-  /* Set a 24px padding to the top & bottom at the sm breakpoint */
-  .py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
-@media (min-width: 544px) { /* Set a 32px padding to all sides at the sm breakpoint */
-  .p-sm-5 { padding: 32px !important; }
-  /* Set a 32px padding to the top at the sm breakpoint */
-  .pt-sm-5 { padding-top: 32px !important; }
-  /* Set a 32px padding to the right at the sm breakpoint */
-  .pr-sm-5 { padding-right: 32px !important; }
-  /* Set a 32px padding to the bottom at the sm breakpoint */
-  .pb-sm-5 { padding-bottom: 32px !important; }
-  /* Set a 32px padding to the left at the sm breakpoint */
-  .pl-sm-5 { padding-left: 32px !important; }
-  /* Set a 32px padding to the left & right at the sm breakpoint */
-  .px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; }
-  /* Set a 32px padding to the top & bottom at the sm breakpoint */
-  .py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
-@media (min-width: 544px) { /* Set a 40px padding to all sides at the sm breakpoint */
-  .p-sm-6 { padding: 40px !important; }
-  /* Set a 40px padding to the top at the sm breakpoint */
-  .pt-sm-6 { padding-top: 40px !important; }
-  /* Set a 40px padding to the right at the sm breakpoint */
-  .pr-sm-6 { padding-right: 40px !important; }
-  /* Set a 40px padding to the bottom at the sm breakpoint */
-  .pb-sm-6 { padding-bottom: 40px !important; }
-  /* Set a 40px padding to the left at the sm breakpoint */
-  .pl-sm-6 { padding-left: 40px !important; }
-  /* Set a 40px padding to the left & right at the sm breakpoint */
-  .px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; }
-  /* Set a 40px padding to the top & bottom at the sm breakpoint */
-  .py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
-@media (min-width: 768px) { /* Set a 0 padding to all sides at the md breakpoint */
-  .p-md-0 { padding: 0 !important; }
-  /* Set a 0 padding to the top at the md breakpoint */
-  .pt-md-0 { padding-top: 0 !important; }
-  /* Set a 0 padding to the right at the md breakpoint */
-  .pr-md-0 { padding-right: 0 !important; }
-  /* Set a 0 padding to the bottom at the md breakpoint */
-  .pb-md-0 { padding-bottom: 0 !important; }
-  /* Set a 0 padding to the left at the md breakpoint */
-  .pl-md-0 { padding-left: 0 !important; }
-  /* Set a 0 padding to the left & right at the md breakpoint */
-  .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
-  /* Set a 0 padding to the top & bottom at the md breakpoint */
-  .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
-@media (min-width: 768px) { /* Set a 4px padding to all sides at the md breakpoint */
-  .p-md-1 { padding: 4px !important; }
-  /* Set a 4px padding to the top at the md breakpoint */
-  .pt-md-1 { padding-top: 4px !important; }
-  /* Set a 4px padding to the right at the md breakpoint */
-  .pr-md-1 { padding-right: 4px !important; }
-  /* Set a 4px padding to the bottom at the md breakpoint */
-  .pb-md-1 { padding-bottom: 4px !important; }
-  /* Set a 4px padding to the left at the md breakpoint */
-  .pl-md-1 { padding-left: 4px !important; }
-  /* Set a 4px padding to the left & right at the md breakpoint */
-  .px-md-1 { padding-right: 4px !important; padding-left: 4px !important; }
-  /* Set a 4px padding to the top & bottom at the md breakpoint */
-  .py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
-@media (min-width: 768px) { /* Set a 8px padding to all sides at the md breakpoint */
-  .p-md-2 { padding: 8px !important; }
-  /* Set a 8px padding to the top at the md breakpoint */
-  .pt-md-2 { padding-top: 8px !important; }
-  /* Set a 8px padding to the right at the md breakpoint */
-  .pr-md-2 { padding-right: 8px !important; }
-  /* Set a 8px padding to the bottom at the md breakpoint */
-  .pb-md-2 { padding-bottom: 8px !important; }
-  /* Set a 8px padding to the left at the md breakpoint */
-  .pl-md-2 { padding-left: 8px !important; }
-  /* Set a 8px padding to the left & right at the md breakpoint */
-  .px-md-2 { padding-right: 8px !important; padding-left: 8px !important; }
-  /* Set a 8px padding to the top & bottom at the md breakpoint */
-  .py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
-@media (min-width: 768px) { /* Set a 16px padding to all sides at the md breakpoint */
-  .p-md-3 { padding: 16px !important; }
-  /* Set a 16px padding to the top at the md breakpoint */
-  .pt-md-3 { padding-top: 16px !important; }
-  /* Set a 16px padding to the right at the md breakpoint */
-  .pr-md-3 { padding-right: 16px !important; }
-  /* Set a 16px padding to the bottom at the md breakpoint */
-  .pb-md-3 { padding-bottom: 16px !important; }
-  /* Set a 16px padding to the left at the md breakpoint */
-  .pl-md-3 { padding-left: 16px !important; }
-  /* Set a 16px padding to the left & right at the md breakpoint */
-  .px-md-3 { padding-right: 16px !important; padding-left: 16px !important; }
-  /* Set a 16px padding to the top & bottom at the md breakpoint */
-  .py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
-@media (min-width: 768px) { /* Set a 24px padding to all sides at the md breakpoint */
-  .p-md-4 { padding: 24px !important; }
-  /* Set a 24px padding to the top at the md breakpoint */
-  .pt-md-4 { padding-top: 24px !important; }
-  /* Set a 24px padding to the right at the md breakpoint */
-  .pr-md-4 { padding-right: 24px !important; }
-  /* Set a 24px padding to the bottom at the md breakpoint */
-  .pb-md-4 { padding-bottom: 24px !important; }
-  /* Set a 24px padding to the left at the md breakpoint */
-  .pl-md-4 { padding-left: 24px !important; }
-  /* Set a 24px padding to the left & right at the md breakpoint */
-  .px-md-4 { padding-right: 24px !important; padding-left: 24px !important; }
-  /* Set a 24px padding to the top & bottom at the md breakpoint */
-  .py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
-@media (min-width: 768px) { /* Set a 32px padding to all sides at the md breakpoint */
-  .p-md-5 { padding: 32px !important; }
-  /* Set a 32px padding to the top at the md breakpoint */
-  .pt-md-5 { padding-top: 32px !important; }
-  /* Set a 32px padding to the right at the md breakpoint */
-  .pr-md-5 { padding-right: 32px !important; }
-  /* Set a 32px padding to the bottom at the md breakpoint */
-  .pb-md-5 { padding-bottom: 32px !important; }
-  /* Set a 32px padding to the left at the md breakpoint */
-  .pl-md-5 { padding-left: 32px !important; }
-  /* Set a 32px padding to the left & right at the md breakpoint */
-  .px-md-5 { padding-right: 32px !important; padding-left: 32px !important; }
-  /* Set a 32px padding to the top & bottom at the md breakpoint */
-  .py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
-@media (min-width: 768px) { /* Set a 40px padding to all sides at the md breakpoint */
-  .p-md-6 { padding: 40px !important; }
-  /* Set a 40px padding to the top at the md breakpoint */
-  .pt-md-6 { padding-top: 40px !important; }
-  /* Set a 40px padding to the right at the md breakpoint */
-  .pr-md-6 { padding-right: 40px !important; }
-  /* Set a 40px padding to the bottom at the md breakpoint */
-  .pb-md-6 { padding-bottom: 40px !important; }
-  /* Set a 40px padding to the left at the md breakpoint */
-  .pl-md-6 { padding-left: 40px !important; }
-  /* Set a 40px padding to the left & right at the md breakpoint */
-  .px-md-6 { padding-right: 40px !important; padding-left: 40px !important; }
-  /* Set a 40px padding to the top & bottom at the md breakpoint */
-  .py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
-@media (min-width: 1012px) { /* Set a 0 padding to all sides at the lg breakpoint */
-  .p-lg-0 { padding: 0 !important; }
-  /* Set a 0 padding to the top at the lg breakpoint */
-  .pt-lg-0 { padding-top: 0 !important; }
-  /* Set a 0 padding to the right at the lg breakpoint */
-  .pr-lg-0 { padding-right: 0 !important; }
-  /* Set a 0 padding to the bottom at the lg breakpoint */
-  .pb-lg-0 { padding-bottom: 0 !important; }
-  /* Set a 0 padding to the left at the lg breakpoint */
-  .pl-lg-0 { padding-left: 0 !important; }
-  /* Set a 0 padding to the left & right at the lg breakpoint */
-  .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
-  /* Set a 0 padding to the top & bottom at the lg breakpoint */
-  .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
-@media (min-width: 1012px) { /* Set a 4px padding to all sides at the lg breakpoint */
-  .p-lg-1 { padding: 4px !important; }
-  /* Set a 4px padding to the top at the lg breakpoint */
-  .pt-lg-1 { padding-top: 4px !important; }
-  /* Set a 4px padding to the right at the lg breakpoint */
-  .pr-lg-1 { padding-right: 4px !important; }
-  /* Set a 4px padding to the bottom at the lg breakpoint */
-  .pb-lg-1 { padding-bottom: 4px !important; }
-  /* Set a 4px padding to the left at the lg breakpoint */
-  .pl-lg-1 { padding-left: 4px !important; }
-  /* Set a 4px padding to the left & right at the lg breakpoint */
-  .px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; }
-  /* Set a 4px padding to the top & bottom at the lg breakpoint */
-  .py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
-@media (min-width: 1012px) { /* Set a 8px padding to all sides at the lg breakpoint */
-  .p-lg-2 { padding: 8px !important; }
-  /* Set a 8px padding to the top at the lg breakpoint */
-  .pt-lg-2 { padding-top: 8px !important; }
-  /* Set a 8px padding to the right at the lg breakpoint */
-  .pr-lg-2 { padding-right: 8px !important; }
-  /* Set a 8px padding to the bottom at the lg breakpoint */
-  .pb-lg-2 { padding-bottom: 8px !important; }
-  /* Set a 8px padding to the left at the lg breakpoint */
-  .pl-lg-2 { padding-left: 8px !important; }
-  /* Set a 8px padding to the left & right at the lg breakpoint */
-  .px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; }
-  /* Set a 8px padding to the top & bottom at the lg breakpoint */
-  .py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
-@media (min-width: 1012px) { /* Set a 16px padding to all sides at the lg breakpoint */
-  .p-lg-3 { padding: 16px !important; }
-  /* Set a 16px padding to the top at the lg breakpoint */
-  .pt-lg-3 { padding-top: 16px !important; }
-  /* Set a 16px padding to the right at the lg breakpoint */
-  .pr-lg-3 { padding-right: 16px !important; }
-  /* Set a 16px padding to the bottom at the lg breakpoint */
-  .pb-lg-3 { padding-bottom: 16px !important; }
-  /* Set a 16px padding to the left at the lg breakpoint */
-  .pl-lg-3 { padding-left: 16px !important; }
-  /* Set a 16px padding to the left & right at the lg breakpoint */
-  .px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; }
-  /* Set a 16px padding to the top & bottom at the lg breakpoint */
-  .py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
-@media (min-width: 1012px) { /* Set a 24px padding to all sides at the lg breakpoint */
-  .p-lg-4 { padding: 24px !important; }
-  /* Set a 24px padding to the top at the lg breakpoint */
-  .pt-lg-4 { padding-top: 24px !important; }
-  /* Set a 24px padding to the right at the lg breakpoint */
-  .pr-lg-4 { padding-right: 24px !important; }
-  /* Set a 24px padding to the bottom at the lg breakpoint */
-  .pb-lg-4 { padding-bottom: 24px !important; }
-  /* Set a 24px padding to the left at the lg breakpoint */
-  .pl-lg-4 { padding-left: 24px !important; }
-  /* Set a 24px padding to the left & right at the lg breakpoint */
-  .px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; }
-  /* Set a 24px padding to the top & bottom at the lg breakpoint */
-  .py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
-@media (min-width: 1012px) { /* Set a 32px padding to all sides at the lg breakpoint */
-  .p-lg-5 { padding: 32px !important; }
-  /* Set a 32px padding to the top at the lg breakpoint */
-  .pt-lg-5 { padding-top: 32px !important; }
-  /* Set a 32px padding to the right at the lg breakpoint */
-  .pr-lg-5 { padding-right: 32px !important; }
-  /* Set a 32px padding to the bottom at the lg breakpoint */
-  .pb-lg-5 { padding-bottom: 32px !important; }
-  /* Set a 32px padding to the left at the lg breakpoint */
-  .pl-lg-5 { padding-left: 32px !important; }
-  /* Set a 32px padding to the left & right at the lg breakpoint */
-  .px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; }
-  /* Set a 32px padding to the top & bottom at the lg breakpoint */
-  .py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
-@media (min-width: 1012px) { /* Set a 40px padding to all sides at the lg breakpoint */
-  .p-lg-6 { padding: 40px !important; }
-  /* Set a 40px padding to the top at the lg breakpoint */
-  .pt-lg-6 { padding-top: 40px !important; }
-  /* Set a 40px padding to the right at the lg breakpoint */
-  .pr-lg-6 { padding-right: 40px !important; }
-  /* Set a 40px padding to the bottom at the lg breakpoint */
-  .pb-lg-6 { padding-bottom: 40px !important; }
-  /* Set a 40px padding to the left at the lg breakpoint */
-  .pl-lg-6 { padding-left: 40px !important; }
-  /* Set a 40px padding to the left & right at the lg breakpoint */
-  .px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; }
-  /* Set a 40px padding to the top & bottom at the lg breakpoint */
-  .py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
-@media (min-width: 1280px) { /* Set a 0 padding to all sides at the xl breakpoint */
-  .p-xl-0 { padding: 0 !important; }
-  /* Set a 0 padding to the top at the xl breakpoint */
-  .pt-xl-0 { padding-top: 0 !important; }
-  /* Set a 0 padding to the right at the xl breakpoint */
-  .pr-xl-0 { padding-right: 0 !important; }
-  /* Set a 0 padding to the bottom at the xl breakpoint */
-  .pb-xl-0 { padding-bottom: 0 !important; }
-  /* Set a 0 padding to the left at the xl breakpoint */
-  .pl-xl-0 { padding-left: 0 !important; }
-  /* Set a 0 padding to the left & right at the xl breakpoint */
-  .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
-  /* Set a 0 padding to the top & bottom at the xl breakpoint */
-  .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
-@media (min-width: 1280px) { /* Set a 4px padding to all sides at the xl breakpoint */
-  .p-xl-1 { padding: 4px !important; }
-  /* Set a 4px padding to the top at the xl breakpoint */
-  .pt-xl-1 { padding-top: 4px !important; }
-  /* Set a 4px padding to the right at the xl breakpoint */
-  .pr-xl-1 { padding-right: 4px !important; }
-  /* Set a 4px padding to the bottom at the xl breakpoint */
-  .pb-xl-1 { padding-bottom: 4px !important; }
-  /* Set a 4px padding to the left at the xl breakpoint */
-  .pl-xl-1 { padding-left: 4px !important; }
-  /* Set a 4px padding to the left & right at the xl breakpoint */
-  .px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; }
-  /* Set a 4px padding to the top & bottom at the xl breakpoint */
-  .py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
-@media (min-width: 1280px) { /* Set a 8px padding to all sides at the xl breakpoint */
-  .p-xl-2 { padding: 8px !important; }
-  /* Set a 8px padding to the top at the xl breakpoint */
-  .pt-xl-2 { padding-top: 8px !important; }
-  /* Set a 8px padding to the right at the xl breakpoint */
-  .pr-xl-2 { padding-right: 8px !important; }
-  /* Set a 8px padding to the bottom at the xl breakpoint */
-  .pb-xl-2 { padding-bottom: 8px !important; }
-  /* Set a 8px padding to the left at the xl breakpoint */
-  .pl-xl-2 { padding-left: 8px !important; }
-  /* Set a 8px padding to the left & right at the xl breakpoint */
-  .px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; }
-  /* Set a 8px padding to the top & bottom at the xl breakpoint */
-  .py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
-@media (min-width: 1280px) { /* Set a 16px padding to all sides at the xl breakpoint */
-  .p-xl-3 { padding: 16px !important; }
-  /* Set a 16px padding to the top at the xl breakpoint */
-  .pt-xl-3 { padding-top: 16px !important; }
-  /* Set a 16px padding to the right at the xl breakpoint */
-  .pr-xl-3 { padding-right: 16px !important; }
-  /* Set a 16px padding to the bottom at the xl breakpoint */
-  .pb-xl-3 { padding-bottom: 16px !important; }
-  /* Set a 16px padding to the left at the xl breakpoint */
-  .pl-xl-3 { padding-left: 16px !important; }
-  /* Set a 16px padding to the left & right at the xl breakpoint */
-  .px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; }
-  /* Set a 16px padding to the top & bottom at the xl breakpoint */
-  .py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
-@media (min-width: 1280px) { /* Set a 24px padding to all sides at the xl breakpoint */
-  .p-xl-4 { padding: 24px !important; }
-  /* Set a 24px padding to the top at the xl breakpoint */
-  .pt-xl-4 { padding-top: 24px !important; }
-  /* Set a 24px padding to the right at the xl breakpoint */
-  .pr-xl-4 { padding-right: 24px !important; }
-  /* Set a 24px padding to the bottom at the xl breakpoint */
-  .pb-xl-4 { padding-bottom: 24px !important; }
-  /* Set a 24px padding to the left at the xl breakpoint */
-  .pl-xl-4 { padding-left: 24px !important; }
-  /* Set a 24px padding to the left & right at the xl breakpoint */
-  .px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; }
-  /* Set a 24px padding to the top & bottom at the xl breakpoint */
-  .py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
-@media (min-width: 1280px) { /* Set a 32px padding to all sides at the xl breakpoint */
-  .p-xl-5 { padding: 32px !important; }
-  /* Set a 32px padding to the top at the xl breakpoint */
-  .pt-xl-5 { padding-top: 32px !important; }
-  /* Set a 32px padding to the right at the xl breakpoint */
-  .pr-xl-5 { padding-right: 32px !important; }
-  /* Set a 32px padding to the bottom at the xl breakpoint */
-  .pb-xl-5 { padding-bottom: 32px !important; }
-  /* Set a 32px padding to the left at the xl breakpoint */
-  .pl-xl-5 { padding-left: 32px !important; }
-  /* Set a 32px padding to the left & right at the xl breakpoint */
-  .px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; }
-  /* Set a 32px padding to the top & bottom at the xl breakpoint */
-  .py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
-@media (min-width: 1280px) { /* Set a 40px padding to all sides at the xl breakpoint */
-  .p-xl-6 { padding: 40px !important; }
-  /* Set a 40px padding to the top at the xl breakpoint */
-  .pt-xl-6 { padding-top: 40px !important; }
-  /* Set a 40px padding to the right at the xl breakpoint */
-  .pr-xl-6 { padding-right: 40px !important; }
-  /* Set a 40px padding to the bottom at the xl breakpoint */
-  .pb-xl-6 { padding-bottom: 40px !important; }
-  /* Set a 40px padding to the left at the xl breakpoint */
-  .pl-xl-6 { padding-left: 40px !important; }
-  /* Set a 40px padding to the left & right at the xl breakpoint */
-  .px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; }
-  /* Set a 40px padding to the top & bottom at the xl breakpoint */
-  .py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
-.p-responsive { padding-right: 16px !important; padding-left: 16px !important; }
-@media (min-width: 544px) { .p-responsive { padding-right: 40px !important; padding-left: 40px !important; } }
-@media (min-width: 1012px) { .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } }
-
-/* Set the font size to 26px */
-.h1 { font-size: 26px !important; }
-@media (min-width: 768px) { .h1 { font-size: 32px !important; } }
-
-/* Set the font size to 22px */
-.h2 { font-size: 22px !important; }
-@media (min-width: 768px) { .h2 { font-size: 24px !important; } }
-
-/* Set the font size to 18px */
-.h3 { font-size: 18px !important; }
-@media (min-width: 768px) { .h3 { font-size: 20px !important; } }
-
-/* Set the font size to 16px */
-.h4 { font-size: 16px !important; }
-
-/* Set the font size to 14px */
-.h5 { font-size: 14px !important; }
-
-/* Set the font size to 12px */
-.h6 { font-size: 12px !important; }
-
-.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600 !important; }
-
-/* Set the font size to 26px */
-.f1 { font-size: 26px !important; }
-@media (min-width: 768px) { .f1 { font-size: 32px !important; } }
-
-/* Set the font size to 22px */
-.f2 { font-size: 22px !important; }
-@media (min-width: 768px) { .f2 { font-size: 24px !important; } }
-
-/* Set the font size to 18px */
-.f3 { font-size: 18px !important; }
-@media (min-width: 768px) { .f3 { font-size: 20px !important; } }
-
-/* Set the font size to 16px */
-.f4 { font-size: 16px !important; }
-@media (min-width: 768px) { .f4 { font-size: 16px !important; } }
-
-/* Set the font size to 14px */
-.f5 { font-size: 14px !important; }
-
-/* Set the font size to 12px */
-.f6 { font-size: 12px !important; }
-
-/* Set the font size to 40px and weight to light */
-.f00-light { font-size: 40px !important; font-weight: 300 !important; }
-@media (min-width: 768px) { .f00-light { font-size: 48px !important; } }
-
-/* Set the font size to 32px and weight to light */
-.f0-light { font-size: 32px !important; font-weight: 300 !important; }
-@media (min-width: 768px) { .f0-light { font-size: 40px !important; } }
-
-/* Set the font size to 26px and weight to light */
-.f1-light { font-size: 26px !important; font-weight: 300 !important; }
-@media (min-width: 768px) { .f1-light { font-size: 32px !important; } }
-
-/* Set the font size to 22px and weight to light */
-.f2-light { font-size: 22px !important; font-weight: 300 !important; }
-@media (min-width: 768px) { .f2-light { font-size: 24px !important; } }
-
-/* Set the font size to 18px and weight to light */
-.f3-light { font-size: 18px !important; font-weight: 300 !important; }
-@media (min-width: 768px) { .f3-light { font-size: 20px !important; } }
-
-/* Set the font size to ${#h6-size} */
-.text-small { font-size: 12px !important; }
-
-/* Large leading paragraphs */
-.lead { margin-bottom: 30px; font-size: 20px; font-weight: 300; color: #586069; }
-
-/* Set the line height to ultra condensed */
-.lh-condensed-ultra { line-height: 1 !important; }
-
-/* Set the line height to condensed */
-.lh-condensed { line-height: 1.25 !important; }
-
-/* Set the line height to default */
-.lh-default { line-height: 1.5 !important; }
-
-/* Text align to the right */
-.text-right { text-align: right !important; }
-
-/* Text align to the left */
-.text-left { text-align: left !important; }
-
-/* Text align to the center */
-.text-center { text-align: center !important; }
-
-@media (min-width: 544px) { .text-sm-right { text-align: right !important; }
-  .text-sm-left { text-align: left !important; }
-  .text-sm-center { text-align: center !important; } }
-@media (min-width: 768px) { .text-md-right { text-align: right !important; }
-  .text-md-left { text-align: left !important; }
-  .text-md-center { text-align: center !important; } }
-@media (min-width: 1012px) { .text-lg-right { text-align: right !important; }
-  .text-lg-left { text-align: left !important; }
-  .text-lg-center { text-align: center !important; } }
-@media (min-width: 1280px) { .text-xl-right { text-align: right !important; }
-  .text-xl-left { text-align: left !important; }
-  .text-xl-center { text-align: center !important; } }
-/* Set the font weight to normal */
-.text-normal { font-weight: 400 !important; }
-
-/* Set the font weight to bold */
-.text-bold { font-weight: 600 !important; }
-
-/* Set the font to italic */
-.text-italic { font-style: italic !important; }
-
-/* Make text uppercase */
-.text-uppercase { text-transform: uppercase !important; }
-
-/* Underline text */
-.no-underline { text-decoration: none !important; }
-
-/* Don't wrap white space */
-.no-wrap { white-space: nowrap !important; }
-
-/* Normal white space */
-.ws-normal { white-space: normal !important; }
-
-/* Allow long lines with no spaces to line break */
-.wb-break-all { word-break: break-all !important; }
-
-.text-emphasized { font-weight: 600; color: #24292e; }
-
-.list-style-none { list-style: none !important; }
-
-/* Add a dark text shadow */
-.text-shadow-dark { text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25), 0 1px 25px rgba(27, 31, 35, 0.75); }
-
-/* Add a light text shadow */
-.text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
-
-/* Visibility hidden */
-.v-hidden { visibility: hidden !important; }
-
-/* Visibility visible */
-.v-visible { visibility: visible !important; }
-
-/* Set the display to table */
-.d-table { display: table !important; }
-
-/* Set the display to table-cell */
-.d-table-cell { display: table-cell !important; }
-
-/* Set the table-layout to fixed */
-.table-fixed { table-layout: fixed !important; }
-
-/* Set the display to block */
-.d-block { display: block !important; }
-
-/* Set the display to inline */
-.d-inline { display: inline !important; }
-
-/* Set the display to inline-block */
-.d-inline-block { display: inline-block !important; }
-
-/* Set the display to flex */
-.d-flex { display: flex !important; }
-
-/* Set the display to inline-flex */
-.d-inline-flex { display: inline-flex !important; }
-
-/* Set the display to none */
-.d-none { display: none !important; }
-
-@media (min-width: 544px) { /* Set the display to table at the sm breakpoint */
-  .d-sm-table { display: table !important; }
-  /* Set the display to table cell at the sm breakpoint */
-  .d-sm-table-cell { display: table-cell !important; }
-  /* Set the display to block at the sm breakpoint */
-  .d-sm-block { display: block !important; }
-  /* Set the display to inline at the sm breakpoint */
-  .d-sm-inline { display: inline !important; }
-  /* Set the display to inline block at the sm breakpoint */
-  .d-sm-inline-block { display: inline-block !important; }
-  /* Set the display to flex at the sm breakpoint */
-  .d-sm-flex { display: flex !important; }
-  /* Set the display to flex at the sm breakpoint */
-  .d-sm-inline-flex { display: inline-flex !important; }
-  /* Set the display to none at the sm breakpoint */
-  .d-sm-none { display: none !important; } }
-@media (min-width: 768px) { /* Set the display to table at the md breakpoint */
-  .d-md-table { display: table !important; }
-  /* Set the display to table cell at the md breakpoint */
-  .d-md-table-cell { display: table-cell !important; }
-  /* Set the display to block at the md breakpoint */
-  .d-md-block { display: block !important; }
-  /* Set the display to inline at the md breakpoint */
-  .d-md-inline { display: inline !important; }
-  /* Set the display to inline block at the md breakpoint */
-  .d-md-inline-block { display: inline-block !important; }
-  /* Set the display to flex at the md breakpoint */
-  .d-md-flex { display: flex !important; }
-  /* Set the display to flex at the md breakpoint */
-  .d-md-inline-flex { display: inline-flex !important; }
-  /* Set the display to none at the md breakpoint */
-  .d-md-none { display: none !important; } }
-@media (min-width: 1012px) { /* Set the display to table at the lg breakpoint */
-  .d-lg-table { display: table !important; }
-  /* Set the display to table cell at the lg breakpoint */
-  .d-lg-table-cell { display: table-cell !important; }
-  /* Set the display to block at the lg breakpoint */
-  .d-lg-block { display: block !important; }
-  /* Set the display to inline at the lg breakpoint */
-  .d-lg-inline { display: inline !important; }
-  /* Set the display to inline block at the lg breakpoint */
-  .d-lg-inline-block { display: inline-block !important; }
-  /* Set the display to flex at the lg breakpoint */
-  .d-lg-flex { display: flex !important; }
-  /* Set the display to flex at the lg breakpoint */
-  .d-lg-inline-flex { display: inline-flex !important; }
-  /* Set the display to none at the lg breakpoint */
-  .d-lg-none { display: none !important; } }
-@media (min-width: 1280px) { /* Set the display to table at the xl breakpoint */
-  .d-xl-table { display: table !important; }
-  /* Set the display to table cell at the xl breakpoint */
-  .d-xl-table-cell { display: table-cell !important; }
-  /* Set the display to block at the xl breakpoint */
-  .d-xl-block { display: block !important; }
-  /* Set the display to inline at the xl breakpoint */
-  .d-xl-inline { display: inline !important; }
-  /* Set the display to inline block at the xl breakpoint */
-  .d-xl-inline-block { display: inline-block !important; }
-  /* Set the display to flex at the xl breakpoint */
-  .d-xl-flex { display: flex !important; }
-  /* Set the display to flex at the xl breakpoint */
-  .d-xl-inline-flex { display: inline-flex !important; }
-  /* Set the display to none at the xl breakpoint */
-  .d-xl-none { display: none !important; } }
-@media (max-width: 544px) { .hide-sm { display: none !important; } }
-@media (min-width: 544px) and (max-width: 768px) { .hide-md { display: none !important; } }
-@media (min-width: 768px) and (max-width: 1012px) { .hide-lg { display: none !important; } }
-@media (min-width: 1012px) { .hide-xl { display: none !important; } }
-.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; }
-
-.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
-.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; }
-
-.container { width: 980px; margin-right: auto; margin-left: auto; }
-.container::before { display: table; content: ""; }
-.container::after { display: table; clear: both; content: ""; }
-
-.container-md { max-width: 768px; margin-right: auto; margin-left: auto; }
-
-.container-lg { max-width: 1012px; margin-right: auto; margin-left: auto; }
-
-.container-xl { max-width: 1280px; margin-right: auto; margin-left: auto; }
-
-.columns { margin-right: -10px; margin-left: -10px; }
-.columns::before { display: table; content: ""; }
-.columns::after { display: table; clear: both; content: ""; }
-
-.column { float: left; padding-right: 10px; padding-left: 10px; }
-
-.one-third { width: 33.333333%; }
-
-.two-thirds { width: 66.666667%; }
-
-.one-fourth { width: 25%; }
-
-.one-half { width: 50%; }
-
-.three-fourths { width: 75%; }
-
-.one-fifth { width: 20%; }
-
-.four-fifths { width: 80%; }
-
-.centered { display: block; float: none; margin-right: auto; margin-left: auto; }
-
-.col-1 { width: 8.3333333333%; }
-
-.col-2 { width: 16.6666666667%; }
-
-.col-3 { width: 25%; }
-
-.col-4 { width: 33.3333333333%; }
-
-.col-5 { width: 41.6666666667%; }
-
-.col-6 { width: 50%; }
-
-.col-7 { width: 58.3333333333%; }
-
-.col-8 { width: 66.6666666667%; }
-
-.col-9 { width: 75%; }
-
-.col-10 { width: 83.3333333333%; }
-
-.col-11 { width: 91.6666666667%; }
-
-.col-12 { width: 100%; }
-
-@media (min-width: 544px) { .col-sm-1 { width: 8.3333333333%; }
-  .col-sm-2 { width: 16.6666666667%; }
-  .col-sm-3 { width: 25%; }
-  .col-sm-4 { width: 33.3333333333%; }
-  .col-sm-5 { width: 41.6666666667%; }
-  .col-sm-6 { width: 50%; }
-  .col-sm-7 { width: 58.3333333333%; }
-  .col-sm-8 { width: 66.6666666667%; }
-  .col-sm-9 { width: 75%; }
-  .col-sm-10 { width: 83.3333333333%; }
-  .col-sm-11 { width: 91.6666666667%; }
-  .col-sm-12 { width: 100%; } }
-@media (min-width: 768px) { .col-md-1 { width: 8.3333333333%; }
-  .col-md-2 { width: 16.6666666667%; }
-  .col-md-3 { width: 25%; }
-  .col-md-4 { width: 33.3333333333%; }
-  .col-md-5 { width: 41.6666666667%; }
-  .col-md-6 { width: 50%; }
-  .col-md-7 { width: 58.3333333333%; }
-  .col-md-8 { width: 66.6666666667%; }
-  .col-md-9 { width: 75%; }
-  .col-md-10 { width: 83.3333333333%; }
-  .col-md-11 { width: 91.6666666667%; }
-  .col-md-12 { width: 100%; } }
-@media (min-width: 1012px) { .col-lg-1 { width: 8.3333333333%; }
-  .col-lg-2 { width: 16.6666666667%; }
-  .col-lg-3 { width: 25%; }
-  .col-lg-4 { width: 33.3333333333%; }
-  .col-lg-5 { width: 41.6666666667%; }
-  .col-lg-6 { width: 50%; }
-  .col-lg-7 { width: 58.3333333333%; }
-  .col-lg-8 { width: 66.6666666667%; }
-  .col-lg-9 { width: 75%; }
-  .col-lg-10 { width: 83.3333333333%; }
-  .col-lg-11 { width: 91.6666666667%; }
-  .col-lg-12 { width: 100%; } }
-@media (min-width: 1280px) { .col-xl-1 { width: 8.3333333333%; }
-  .col-xl-2 { width: 16.6666666667%; }
-  .col-xl-3 { width: 25%; }
-  .col-xl-4 { width: 33.3333333333%; }
-  .col-xl-5 { width: 41.6666666667%; }
-  .col-xl-6 { width: 50%; }
-  .col-xl-7 { width: 58.3333333333%; }
-  .col-xl-8 { width: 66.6666666667%; }
-  .col-xl-9 { width: 75%; }
-  .col-xl-10 { width: 83.3333333333%; }
-  .col-xl-11 { width: 91.6666666667%; }
-  .col-xl-12 { width: 100%; } }
-.gutter { margin-right: -16px; margin-left: -16px; }
-.gutter > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
-
-.gutter-condensed { margin-right: -8px; margin-left: -8px; }
-.gutter-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
-
-.gutter-spacious { margin-right: -24px; margin-left: -24px; }
-.gutter-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; }
-
-@media (min-width: 544px) { .gutter-sm { margin-right: -16px; margin-left: -16px; }
-  .gutter-sm > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
-  .gutter-sm-condensed { margin-right: -8px; margin-left: -8px; }
-  .gutter-sm-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
-  .gutter-sm-spacious { margin-right: -24px; margin-left: -24px; }
-  .gutter-sm-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
-@media (min-width: 768px) { .gutter-md { margin-right: -16px; margin-left: -16px; }
-  .gutter-md > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
-  .gutter-md-condensed { margin-right: -8px; margin-left: -8px; }
-  .gutter-md-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
-  .gutter-md-spacious { margin-right: -24px; margin-left: -24px; }
-  .gutter-md-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
-@media (min-width: 1012px) { .gutter-lg { margin-right: -16px; margin-left: -16px; }
-  .gutter-lg > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
-  .gutter-lg-condensed { margin-right: -8px; margin-left: -8px; }
-  .gutter-lg-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
-  .gutter-lg-spacious { margin-right: -24px; margin-left: -24px; }
-  .gutter-lg-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
-@media (min-width: 1280px) { .gutter-xl { margin-right: -16px; margin-left: -16px; }
-  .gutter-xl > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
-  .gutter-xl-condensed { margin-right: -8px; margin-left: -8px; }
-  .gutter-xl-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
-  .gutter-xl-spacious { margin-right: -24px; margin-left: -24px; }
-  .gutter-xl-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
-.offset-1 { margin-left: 8.3333333333%; }
-
-.offset-2 { margin-left: 16.6666666667%; }
-
-.offset-3 { margin-left: 25%; }
-
-.offset-4 { margin-left: 33.3333333333%; }
-
-.offset-5 { margin-left: 41.6666666667%; }
-
-.offset-6 { margin-left: 50%; }
-
-.offset-7 { margin-left: 58.3333333333%; }
-
-.offset-8 { margin-left: 66.6666666667%; }
-
-.offset-9 { margin-left: 75%; }
-
-.offset-10 { margin-left: 83.3333333333%; }
-
-.offset-11 { margin-left: 91.6666666667%; }
-
-@media (min-width: 544px) { .offset-sm-1 { margin-left: 8.3333333333%; }
-  .offset-sm-2 { margin-left: 16.6666666667%; }
-  .offset-sm-3 { margin-left: 25%; }
-  .offset-sm-4 { margin-left: 33.3333333333%; }
-  .offset-sm-5 { margin-left: 41.6666666667%; }
-  .offset-sm-6 { margin-left: 50%; }
-  .offset-sm-7 { margin-left: 58.3333333333%; }
-  .offset-sm-8 { margin-left: 66.6666666667%; }
-  .offset-sm-9 { margin-left: 75%; }
-  .offset-sm-10 { margin-left: 83.3333333333%; }
-  .offset-sm-11 { margin-left: 91.6666666667%; } }
-@media (min-width: 768px) { .offset-md-1 { margin-left: 8.3333333333%; }
-  .offset-md-2 { margin-left: 16.6666666667%; }
-  .offset-md-3 { margin-left: 25%; }
-  .offset-md-4 { margin-left: 33.3333333333%; }
-  .offset-md-5 { margin-left: 41.6666666667%; }
-  .offset-md-6 { margin-left: 50%; }
-  .offset-md-7 { margin-left: 58.3333333333%; }
-  .offset-md-8 { margin-left: 66.6666666667%; }
-  .offset-md-9 { margin-left: 75%; }
-  .offset-md-10 { margin-left: 83.3333333333%; }
-  .offset-md-11 { margin-left: 91.6666666667%; } }
-@media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.3333333333%; }
-  .offset-lg-2 { margin-left: 16.6666666667%; }
-  .offset-lg-3 { margin-left: 25%; }
-  .offset-lg-4 { margin-left: 33.3333333333%; }
-  .offset-lg-5 { margin-left: 41.6666666667%; }
-  .offset-lg-6 { margin-left: 50%; }
-  .offset-lg-7 { margin-left: 58.3333333333%; }
-  .offset-lg-8 { margin-left: 66.6666666667%; }
-  .offset-lg-9 { margin-left: 75%; }
-  .offset-lg-10 { margin-left: 83.3333333333%; }
-  .offset-lg-11 { margin-left: 91.6666666667%; } }
-@media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.3333333333%; }
-  .offset-xl-2 { margin-left: 16.6666666667%; }
-  .offset-xl-3 { margin-left: 25%; }
-  .offset-xl-4 { margin-left: 33.3333333333%; }
-  .offset-xl-5 { margin-left: 41.6666666667%; }
-  .offset-xl-6 { margin-left: 50%; }
-  .offset-xl-7 { margin-left: 58.3333333333%; }
-  .offset-xl-8 { margin-left: 66.6666666667%; }
-  .offset-xl-9 { margin-left: 75%; }
-  .offset-xl-10 { margin-left: 83.3333333333%; }
-  .offset-xl-11 { margin-left: 91.6666666667%; } }
-.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; }
-.markdown-body::before { display: table; content: ""; }
-.markdown-body::after { display: table; clear: both; content: ""; }
-.markdown-body > *:first-child { margin-top: 0 !important; }
-.markdown-body > *:last-child { margin-bottom: 0 !important; }
-.markdown-body a:not([href]) { color: inherit; text-decoration: none; }
-.markdown-body .absent { color: #cb2431; }
-.markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; }
-.markdown-body .anchor:focus { outline: none; }
-.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { margin-top: 0; margin-bottom: 16px; }
-.markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }
-.markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: 0.25em solid #dfe2e5; }
-.markdown-body blockquote > :first-child { margin-top: 0; }
-.markdown-body blockquote > :last-child { margin-bottom: 0; }
-.markdown-body kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; }
-
-.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; }
-.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; }
-.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; }
-.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; }
-.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { font-size: inherit; }
-.markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eaecef; }
-.markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eaecef; }
-.markdown-body h3 { font-size: 1.25em; }
-.markdown-body h4 { font-size: 1em; }
-.markdown-body h5 { font-size: 0.875em; }
-.markdown-body h6 { font-size: 0.85em; color: #6a737d; }
-
-.markdown-body ul, .markdown-body ol { padding-left: 2em; }
-.markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; }
-.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; }
-.markdown-body li { word-wrap: break-all; }
-.markdown-body li > p { margin-top: 16px; }
-.markdown-body li + li { margin-top: 0.25em; }
-.markdown-body dl { padding: 0; }
-.markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; }
-.markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; }
-
-.markdown-body table { display: block; width: 100%; overflow: auto; }
-.markdown-body table th { font-weight: 600; }
-.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }
-.markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; }
-.markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; }
-.markdown-body table img { background-color: transparent; }
-
-.markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }
-.markdown-body img[align=right] { padding-left: 20px; }
-.markdown-body img[align=left] { padding-right: 20px; }
-.markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent; }
-.markdown-body span.frame { display: block; overflow: hidden; }
-.markdown-body span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #dfe2e5; }
-.markdown-body span.frame span img { display: block; float: left; }
-.markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #24292e; }
-.markdown-body span.align-center { display: block; overflow: hidden; clear: both; }
-.markdown-body span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; }
-.markdown-body span.align-center span img { margin: 0 auto; text-align: center; }
-.markdown-body span.align-right { display: block; overflow: hidden; clear: both; }
-.markdown-body span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; }
-.markdown-body span.align-right span img { margin: 0; text-align: right; }
-.markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; }
-.markdown-body span.float-left span { margin: 13px 0 0; }
-.markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; }
-.markdown-body span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; }
-
-.markdown-body code, .markdown-body tt { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; }
-.markdown-body code br, .markdown-body tt br { display: none; }
-.markdown-body del code { text-decoration: inherit; }
-.markdown-body pre { word-wrap: normal; }
-.markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; }
-.markdown-body .highlight { margin-bottom: 16px; }
-.markdown-body .highlight pre { margin-bottom: 0; word-break: normal; }
-.markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; }
-.markdown-body pre code, .markdown-body pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; }
-
-.markdown-body .csv-data td, .markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; }
-.markdown-body .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; }
-.markdown-body .csv-data tr { border-top: 0; }
-.markdown-body .csv-data th { font-weight: 600; background: #f6f8fa; border-top: 0; }
-
-.highlight table td { padding: 5px; }
-
-.highlight table pre { margin: 0; }
-
-.highlight .cm { color: #999988; font-style: italic; }
-
-.highlight .cp { color: #999999; font-weight: bold; }
-
-.highlight .c1 { color: #999988; font-style: italic; }
-
-.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
-
-.highlight .c, .highlight .cd { color: #999988; font-style: italic; }
-
-.highlight .err { color: #a61717; background-color: #e3d2d2; }
-
-.highlight .gd { color: #000000; background-color: #ffdddd; }
-
-.highlight .ge { color: #000000; font-style: italic; }
-
-.highlight .gr { color: #aa0000; }
-
-.highlight .gh { color: #999999; }
-
-.highlight .gi { color: #000000; background-color: #ddffdd; }
-
-.highlight .go { color: #888888; }
-
-.highlight .gp { color: #555555; }
-
-.highlight .gs { font-weight: bold; }
-
-.highlight .gu { color: #aaaaaa; }
-
-.highlight .gt { color: #aa0000; }
-
-.highlight .kc { color: #000000; font-weight: bold; }
-
-.highlight .kd { color: #000000; font-weight: bold; }
-
-.highlight .kn { color: #000000; font-weight: bold; }
-
-.highlight .kp { color: #000000; font-weight: bold; }
-
-.highlight .kr { color: #000000; font-weight: bold; }
-
-.highlight .kt { color: #445588; font-weight: bold; }
-
-.highlight .k, .highlight .kv { color: #000000; font-weight: bold; }
-
-.highlight .mf { color: #009999; }
-
-.highlight .mh { color: #009999; }
-
-.highlight .il { color: #009999; }
-
-.highlight .mi { color: #009999; }
-
-.highlight .mo { color: #009999; }
-
-.highlight .m, .highlight .mb, .highlight .mx { color: #009999; }
-
-.highlight .sb { color: #d14; }
-
-.highlight .sc { color: #d14; }
-
-.highlight .sd { color: #d14; }
-
-.highlight .s2 { color: #d14; }
-
-.highlight .se { color: #d14; }
-
-.highlight .sh { color: #d14; }
-
-.highlight .si { color: #d14; }
-
-.highlight .sx { color: #d14; }
-
-.highlight .sr { color: #009926; }
-
-.highlight .s1 { color: #d14; }
-
-.highlight .ss { color: #990073; }
-
-.highlight .s { color: #d14; }
-
-.highlight .na { color: #008080; }
-
-.highlight .bp { color: #999999; }
-
-.highlight .nb { color: #0086B3; }
-
-.highlight .nc { color: #445588; font-weight: bold; }
-
-.highlight .no { color: #008080; }
-
-.highlight .nd { color: #3c5d5d; font-weight: bold; }
-
-.highlight .ni { color: #800080; }
-
-.highlight .ne { color: #990000; font-weight: bold; }
-
-.highlight .nf { color: #990000; font-weight: bold; }
-
-.highlight .nl { color: #990000; font-weight: bold; }
-
-.highlight .nn { color: #555555; }
-
-.highlight .nt { color: #000080; }
-
-.highlight .vc { color: #008080; }
-
-.highlight .vg { color: #008080; }
-
-.highlight .vi { color: #008080; }
-
-.highlight .nv { color: #008080; }
-
-.highlight .ow { color: #000000; font-weight: bold; }
-
-.highlight .o { color: #000000; font-weight: bold; }
-
-.highlight .w { color: #bbbbbb; }
-
-.highlight { background-color: #f8f8f8; }
diff --git a/_site/computer-science-blog/index.html b/_site/computer-science-blog/index.html
index 476fb9e..48e9331 100644
--- a/_site/computer-science-blog/index.html
+++ b/_site/computer-science-blog/index.html
@@ -69,21 +69,30 @@
         </div>
         <div class="mdc-list">
             <a class="mdc-list-item" href="https://blog.matthew-grove.ml">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
-                <span class="mdc-list-item__text">Blog</span>
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
+                <span class="mdc-list-item__text">My Blog</span>
             </a>
             <a class="mdc-list-item" href="/">
                 <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
                 <span class="mdc-list-item__text">Home Page</span>
             </a>
-            <a class="mdc-list-item" href="/luhn-algorithm/">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
-                <span class="mdc-list-item__text">Luhn Algorithm</span>
-            </a>
+            
+            
             <a class="mdc-list-item" href="/computer-science-blog/">
                 <i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
                 <span class="mdc-list-item__text">GCSE Computer Science Blog</span>
             </a>
+            
+            
+            
+            <a class="mdc-list-item" href="/luhn-algorithm/">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
+                <span class="mdc-list-item__text">Luhn Algorithm</span>
+            </a>
+            
+            
+            
+            
         </div>
     </div>
 </aside>
diff --git a/_site/index.html b/_site/index.html
index f4a4b48..a74eff5 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -69,21 +69,30 @@
         </div>
         <div class="mdc-list">
             <a class="mdc-list-item" href="https://blog.matthew-grove.ml">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
-                <span class="mdc-list-item__text">Blog</span>
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
+                <span class="mdc-list-item__text">My Blog</span>
             </a>
             <a class="mdc-list-item" href="/">
                 <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
                 <span class="mdc-list-item__text">Home Page</span>
             </a>
-            <a class="mdc-list-item" href="/luhn-algorithm/">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
-                <span class="mdc-list-item__text">Luhn Algorithm</span>
-            </a>
+            
+            
             <a class="mdc-list-item" href="/computer-science-blog/">
                 <i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
                 <span class="mdc-list-item__text">GCSE Computer Science Blog</span>
             </a>
+            
+            
+            
+            <a class="mdc-list-item" href="/luhn-algorithm/">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
+                <span class="mdc-list-item__text">Luhn Algorithm</span>
+            </a>
+            
+            
+            
+            
         </div>
     </div>
 </aside>
diff --git a/_site/luhn-algorithm/index.html b/_site/luhn-algorithm/index.html
index db52b7f..3f60b60 100644
--- a/_site/luhn-algorithm/index.html
+++ b/_site/luhn-algorithm/index.html
@@ -69,21 +69,30 @@
         </div>
         <div class="mdc-list">
             <a class="mdc-list-item" href="https://blog.matthew-grove.ml">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
-                <span class="mdc-list-item__text">Blog</span>
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
+                <span class="mdc-list-item__text">My Blog</span>
             </a>
             <a class="mdc-list-item" href="/">
                 <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
                 <span class="mdc-list-item__text">Home Page</span>
             </a>
-            <a class="mdc-list-item" href="/luhn-algorithm/">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
-                <span class="mdc-list-item__text">Luhn Algorithm</span>
-            </a>
+            
+            
             <a class="mdc-list-item" href="/computer-science-blog/">
                 <i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
                 <span class="mdc-list-item__text">GCSE Computer Science Blog</span>
             </a>
+            
+            
+            
+            <a class="mdc-list-item" href="/luhn-algorithm/">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
+                <span class="mdc-list-item__text">Luhn Algorithm</span>
+            </a>
+            
+            
+            
+            
         </div>
     </div>
 </aside>
@@ -103,12 +112,14 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--fixed-adjust">
-                    <h1 id="validate">Validate</h1>
+                    <link href="style.css" rel="stylesheet" type="text/css" />
+
+<h1 id="validate-your-number">Validate Your Number</h1>
 <!-- input field (in a container so that unwanted overflow from :before & :after is hidden) -->
 <div class="mdc-text-field-container">
     <div class="mdc-text-field mdc-text-field--outlined" data-mdc-auto-init="MDCTextField">
         <input type="number" id="number-input-field" class="mdc-text-field__input" />
-        <label for="number-input-field" class="mdc-floating-label ">Your Number</label>
+        <label for="number-input-field" class="mdc-floating-label ">Number</label>
         <div class="mdc-notched-outline">
             <svg>
                 <path class="mdc-notched-outline__path" />
diff --git a/_site/luhn-algorithm/style.css b/_site/luhn-algorithm/style.css
new file mode 100644
index 0000000..42728d7
--- /dev/null
+++ b/_site/luhn-algorithm/style.css
@@ -0,0 +1,3 @@
+.mdc-text-field-helper-text {
+    margin: 0;
+}
diff --git a/computer-science-blog/index.md b/computer-science-blog/index.md
index 9b2a198..09c822f 100644
--- a/computer-science-blog/index.md
+++ b/computer-science-blog/index.md
@@ -2,6 +2,7 @@
 title: GCSE Computer Science Blog
 description: Research about HTTP, HTTPS, SSL and more, made in collaboration with Daniel Dunbar
 layout: default
+icon: code
 ---
 
 <!-- import Bootstrap - must be before extra styling so that carousel indicators' default styling is overwritten -->
diff --git a/index.md b/index.md
index c9b23ce..43f1131 100644
--- a/index.md
+++ b/index.md
@@ -2,6 +2,7 @@
 title: Demo Site
 description: Small coding projects
 layout: default
+icon: home
 ---
 
 # My {{ page.title }}
diff --git a/luhn-algorithm/index.md b/luhn-algorithm/index.md
index 6ddd5e3..0349c28 100644
--- a/luhn-algorithm/index.md
+++ b/luhn-algorithm/index.md
@@ -2,14 +2,17 @@
 title: Luhn Algorithm
 description: Replication of the Luhn algorithm
 layout: default
+icon: credit_card
 ---
 
-# Validate
+<link href="style.css" rel="stylesheet" type="text/css">
+
+# Validate Your Number
 <!-- input field (in a container so that unwanted overflow from :before & :after is hidden) -->
 <div class="mdc-text-field-container">
     <div class="mdc-text-field mdc-text-field--outlined"  data-mdc-auto-init="MDCTextField">
         <input type="number" id="number-input-field" class="mdc-text-field__input">
-        <label for="number-input-field" class="mdc-floating-label ">Your Number</label>
+        <label for="number-input-field" class="mdc-floating-label ">Number</label>
         <div class="mdc-notched-outline">
             <svg>
                 <path class="mdc-notched-outline__path"/>
diff --git a/luhn-algorithm/style.css b/luhn-algorithm/style.css
new file mode 100644
index 0000000..42728d7
--- /dev/null
+++ b/luhn-algorithm/style.css
@@ -0,0 +1,3 @@
+.mdc-text-field-helper-text {
+    margin: 0;
+}