diff --git a/.gitignore b/.gitignore
index a6edc7c..a98e49d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
desktop.ini
-Gemfile.lock
\ No newline at end of file
+Gemfile.lock
+_site/
\ No newline at end of file
diff --git a/_config.yml b/_config.yml
index 6f80115..728b6c2 100755
--- a/_config.yml
+++ b/_config.yml
@@ -24,10 +24,12 @@ description: >- # this means to ignore newlines until "baseurl:"
Cassian Godsted - Personal portfolio and project site
baseurl: "" # the subpath of your site, e.g. /blog
url: "https://cassian.cc" # the base hostname & protocol for your site, e.g. http://example.com
-github_username: jekyll
+github_username: cassiancc
domain: cassian.cc
excerpt_separator:
+sass:
+ style: compressed
# Build settings
plugins:
@@ -40,14 +42,15 @@ plugins:
# Excluded items can be processed by explicitly listing the directories or
# their entries' file path in the `include:` list.
#
-# exclude:
-# - .sass-cache/
-# - .jekyll-cache/
-# - gemfiles/
-# - Gemfile
-# - Gemfile.lock
-# - node_modules/
-# - vendor/bundle/
-# - vendor/cache/
-# - vendor/gems/
-# - vendor/ruby/
+exclude:
+ - .sass-cache/
+ - .jekyll-cache/
+ - gemfiles/
+ - Gemfile
+ - Gemfile.lock
+ - node_modules/
+ - vendor/bundle/
+ - vendor/cache/
+ - vendor/gems/
+ - vendor/ruby/
+ - README.md
\ No newline at end of file
diff --git a/_includes/neighbours.md b/_includes/neighbours.md
new file mode 100644
index 0000000..a407f0b
--- /dev/null
+++ b/_includes/neighbours.md
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+These are 88x31 images that link to my friends' websites. Let me know if you want to be here.
+
+Want inspiration? Check out [this collection](https://cyber.dabamos.de/88x31/), this [button maker](https://hekate2.github.io/buttonmaker/), or this [wiki article](https://indieweb.org/88x31).
+
+Here is mine:
+
+
\ No newline at end of file
diff --git a/_site/2017/02/22/techolympics-amplify.html b/_site/2017/02/22/techolympics-amplify.html
deleted file mode 100644
index 2d80d7a..0000000
--- a/_site/2017/02/22/techolympics-amplify.html
+++ /dev/null
@@ -1,75 +0,0 @@
-
-
-
HELLA MEGA TOUR 2021 + NOWHERE GENERATION TOUR 2021
-
-
THE INTERRUPTERS/WEEZER/FALL OUT BOY/GREEN DAY
-
-
THE MENZINGERS/DESCENDENTS/RISE AGAINST
-
-
Probably the best concert experiences I will ever have. Taking the 5 hour drive to Chicago twice in a month was a lot, especially with the start of school, but I wouldn’t change it for the world.
Amazing show at Suits That Rock 2022. Dad helped to raise $175,000 for The Carnegie’s childrens education program (oh, and got to play in front of a sold out crowd of 1,200 people!)
-
-
Suits happens every year, so if you like rock and roll, definitely consider coming by next year.
My club, Norse IoT at Northern Kentucky University, was written about in the Northerner for the work our club advisor and I did building humidity sensors to help investigate the water damage done to Griffin Hall. You can read more in The Northerner.
TechOlympics 2023 was back in person for the first time since 2020, and I was able to help plan it! It was an incredible event and I was so proud of the work our team was able to accomplish.
I officially launched the first of my personal projects! It’s called Tier Away, and it helps you make tier lists without an account. You can try it here!
I just released a Minecraft modpack! It’s called Simply Infinite, and its the first ever public modpack for Minecraft 20w14infinite. You can download it on Modrinth!
Over the weekend, I got the chance to help organize TechOlympics 2024, and it has been quite possibly my favourite TechOlympics yet.
-I know I’ll have more to say about it later on, but from beginning to end it has been an adventure. This year’s Leadership Council did an amazing job putting the event together, and I was grateful for the opportunity to step up and work through everything from our registration process to our laptop deployment to, as a first for me, speaking at TechOlympics. Alongside members of Norse IoT, I ran a workshop that allowed students to build their own Internet of Things powered smart sensors. I was amazed by the passion that these students had to learn, and inspired to keep working to make next years event even more incredible.
-
-
I just want to thank again everyone who made this event possible, including again our amazing Leadership Council who made this student run event a reality, our Central Office team and INTERalliance board, my co-presenters Riley Weber-Horowitz and Christian Lane, and our sponsors as well as our host Procter and Gamble. Here’s to 2025, everyone - it could not be in better hands.
I just released a new Minecraft modpack! It’s called Infinity Plus, and it expands upon Minecraft 20w14infinite by porting its features to a stable version of Minecraft. You can download it on Modrinth!
-
-
-
-
If you haven’t heard of it before, 20w14infinite was an April Fools update for Minecraft, where tossing a written book into a Nether Portal creates one of 2,147,483,645 procedurally generated dimensions, based off the contents of the book. Exploring these random dimensions allows players to gain resources as normal, allowing for all sorts of builds with block palettes that are otherwise hard to get in a default Vanilla game.
-
-
Infinity Plus takes the gameplay changes and new mechanics from 20w14infinite and re-implements them in 1.20! Explore all new dimensions with the new blocks and items since 1.16’s official release, alongside new generator options and all new dimensions!
Norse IoT had the oportunity to listen to an amazing guest speaker from Duke Energy, and he brought his robots!
-
-
-
-
Norse IoT enjoyed pizza, robots, and internet of things this Wednesday. Duke Energy’s Steve Hinkel, Director of Advanced Technology Application, brought several robots in for a talk on robotics and IoT in the world of power generation. Steve, who describes himself as an automation engineer and roboticist, works in the Emerging Technology Office, where he supports Duke’s vision to become a national leader in sustainable energy generation and delivery by leveraging technology and innovation to produce clean, affordable, and reliable energy, while reducing environmental impact.
-
-
About Duke Energy:
-
-
Duke Energy, a Fortune 150 company employing 28,000 people, is one of America’s largest energy holding companies. Duke’s electric utilities serve 8.2 million customers in North Carolina, South Carolina, Florida, Indiana, Ohio and Kentucky.
-
-
Duke Energy is executing an aggressive clean energy transition to achieve its goals of net-zero methane emissions from its natural gas business by 2030 and net-zero carbon emissions from electricity generation by 2050. Duke’s interim carbon emission target at least a 50% reduction from electric generation by 2030, 50% for Scope 2 and certain Scope 3 upstream and downstream emissions by 2035, and 80% from electric generation by 2040.
-
-
-
-
-
-
-
-
- Cassian Godsted
-
-
-
-
-
-
\ No newline at end of file
diff --git a/_site/404.html b/_site/404.html
deleted file mode 100755
index 5656f31..0000000
--- a/_site/404.html
+++ /dev/null
@@ -1,84 +0,0 @@
-
-
-
- Cassian Godsted - Nothing to see here, move along
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
404
-
-
Page not found :(
-
The requested page could not be found.
-
-
-
-
-
-
- Cassian Godsted
-
-
-
-
-
-
\ No newline at end of file
diff --git a/_site/Godsted, Cassian - Resume.pdf b/_site/Godsted, Cassian - Resume.pdf
deleted file mode 100644
index b042a5b..0000000
Binary files a/_site/Godsted, Cassian - Resume.pdf and /dev/null differ
diff --git a/_site/README.md b/_site/README.md
deleted file mode 100644
index 959da04..0000000
--- a/_site/README.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# cassian.cc
-
-
-cassian.cc acts as a personal portfolio page.
-
-# Libraries
-GlideJS by Jędrzej Chałubek, licensed under the terms of the MIT License: https://glidejs.com
-
-Font Awesome 4, used under the SIL OFL 1.1 License https://fontawesome.com/v4/license
diff --git a/_site/assets/css/style.css b/_site/assets/css/style.css
deleted file mode 100644
index bc2033b..0000000
--- a/_site/assets/css/style.css
+++ /dev/null
@@ -1,2883 +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 !important; }
-
-/* 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; }
-
-[hidden][hidden] { display: none !important; }
-
-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; backface-visibility: hidden; }
-.hover-grow:hover { transform: scale(1.025); }
-
-/* Add a gray border on all sides */
-.border { border: 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; }
-
-/* Remove borders from all sides */
-.border-0 { border: 0 !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; }
-
-/* Add a gray border */
-/* 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; }
-
-/* 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; }
-
-.rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
-
-.rounded-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
-
-.rounded-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
-
-.rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
-
-.rounded-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
-
-.rounded-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
-
-.rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
-
-.rounded-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
-
-.rounded-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
-
-.rounded-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
-
-.rounded-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
-
-.rounded-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }
-
-@media (min-width: 544px) { /* Add a gray border */
- /* Add a gray border to the top */
- .border-sm-top { border-top: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the right */
- .border-sm-right { border-right: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the bottom */
- .border-sm-bottom { border-bottom: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the left */
- .border-sm-left { border-left: 1px #e1e4e8 solid !important; }
- /* Remove the top border */
- .border-sm-top-0 { border-top: 0 !important; }
- /* Remove the right border */
- .border-sm-right-0 { border-right: 0 !important; }
- /* Remove the bottom border */
- .border-sm-bottom-0 { border-bottom: 0 !important; }
- /* Remove the left border */
- .border-sm-left-0 { border-left: 0 !important; }
- /* Remove the border-radius */
- .rounded-sm-0 { border-radius: 0 !important; }
- /* Add a border-radius to all corners */
- .rounded-sm-1 { border-radius: 3px !important; }
- /* Add a 2x border-radius to all corners */
- .rounded-sm-2 { border-radius: 6px !important; }
- .rounded-sm-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
- .rounded-sm-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
- .rounded-sm-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
- .rounded-sm-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
- .rounded-sm-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
- .rounded-sm-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
- .rounded-sm-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
- .rounded-sm-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
- .rounded-sm-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
- .rounded-sm-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
- .rounded-sm-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
- .rounded-sm-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }
-@media (min-width: 768px) { /* Add a gray border */
- /* Add a gray border to the top */
- .border-md-top { border-top: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the right */
- .border-md-right { border-right: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the bottom */
- .border-md-bottom { border-bottom: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the left */
- .border-md-left { border-left: 1px #e1e4e8 solid !important; }
- /* Remove the top border */
- .border-md-top-0 { border-top: 0 !important; }
- /* Remove the right border */
- .border-md-right-0 { border-right: 0 !important; }
- /* Remove the bottom border */
- .border-md-bottom-0 { border-bottom: 0 !important; }
- /* Remove the left border */
- .border-md-left-0 { border-left: 0 !important; }
- /* Remove the border-radius */
- .rounded-md-0 { border-radius: 0 !important; }
- /* Add a border-radius to all corners */
- .rounded-md-1 { border-radius: 3px !important; }
- /* Add a 2x border-radius to all corners */
- .rounded-md-2 { border-radius: 6px !important; }
- .rounded-md-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
- .rounded-md-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
- .rounded-md-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
- .rounded-md-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
- .rounded-md-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
- .rounded-md-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
- .rounded-md-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
- .rounded-md-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
- .rounded-md-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
- .rounded-md-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
- .rounded-md-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
- .rounded-md-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }
-@media (min-width: 1012px) { /* Add a gray border */
- /* Add a gray border to the top */
- .border-lg-top { border-top: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the right */
- .border-lg-right { border-right: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the bottom */
- .border-lg-bottom { border-bottom: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the left */
- .border-lg-left { border-left: 1px #e1e4e8 solid !important; }
- /* Remove the top border */
- .border-lg-top-0 { border-top: 0 !important; }
- /* Remove the right border */
- .border-lg-right-0 { border-right: 0 !important; }
- /* Remove the bottom border */
- .border-lg-bottom-0 { border-bottom: 0 !important; }
- /* Remove the left border */
- .border-lg-left-0 { border-left: 0 !important; }
- /* Remove the border-radius */
- .rounded-lg-0 { border-radius: 0 !important; }
- /* Add a border-radius to all corners */
- .rounded-lg-1 { border-radius: 3px !important; }
- /* Add a 2x border-radius to all corners */
- .rounded-lg-2 { border-radius: 6px !important; }
- .rounded-lg-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
- .rounded-lg-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
- .rounded-lg-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
- .rounded-lg-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
- .rounded-lg-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
- .rounded-lg-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
- .rounded-lg-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
- .rounded-lg-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
- .rounded-lg-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
- .rounded-lg-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
- .rounded-lg-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
- .rounded-lg-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } }
-@media (min-width: 1280px) { /* Add a gray border */
- /* Add a gray border to the top */
- .border-xl-top { border-top: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the right */
- .border-xl-right { border-right: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the bottom */
- .border-xl-bottom { border-bottom: 1px #e1e4e8 solid !important; }
- /* Add a gray border to the left */
- .border-xl-left { border-left: 1px #e1e4e8 solid !important; }
- /* Remove the top border */
- .border-xl-top-0 { border-top: 0 !important; }
- /* Remove the right border */
- .border-xl-right-0 { border-right: 0 !important; }
- /* Remove the bottom border */
- .border-xl-bottom-0 { border-bottom: 0 !important; }
- /* Remove the left border */
- .border-xl-left-0 { border-left: 0 !important; }
- /* Remove the border-radius */
- .rounded-xl-0 { border-radius: 0 !important; }
- /* Add a border-radius to all corners */
- .rounded-xl-1 { border-radius: 3px !important; }
- /* Add a 2x border-radius to all corners */
- .rounded-xl-2 { border-radius: 6px !important; }
- .rounded-xl-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
- .rounded-xl-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
- .rounded-xl-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
- .rounded-xl-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
- .rounded-xl-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
- .rounded-xl-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }
- .rounded-xl-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
- .rounded-xl-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
- .rounded-xl-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; }
- .rounded-xl-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }
- .rounded-xl-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }
- .rounded-xl-left-2 { border-bottom-left-radius: 6px !important; border-top-left-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; }
-
-.details-overlay[open] > summary::before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 80; display: block; cursor: default; content: " "; background: transparent; }
-
-.details-overlay-dark[open] > summary::before { z-index: 99; background: rgba(27, 31, 35, 0.5); }
-
-.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 left */
-.float-left { float: left !important; }
-
-/* Float to the right */
-.float-right { float: right !important; }
-
-/* No float */
-.float-none { float: none !important; }
-
-@media (min-width: 544px) { /* Float to the left */
- .float-sm-left { float: left !important; }
- /* Float to the right */
- .float-sm-right { float: right !important; }
- /* No float */
- .float-sm-none { float: none !important; } }
-@media (min-width: 768px) { /* Float to the left */
- .float-md-left { float: left !important; }
- /* Float to the right */
- .float-md-right { float: right !important; }
- /* No float */
- .float-md-none { float: none !important; } }
-@media (min-width: 1012px) { /* Float to the left */
- .float-lg-left { float: left !important; }
- /* Float to the right */
- .float-lg-right { float: right !important; }
- /* No float */
- .float-lg-none { float: none !important; } }
-@media (min-width: 1280px) { /* Float to the left */
- .float-xl-left { float: left !important; }
- /* Float to the right */
- .float-xl-right { float: right !important; }
- /* No float */
- .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 */
- .direction-sm-rtl { direction: rtl !important; }
- /* Set the direction to ltr */
- .direction-sm-ltr { direction: ltr !important; } }
-@media (min-width: 768px) { /* Set the direction to rtl */
- .direction-md-rtl { direction: rtl !important; }
- /* Set the direction to ltr */
- .direction-md-ltr { direction: ltr !important; } }
-@media (min-width: 1012px) { /* Set the direction to rtl */
- .direction-lg-rtl { direction: rtl !important; }
- /* Set the direction to ltr */
- .direction-lg-ltr { direction: ltr !important; } }
-@media (min-width: 1280px) { /* Set the direction to rtl */
- .direction-xl-rtl { direction: rtl !important; }
- /* Set the direction to ltr */
- .direction-xl-ltr { direction: ltr !important; } }
-/* Set a $size margin to all sides at $breakpoint */
-.m-0 { margin: 0 !important; }
-
-/* Set a $size margin on the top at $breakpoint */
-.mt-0 { margin-top: 0 !important; }
-
-/* Set a $size margin on the right at $breakpoint */
-.mr-0 { margin-right: 0 !important; }
-
-/* Set a $size margin on the bottom at $breakpoint */
-.mb-0 { margin-bottom: 0 !important; }
-
-/* Set a $size margin on the left at $breakpoint */
-.ml-0 { margin-left: 0 !important; }
-
-/* Set a $size margin on the left & right at $breakpoint */
-.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
-
-/* Set a $size margin on the top & bottom at $breakpoint */
-.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
-
-/* Set a $size margin to all sides at $breakpoint */
-.m-1 { margin: 4px !important; }
-
-/* Set a $size margin on the top at $breakpoint */
-.mt-1 { margin-top: 4px !important; }
-
-/* Set a $size margin on the right at $breakpoint */
-.mr-1 { margin-right: 4px !important; }
-
-/* Set a $size margin on the bottom at $breakpoint */
-.mb-1 { margin-bottom: 4px !important; }
-
-/* Set a $size margin on the left at $breakpoint */
-.ml-1 { margin-left: 4px !important; }
-
-/* Set a negative $size margin on top at $breakpoint */
-.mt-n1 { margin-top: -4px !important; }
-
-/* Set a negative $size margin on the right at $breakpoint */
-.mr-n1 { margin-right: -4px !important; }
-
-/* Set a negative $size margin on the bottom at $breakpoint */
-.mb-n1 { margin-bottom: -4px !important; }
-
-/* Set a negative $size margin on the left at $breakpoint */
-.ml-n1 { margin-left: -4px !important; }
-
-/* Set a $size margin on the left & right at $breakpoint */
-.mx-1 { margin-right: 4px !important; margin-left: 4px !important; }
-
-/* Set a $size margin on the top & bottom at $breakpoint */
-.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
-
-/* Set a $size margin to all sides at $breakpoint */
-.m-2 { margin: 8px !important; }
-
-/* Set a $size margin on the top at $breakpoint */
-.mt-2 { margin-top: 8px !important; }
-
-/* Set a $size margin on the right at $breakpoint */
-.mr-2 { margin-right: 8px !important; }
-
-/* Set a $size margin on the bottom at $breakpoint */
-.mb-2 { margin-bottom: 8px !important; }
-
-/* Set a $size margin on the left at $breakpoint */
-.ml-2 { margin-left: 8px !important; }
-
-/* Set a negative $size margin on top at $breakpoint */
-.mt-n2 { margin-top: -8px !important; }
-
-/* Set a negative $size margin on the right at $breakpoint */
-.mr-n2 { margin-right: -8px !important; }
-
-/* Set a negative $size margin on the bottom at $breakpoint */
-.mb-n2 { margin-bottom: -8px !important; }
-
-/* Set a negative $size margin on the left at $breakpoint */
-.ml-n2 { margin-left: -8px !important; }
-
-/* Set a $size margin on the left & right at $breakpoint */
-.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }
-
-/* Set a $size margin on the top & bottom at $breakpoint */
-.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
-
-/* Set a $size margin to all sides at $breakpoint */
-.m-3 { margin: 16px !important; }
-
-/* Set a $size margin on the top at $breakpoint */
-.mt-3 { margin-top: 16px !important; }
-
-/* Set a $size margin on the right at $breakpoint */
-.mr-3 { margin-right: 16px !important; }
-
-/* Set a $size margin on the bottom at $breakpoint */
-.mb-3 { margin-bottom: 16px !important; }
-
-/* Set a $size margin on the left at $breakpoint */
-.ml-3 { margin-left: 16px !important; }
-
-/* Set a negative $size margin on top at $breakpoint */
-.mt-n3 { margin-top: -16px !important; }
-
-/* Set a negative $size margin on the right at $breakpoint */
-.mr-n3 { margin-right: -16px !important; }
-
-/* Set a negative $size margin on the bottom at $breakpoint */
-.mb-n3 { margin-bottom: -16px !important; }
-
-/* Set a negative $size margin on the left at $breakpoint */
-.ml-n3 { margin-left: -16px !important; }
-
-/* Set a $size margin on the left & right at $breakpoint */
-.mx-3 { margin-right: 16px !important; margin-left: 16px !important; }
-
-/* Set a $size margin on the top & bottom at $breakpoint */
-.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
-
-/* Set a $size margin to all sides at $breakpoint */
-.m-4 { margin: 24px !important; }
-
-/* Set a $size margin on the top at $breakpoint */
-.mt-4 { margin-top: 24px !important; }
-
-/* Set a $size margin on the right at $breakpoint */
-.mr-4 { margin-right: 24px !important; }
-
-/* Set a $size margin on the bottom at $breakpoint */
-.mb-4 { margin-bottom: 24px !important; }
-
-/* Set a $size margin on the left at $breakpoint */
-.ml-4 { margin-left: 24px !important; }
-
-/* Set a negative $size margin on top at $breakpoint */
-.mt-n4 { margin-top: -24px !important; }
-
-/* Set a negative $size margin on the right at $breakpoint */
-.mr-n4 { margin-right: -24px !important; }
-
-/* Set a negative $size margin on the bottom at $breakpoint */
-.mb-n4 { margin-bottom: -24px !important; }
-
-/* Set a negative $size margin on the left at $breakpoint */
-.ml-n4 { margin-left: -24px !important; }
-
-/* Set a $size margin on the left & right at $breakpoint */
-.mx-4 { margin-right: 24px !important; margin-left: 24px !important; }
-
-/* Set a $size margin on the top & bottom at $breakpoint */
-.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
-
-/* Set a $size margin to all sides at $breakpoint */
-.m-5 { margin: 32px !important; }
-
-/* Set a $size margin on the top at $breakpoint */
-.mt-5 { margin-top: 32px !important; }
-
-/* Set a $size margin on the right at $breakpoint */
-.mr-5 { margin-right: 32px !important; }
-
-/* Set a $size margin on the bottom at $breakpoint */
-.mb-5 { margin-bottom: 32px !important; }
-
-/* Set a $size margin on the left at $breakpoint */
-.ml-5 { margin-left: 32px !important; }
-
-/* Set a negative $size margin on top at $breakpoint */
-.mt-n5 { margin-top: -32px !important; }
-
-/* Set a negative $size margin on the right at $breakpoint */
-.mr-n5 { margin-right: -32px !important; }
-
-/* Set a negative $size margin on the bottom at $breakpoint */
-.mb-n5 { margin-bottom: -32px !important; }
-
-/* Set a negative $size margin on the left at $breakpoint */
-.ml-n5 { margin-left: -32px !important; }
-
-/* Set a $size margin on the left & right at $breakpoint */
-.mx-5 { margin-right: 32px !important; margin-left: 32px !important; }
-
-/* Set a $size margin on the top & bottom at $breakpoint */
-.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
-
-/* Set a $size margin to all sides at $breakpoint */
-.m-6 { margin: 40px !important; }
-
-/* Set a $size margin on the top at $breakpoint */
-.mt-6 { margin-top: 40px !important; }
-
-/* Set a $size margin on the right at $breakpoint */
-.mr-6 { margin-right: 40px !important; }
-
-/* Set a $size margin on the bottom at $breakpoint */
-.mb-6 { margin-bottom: 40px !important; }
-
-/* Set a $size margin on the left at $breakpoint */
-.ml-6 { margin-left: 40px !important; }
-
-/* Set a negative $size margin on top at $breakpoint */
-.mt-n6 { margin-top: -40px !important; }
-
-/* Set a negative $size margin on the right at $breakpoint */
-.mr-n6 { margin-right: -40px !important; }
-
-/* Set a negative $size margin on the bottom at $breakpoint */
-.mb-n6 { margin-bottom: -40px !important; }
-
-/* Set a negative $size margin on the left at $breakpoint */
-.ml-n6 { margin-left: -40px !important; }
-
-/* Set a $size margin on the left & right at $breakpoint */
-.mx-6 { margin-right: 40px !important; margin-left: 40px !important; }
-
-/* Set a $size margin on the top & bottom at $breakpoint */
-.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
-
-/* responsive horizontal auto margins */
-.mx-auto { margin-right: auto !important; margin-left: auto !important; }
-
-@media (min-width: 544px) { /* Set a $size margin to all sides at $breakpoint */
- .m-sm-0 { margin: 0 !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-sm-0 { margin-top: 0 !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-sm-0 { margin-right: 0 !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-sm-0 { margin-bottom: 0 !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-sm-0 { margin-left: 0 !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-sm-1 { margin: 4px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-sm-1 { margin-top: 4px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-sm-1 { margin-right: 4px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-sm-1 { margin-bottom: 4px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-sm-1 { margin-left: 4px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-sm-n1 { margin-top: -4px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-sm-n1 { margin-right: -4px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-sm-n1 { margin-bottom: -4px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-sm-n1 { margin-left: -4px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-sm-2 { margin: 8px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-sm-2 { margin-top: 8px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-sm-2 { margin-right: 8px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-sm-2 { margin-bottom: 8px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-sm-2 { margin-left: 8px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-sm-n2 { margin-top: -8px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-sm-n2 { margin-right: -8px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-sm-n2 { margin-bottom: -8px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-sm-n2 { margin-left: -8px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-sm-3 { margin: 16px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-sm-3 { margin-top: 16px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-sm-3 { margin-right: 16px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-sm-3 { margin-bottom: 16px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-sm-3 { margin-left: 16px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-sm-n3 { margin-top: -16px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-sm-n3 { margin-right: -16px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-sm-n3 { margin-bottom: -16px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-sm-n3 { margin-left: -16px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-sm-4 { margin: 24px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-sm-4 { margin-top: 24px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-sm-4 { margin-right: 24px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-sm-4 { margin-bottom: 24px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-sm-4 { margin-left: 24px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-sm-n4 { margin-top: -24px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-sm-n4 { margin-right: -24px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-sm-n4 { margin-bottom: -24px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-sm-n4 { margin-left: -24px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-sm-5 { margin: 32px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-sm-5 { margin-top: 32px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-sm-5 { margin-right: 32px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-sm-5 { margin-bottom: 32px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-sm-5 { margin-left: 32px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-sm-n5 { margin-top: -32px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-sm-n5 { margin-right: -32px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-sm-n5 { margin-bottom: -32px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-sm-n5 { margin-left: -32px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-sm-6 { margin: 40px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-sm-6 { margin-top: 40px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-sm-6 { margin-right: 40px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-sm-6 { margin-bottom: 40px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-sm-6 { margin-left: 40px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-sm-n6 { margin-top: -40px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-sm-n6 { margin-right: -40px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-sm-n6 { margin-bottom: -40px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-sm-n6 { margin-left: -40px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
- /* responsive horizontal auto margins */
- .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } }
-@media (min-width: 768px) { /* Set a $size margin to all sides at $breakpoint */
- .m-md-0 { margin: 0 !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-md-0 { margin-top: 0 !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-md-0 { margin-right: 0 !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-md-0 { margin-bottom: 0 !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-md-0 { margin-left: 0 !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-md-1 { margin: 4px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-md-1 { margin-top: 4px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-md-1 { margin-right: 4px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-md-1 { margin-bottom: 4px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-md-1 { margin-left: 4px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-md-n1 { margin-top: -4px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-md-n1 { margin-right: -4px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-md-n1 { margin-bottom: -4px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-md-n1 { margin-left: -4px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-md-2 { margin: 8px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-md-2 { margin-top: 8px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-md-2 { margin-right: 8px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-md-2 { margin-bottom: 8px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-md-2 { margin-left: 8px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-md-n2 { margin-top: -8px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-md-n2 { margin-right: -8px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-md-n2 { margin-bottom: -8px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-md-n2 { margin-left: -8px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-md-3 { margin: 16px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-md-3 { margin-top: 16px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-md-3 { margin-right: 16px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-md-3 { margin-bottom: 16px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-md-3 { margin-left: 16px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-md-n3 { margin-top: -16px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-md-n3 { margin-right: -16px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-md-n3 { margin-bottom: -16px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-md-n3 { margin-left: -16px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-md-4 { margin: 24px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-md-4 { margin-top: 24px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-md-4 { margin-right: 24px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-md-4 { margin-bottom: 24px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-md-4 { margin-left: 24px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-md-n4 { margin-top: -24px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-md-n4 { margin-right: -24px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-md-n4 { margin-bottom: -24px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-md-n4 { margin-left: -24px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-md-5 { margin: 32px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-md-5 { margin-top: 32px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-md-5 { margin-right: 32px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-md-5 { margin-bottom: 32px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-md-5 { margin-left: 32px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-md-n5 { margin-top: -32px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-md-n5 { margin-right: -32px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-md-n5 { margin-bottom: -32px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-md-n5 { margin-left: -32px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-md-6 { margin: 40px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-md-6 { margin-top: 40px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-md-6 { margin-right: 40px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-md-6 { margin-bottom: 40px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-md-6 { margin-left: 40px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-md-n6 { margin-top: -40px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-md-n6 { margin-right: -40px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-md-n6 { margin-bottom: -40px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-md-n6 { margin-left: -40px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
- /* responsive horizontal auto margins */
- .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } }
-@media (min-width: 1012px) { /* Set a $size margin to all sides at $breakpoint */
- .m-lg-0 { margin: 0 !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-lg-0 { margin-top: 0 !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-lg-0 { margin-right: 0 !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-lg-0 { margin-bottom: 0 !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-lg-0 { margin-left: 0 !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-lg-1 { margin: 4px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-lg-1 { margin-top: 4px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-lg-1 { margin-right: 4px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-lg-1 { margin-bottom: 4px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-lg-1 { margin-left: 4px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-lg-n1 { margin-top: -4px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-lg-n1 { margin-right: -4px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-lg-n1 { margin-bottom: -4px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-lg-n1 { margin-left: -4px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-lg-2 { margin: 8px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-lg-2 { margin-top: 8px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-lg-2 { margin-right: 8px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-lg-2 { margin-bottom: 8px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-lg-2 { margin-left: 8px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-lg-n2 { margin-top: -8px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-lg-n2 { margin-right: -8px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-lg-n2 { margin-bottom: -8px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-lg-n2 { margin-left: -8px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-lg-3 { margin: 16px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-lg-3 { margin-top: 16px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-lg-3 { margin-right: 16px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-lg-3 { margin-bottom: 16px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-lg-3 { margin-left: 16px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-lg-n3 { margin-top: -16px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-lg-n3 { margin-right: -16px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-lg-n3 { margin-bottom: -16px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-lg-n3 { margin-left: -16px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-lg-4 { margin: 24px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-lg-4 { margin-top: 24px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-lg-4 { margin-right: 24px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-lg-4 { margin-bottom: 24px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-lg-4 { margin-left: 24px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-lg-n4 { margin-top: -24px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-lg-n4 { margin-right: -24px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-lg-n4 { margin-bottom: -24px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-lg-n4 { margin-left: -24px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-lg-5 { margin: 32px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-lg-5 { margin-top: 32px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-lg-5 { margin-right: 32px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-lg-5 { margin-bottom: 32px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-lg-5 { margin-left: 32px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-lg-n5 { margin-top: -32px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-lg-n5 { margin-right: -32px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-lg-n5 { margin-bottom: -32px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-lg-n5 { margin-left: -32px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-lg-6 { margin: 40px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-lg-6 { margin-top: 40px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-lg-6 { margin-right: 40px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-lg-6 { margin-bottom: 40px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-lg-6 { margin-left: 40px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-lg-n6 { margin-top: -40px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-lg-n6 { margin-right: -40px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-lg-n6 { margin-bottom: -40px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-lg-n6 { margin-left: -40px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
- /* responsive horizontal auto margins */
- .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } }
-@media (min-width: 1280px) { /* Set a $size margin to all sides at $breakpoint */
- .m-xl-0 { margin: 0 !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-xl-0 { margin-top: 0 !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-xl-0 { margin-right: 0 !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-xl-0 { margin-bottom: 0 !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-xl-0 { margin-left: 0 !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-xl-1 { margin: 4px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-xl-1 { margin-top: 4px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-xl-1 { margin-right: 4px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-xl-1 { margin-bottom: 4px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-xl-1 { margin-left: 4px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-xl-n1 { margin-top: -4px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-xl-n1 { margin-right: -4px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-xl-n1 { margin-bottom: -4px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-xl-n1 { margin-left: -4px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-xl-2 { margin: 8px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-xl-2 { margin-top: 8px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-xl-2 { margin-right: 8px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-xl-2 { margin-bottom: 8px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-xl-2 { margin-left: 8px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-xl-n2 { margin-top: -8px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-xl-n2 { margin-right: -8px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-xl-n2 { margin-bottom: -8px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-xl-n2 { margin-left: -8px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-xl-3 { margin: 16px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-xl-3 { margin-top: 16px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-xl-3 { margin-right: 16px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-xl-3 { margin-bottom: 16px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-xl-3 { margin-left: 16px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-xl-n3 { margin-top: -16px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-xl-n3 { margin-right: -16px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-xl-n3 { margin-bottom: -16px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-xl-n3 { margin-left: -16px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-xl-4 { margin: 24px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-xl-4 { margin-top: 24px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-xl-4 { margin-right: 24px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-xl-4 { margin-bottom: 24px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-xl-4 { margin-left: 24px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-xl-n4 { margin-top: -24px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-xl-n4 { margin-right: -24px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-xl-n4 { margin-bottom: -24px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-xl-n4 { margin-left: -24px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-xl-5 { margin: 32px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-xl-5 { margin-top: 32px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-xl-5 { margin-right: 32px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-xl-5 { margin-bottom: 32px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-xl-5 { margin-left: 32px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-xl-n5 { margin-top: -32px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-xl-n5 { margin-right: -32px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-xl-n5 { margin-bottom: -32px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-xl-n5 { margin-left: -32px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
- /* Set a $size margin to all sides at $breakpoint */
- .m-xl-6 { margin: 40px !important; }
- /* Set a $size margin on the top at $breakpoint */
- .mt-xl-6 { margin-top: 40px !important; }
- /* Set a $size margin on the right at $breakpoint */
- .mr-xl-6 { margin-right: 40px !important; }
- /* Set a $size margin on the bottom at $breakpoint */
- .mb-xl-6 { margin-bottom: 40px !important; }
- /* Set a $size margin on the left at $breakpoint */
- .ml-xl-6 { margin-left: 40px !important; }
- /* Set a negative $size margin on top at $breakpoint */
- .mt-xl-n6 { margin-top: -40px !important; }
- /* Set a negative $size margin on the right at $breakpoint */
- .mr-xl-n6 { margin-right: -40px !important; }
- /* Set a negative $size margin on the bottom at $breakpoint */
- .mb-xl-n6 { margin-bottom: -40px !important; }
- /* Set a negative $size margin on the left at $breakpoint */
- .ml-xl-n6 { margin-left: -40px !important; }
- /* Set a $size margin on the left & right at $breakpoint */
- .mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; }
- /* Set a $size margin on the top & bottom at $breakpoint */
- .my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
- /* responsive horizontal auto margins */
- .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } }
-/* Set a $size padding to all sides at $breakpoint */
-.p-0 { padding: 0 !important; }
-
-/* Set a $size padding to the top at $breakpoint */
-.pt-0 { padding-top: 0 !important; }
-
-/* Set a $size padding to the right at $breakpoint */
-.pr-0 { padding-right: 0 !important; }
-
-/* Set a $size padding to the bottom at $breakpoint */
-.pb-0 { padding-bottom: 0 !important; }
-
-/* Set a $size padding to the left at $breakpoint */
-.pl-0 { padding-left: 0 !important; }
-
-/* Set a $size padding to the left & right at $breakpoint */
-.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
-
-/* Set a $size padding to the top & bottom at $breakpoint */
-.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
-
-/* Set a $size padding to all sides at $breakpoint */
-.p-1 { padding: 4px !important; }
-
-/* Set a $size padding to the top at $breakpoint */
-.pt-1 { padding-top: 4px !important; }
-
-/* Set a $size padding to the right at $breakpoint */
-.pr-1 { padding-right: 4px !important; }
-
-/* Set a $size padding to the bottom at $breakpoint */
-.pb-1 { padding-bottom: 4px !important; }
-
-/* Set a $size padding to the left at $breakpoint */
-.pl-1 { padding-left: 4px !important; }
-
-/* Set a $size padding to the left & right at $breakpoint */
-.px-1 { padding-right: 4px !important; padding-left: 4px !important; }
-
-/* Set a $size padding to the top & bottom at $breakpoint */
-.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
-
-/* Set a $size padding to all sides at $breakpoint */
-.p-2 { padding: 8px !important; }
-
-/* Set a $size padding to the top at $breakpoint */
-.pt-2 { padding-top: 8px !important; }
-
-/* Set a $size padding to the right at $breakpoint */
-.pr-2 { padding-right: 8px !important; }
-
-/* Set a $size padding to the bottom at $breakpoint */
-.pb-2 { padding-bottom: 8px !important; }
-
-/* Set a $size padding to the left at $breakpoint */
-.pl-2 { padding-left: 8px !important; }
-
-/* Set a $size padding to the left & right at $breakpoint */
-.px-2 { padding-right: 8px !important; padding-left: 8px !important; }
-
-/* Set a $size padding to the top & bottom at $breakpoint */
-.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
-
-/* Set a $size padding to all sides at $breakpoint */
-.p-3 { padding: 16px !important; }
-
-/* Set a $size padding to the top at $breakpoint */
-.pt-3 { padding-top: 16px !important; }
-
-/* Set a $size padding to the right at $breakpoint */
-.pr-3 { padding-right: 16px !important; }
-
-/* Set a $size padding to the bottom at $breakpoint */
-.pb-3 { padding-bottom: 16px !important; }
-
-/* Set a $size padding to the left at $breakpoint */
-.pl-3 { padding-left: 16px !important; }
-
-/* Set a $size padding to the left & right at $breakpoint */
-.px-3 { padding-right: 16px !important; padding-left: 16px !important; }
-
-/* Set a $size padding to the top & bottom at $breakpoint */
-.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
-
-/* Set a $size padding to all sides at $breakpoint */
-.p-4 { padding: 24px !important; }
-
-/* Set a $size padding to the top at $breakpoint */
-.pt-4 { padding-top: 24px !important; }
-
-/* Set a $size padding to the right at $breakpoint */
-.pr-4 { padding-right: 24px !important; }
-
-/* Set a $size padding to the bottom at $breakpoint */
-.pb-4 { padding-bottom: 24px !important; }
-
-/* Set a $size padding to the left at $breakpoint */
-.pl-4 { padding-left: 24px !important; }
-
-/* Set a $size padding to the left & right at $breakpoint */
-.px-4 { padding-right: 24px !important; padding-left: 24px !important; }
-
-/* Set a $size padding to the top & bottom at $breakpoint */
-.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
-
-/* Set a $size padding to all sides at $breakpoint */
-.p-5 { padding: 32px !important; }
-
-/* Set a $size padding to the top at $breakpoint */
-.pt-5 { padding-top: 32px !important; }
-
-/* Set a $size padding to the right at $breakpoint */
-.pr-5 { padding-right: 32px !important; }
-
-/* Set a $size padding to the bottom at $breakpoint */
-.pb-5 { padding-bottom: 32px !important; }
-
-/* Set a $size padding to the left at $breakpoint */
-.pl-5 { padding-left: 32px !important; }
-
-/* Set a $size padding to the left & right at $breakpoint */
-.px-5 { padding-right: 32px !important; padding-left: 32px !important; }
-
-/* Set a $size padding to the top & bottom at $breakpoint */
-.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
-
-/* Set a $size padding to all sides at $breakpoint */
-.p-6 { padding: 40px !important; }
-
-/* Set a $size padding to the top at $breakpoint */
-.pt-6 { padding-top: 40px !important; }
-
-/* Set a $size padding to the right at $breakpoint */
-.pr-6 { padding-right: 40px !important; }
-
-/* Set a $size padding to the bottom at $breakpoint */
-.pb-6 { padding-bottom: 40px !important; }
-
-/* Set a $size padding to the left at $breakpoint */
-.pl-6 { padding-left: 40px !important; }
-
-/* Set a $size padding to the left & right at $breakpoint */
-.px-6 { padding-right: 40px !important; padding-left: 40px !important; }
-
-/* Set a $size padding to the top & bottom at $breakpoint */
-.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; }
-
-@media (min-width: 544px) { /* Set a $size padding to all sides at $breakpoint */
- .p-sm-0 { padding: 0 !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-sm-0 { padding-top: 0 !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-sm-0 { padding-right: 0 !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-sm-0 { padding-bottom: 0 !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-sm-0 { padding-left: 0 !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-sm-1 { padding: 4px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-sm-1 { padding-top: 4px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-sm-1 { padding-right: 4px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-sm-1 { padding-bottom: 4px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-sm-1 { padding-left: 4px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-sm-2 { padding: 8px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-sm-2 { padding-top: 8px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-sm-2 { padding-right: 8px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-sm-2 { padding-bottom: 8px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-sm-2 { padding-left: 8px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-sm-3 { padding: 16px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-sm-3 { padding-top: 16px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-sm-3 { padding-right: 16px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-sm-3 { padding-bottom: 16px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-sm-3 { padding-left: 16px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-sm-4 { padding: 24px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-sm-4 { padding-top: 24px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-sm-4 { padding-right: 24px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-sm-4 { padding-bottom: 24px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-sm-4 { padding-left: 24px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-sm-5 { padding: 32px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-sm-5 { padding-top: 32px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-sm-5 { padding-right: 32px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-sm-5 { padding-bottom: 32px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-sm-5 { padding-left: 32px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-sm-6 { padding: 40px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-sm-6 { padding-top: 40px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-sm-6 { padding-right: 40px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-sm-6 { padding-bottom: 40px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-sm-6 { padding-left: 40px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
-@media (min-width: 768px) { /* Set a $size padding to all sides at $breakpoint */
- .p-md-0 { padding: 0 !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-md-0 { padding-top: 0 !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-md-0 { padding-right: 0 !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-md-0 { padding-bottom: 0 !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-md-0 { padding-left: 0 !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-md-1 { padding: 4px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-md-1 { padding-top: 4px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-md-1 { padding-right: 4px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-md-1 { padding-bottom: 4px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-md-1 { padding-left: 4px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-md-1 { padding-right: 4px !important; padding-left: 4px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-md-2 { padding: 8px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-md-2 { padding-top: 8px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-md-2 { padding-right: 8px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-md-2 { padding-bottom: 8px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-md-2 { padding-left: 8px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-md-2 { padding-right: 8px !important; padding-left: 8px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-md-3 { padding: 16px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-md-3 { padding-top: 16px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-md-3 { padding-right: 16px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-md-3 { padding-bottom: 16px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-md-3 { padding-left: 16px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-md-3 { padding-right: 16px !important; padding-left: 16px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-md-4 { padding: 24px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-md-4 { padding-top: 24px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-md-4 { padding-right: 24px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-md-4 { padding-bottom: 24px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-md-4 { padding-left: 24px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-md-4 { padding-right: 24px !important; padding-left: 24px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-md-5 { padding: 32px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-md-5 { padding-top: 32px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-md-5 { padding-right: 32px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-md-5 { padding-bottom: 32px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-md-5 { padding-left: 32px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-md-5 { padding-right: 32px !important; padding-left: 32px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-md-6 { padding: 40px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-md-6 { padding-top: 40px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-md-6 { padding-right: 40px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-md-6 { padding-bottom: 40px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-md-6 { padding-left: 40px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-md-6 { padding-right: 40px !important; padding-left: 40px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
-@media (min-width: 1012px) { /* Set a $size padding to all sides at $breakpoint */
- .p-lg-0 { padding: 0 !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-lg-0 { padding-top: 0 !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-lg-0 { padding-right: 0 !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-lg-0 { padding-bottom: 0 !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-lg-0 { padding-left: 0 !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-lg-1 { padding: 4px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-lg-1 { padding-top: 4px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-lg-1 { padding-right: 4px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-lg-1 { padding-bottom: 4px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-lg-1 { padding-left: 4px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-lg-2 { padding: 8px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-lg-2 { padding-top: 8px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-lg-2 { padding-right: 8px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-lg-2 { padding-bottom: 8px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-lg-2 { padding-left: 8px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-lg-3 { padding: 16px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-lg-3 { padding-top: 16px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-lg-3 { padding-right: 16px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-lg-3 { padding-bottom: 16px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-lg-3 { padding-left: 16px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-lg-4 { padding: 24px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-lg-4 { padding-top: 24px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-lg-4 { padding-right: 24px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-lg-4 { padding-bottom: 24px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-lg-4 { padding-left: 24px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-lg-5 { padding: 32px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-lg-5 { padding-top: 32px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-lg-5 { padding-right: 32px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-lg-5 { padding-bottom: 32px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-lg-5 { padding-left: 32px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-lg-6 { padding: 40px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-lg-6 { padding-top: 40px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-lg-6 { padding-right: 40px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-lg-6 { padding-bottom: 40px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-lg-6 { padding-left: 40px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
-@media (min-width: 1280px) { /* Set a $size padding to all sides at $breakpoint */
- .p-xl-0 { padding: 0 !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-xl-0 { padding-top: 0 !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-xl-0 { padding-right: 0 !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-xl-0 { padding-bottom: 0 !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-xl-0 { padding-left: 0 !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-xl-1 { padding: 4px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-xl-1 { padding-top: 4px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-xl-1 { padding-right: 4px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-xl-1 { padding-bottom: 4px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-xl-1 { padding-left: 4px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-xl-2 { padding: 8px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-xl-2 { padding-top: 8px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-xl-2 { padding-right: 8px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-xl-2 { padding-bottom: 8px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-xl-2 { padding-left: 8px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-xl-3 { padding: 16px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-xl-3 { padding-top: 16px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-xl-3 { padding-right: 16px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-xl-3 { padding-bottom: 16px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-xl-3 { padding-left: 16px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-xl-4 { padding: 24px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-xl-4 { padding-top: 24px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-xl-4 { padding-right: 24px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-xl-4 { padding-bottom: 24px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-xl-4 { padding-left: 24px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-xl-5 { padding: 32px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-xl-5 { padding-top: 32px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-xl-5 { padding-right: 32px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-xl-5 { padding-bottom: 32px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-xl-5 { padding-left: 32px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; }
- /* Set a $size padding to the top & bottom at $breakpoint */
- .py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
- /* Set a $size padding to all sides at $breakpoint */
- .p-xl-6 { padding: 40px !important; }
- /* Set a $size padding to the top at $breakpoint */
- .pt-xl-6 { padding-top: 40px !important; }
- /* Set a $size padding to the right at $breakpoint */
- .pr-xl-6 { padding-right: 40px !important; }
- /* Set a $size padding to the bottom at $breakpoint */
- .pb-xl-6 { padding-bottom: 40px !important; }
- /* Set a $size padding to the left at $breakpoint */
- .pl-xl-6 { padding-left: 40px !important; }
- /* Set a $size padding to the left & right at $breakpoint */
- .px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; }
- /* Set a $size padding to the top & bottom at $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; }
-
-/* Set the line height to zero */
-.lh-0 { line-height: 0 !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 align to the right */
- .text-sm-right { text-align: right !important; }
- /* Text align to the left */
- .text-sm-left { text-align: left !important; }
- /* Text align to the center */
- .text-sm-center { text-align: center !important; } }
-@media (min-width: 768px) { /* Text align to the right */
- .text-md-right { text-align: right !important; }
- /* Text align to the left */
- .text-md-left { text-align: left !important; }
- /* Text align to the center */
- .text-md-center { text-align: center !important; } }
-@media (min-width: 1012px) { /* Text align to the right */
- .text-lg-right { text-align: right !important; }
- /* Text align to the left */
- .text-lg-left { text-align: left !important; }
- /* Text align to the center */
- .text-lg-center { text-align: center !important; } }
-@media (min-width: 1280px) { /* Text align to the right */
- .text-xl-right { text-align: right !important; }
- /* Text align to the left */
- .text-xl-left { text-align: left !important; }
- /* Text align to the center */
- .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 */
-.text-underline { text-decoration: underline !important; }
-
-/* Don't 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); }
-
-/* Set to monospace font */
-.text-mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; }
-
-/* Disallow user from selecting text */
-.user-select-none { user-select: none !important; }
-
-.d-block { display: block !important; }
-
-.d-flex { display: flex !important; }
-
-.d-inline { display: inline !important; }
-
-.d-inline-block { display: inline-block !important; }
-
-.d-inline-flex { display: inline-flex !important; }
-
-.d-none { display: none !important; }
-
-.d-table { display: table !important; }
-
-.d-table-cell { display: table-cell !important; }
-
-@media (min-width: 544px) { .d-sm-block { display: block !important; }
- .d-sm-flex { display: flex !important; }
- .d-sm-inline { display: inline !important; }
- .d-sm-inline-block { display: inline-block !important; }
- .d-sm-inline-flex { display: inline-flex !important; }
- .d-sm-none { display: none !important; }
- .d-sm-table { display: table !important; }
- .d-sm-table-cell { display: table-cell !important; } }
-@media (min-width: 768px) { .d-md-block { display: block !important; }
- .d-md-flex { display: flex !important; }
- .d-md-inline { display: inline !important; }
- .d-md-inline-block { display: inline-block !important; }
- .d-md-inline-flex { display: inline-flex !important; }
- .d-md-none { display: none !important; }
- .d-md-table { display: table !important; }
- .d-md-table-cell { display: table-cell !important; } }
-@media (min-width: 1012px) { .d-lg-block { display: block !important; }
- .d-lg-flex { display: flex !important; }
- .d-lg-inline { display: inline !important; }
- .d-lg-inline-block { display: inline-block !important; }
- .d-lg-inline-flex { display: inline-flex !important; }
- .d-lg-none { display: none !important; }
- .d-lg-table { display: table !important; }
- .d-lg-table-cell { display: table-cell !important; } }
-@media (min-width: 1280px) { .d-xl-block { display: block !important; }
- .d-xl-flex { display: flex !important; }
- .d-xl-inline { display: inline !important; }
- .d-xl-inline-block { display: inline-block !important; }
- .d-xl-inline-flex { display: inline-flex !important; }
- .d-xl-none { display: none !important; }
- .d-xl-table { display: table !important; }
- .d-xl-table-cell { display: table-cell !important; } }
-.v-hidden { visibility: hidden !important; }
-
-.v-visible { visibility: visible !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; } }
-/* Set the table-layout to fixed */
-.table-fixed { table-layout: fixed !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% !important; }
-
-.offset-2 { margin-left: 16.6666666667% !important; }
-
-.offset-3 { margin-left: 25% !important; }
-
-.offset-4 { margin-left: 33.3333333333% !important; }
-
-.offset-5 { margin-left: 41.6666666667% !important; }
-
-.offset-6 { margin-left: 50% !important; }
-
-.offset-7 { margin-left: 58.3333333333% !important; }
-
-.offset-8 { margin-left: 66.6666666667% !important; }
-
-.offset-9 { margin-left: 75% !important; }
-
-.offset-10 { margin-left: 83.3333333333% !important; }
-
-.offset-11 { margin-left: 91.6666666667% !important; }
-
-@media (min-width: 544px) { .offset-sm-1 { margin-left: 8.3333333333% !important; }
- .offset-sm-2 { margin-left: 16.6666666667% !important; }
- .offset-sm-3 { margin-left: 25% !important; }
- .offset-sm-4 { margin-left: 33.3333333333% !important; }
- .offset-sm-5 { margin-left: 41.6666666667% !important; }
- .offset-sm-6 { margin-left: 50% !important; }
- .offset-sm-7 { margin-left: 58.3333333333% !important; }
- .offset-sm-8 { margin-left: 66.6666666667% !important; }
- .offset-sm-9 { margin-left: 75% !important; }
- .offset-sm-10 { margin-left: 83.3333333333% !important; }
- .offset-sm-11 { margin-left: 91.6666666667% !important; } }
-@media (min-width: 768px) { .offset-md-1 { margin-left: 8.3333333333% !important; }
- .offset-md-2 { margin-left: 16.6666666667% !important; }
- .offset-md-3 { margin-left: 25% !important; }
- .offset-md-4 { margin-left: 33.3333333333% !important; }
- .offset-md-5 { margin-left: 41.6666666667% !important; }
- .offset-md-6 { margin-left: 50% !important; }
- .offset-md-7 { margin-left: 58.3333333333% !important; }
- .offset-md-8 { margin-left: 66.6666666667% !important; }
- .offset-md-9 { margin-left: 75% !important; }
- .offset-md-10 { margin-left: 83.3333333333% !important; }
- .offset-md-11 { margin-left: 91.6666666667% !important; } }
-@media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.3333333333% !important; }
- .offset-lg-2 { margin-left: 16.6666666667% !important; }
- .offset-lg-3 { margin-left: 25% !important; }
- .offset-lg-4 { margin-left: 33.3333333333% !important; }
- .offset-lg-5 { margin-left: 41.6666666667% !important; }
- .offset-lg-6 { margin-left: 50% !important; }
- .offset-lg-7 { margin-left: 58.3333333333% !important; }
- .offset-lg-8 { margin-left: 66.6666666667% !important; }
- .offset-lg-9 { margin-left: 75% !important; }
- .offset-lg-10 { margin-left: 83.3333333333% !important; }
- .offset-lg-11 { margin-left: 91.6666666667% !important; } }
-@media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.3333333333% !important; }
- .offset-xl-2 { margin-left: 16.6666666667% !important; }
- .offset-xl-3 { margin-left: 25% !important; }
- .offset-xl-4 { margin-left: 33.3333333333% !important; }
- .offset-xl-5 { margin-left: 41.6666666667% !important; }
- .offset-xl-6 { margin-left: 50% !important; }
- .offset-xl-7 { margin-left: 58.3333333333% !important; }
- .offset-xl-8 { margin-left: 66.6666666667% !important; }
- .offset-xl-9 { margin-left: 75% !important; }
- .offset-xl-10 { margin-left: 83.3333333333% !important; }
- .offset-xl-11 { margin-left: 91.6666666667% !important; } }
-.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/blog/index.html b/_site/blog/index.html
deleted file mode 100644
index 9410f3e..0000000
--- a/_site/blog/index.html
+++ /dev/null
@@ -1,495 +0,0 @@
-
-
-
- Cassian Godsted - Blog
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Event Insider
- May 20, 2024
-
-
-
-
-
-
-
Last week, I had the great opportunity to speak in a panel discussion with other event planning professionals.
I just released a new Minecraft modpack! It’s called Infinity Plus, and it expands upon Minecraft 20w14infinite by porting its features to a stable version of Minecraft. You can download it on Modrinth!
I just released a Minecraft modpack! It’s called Simply Infinite, and its the first ever public modpack for Minecraft 20w14infinite. You can download it on Modrinth!
I officially launched the first of my personal projects! It’s called Tier Away, and it helps you make tier lists without an account. You can try it here!
TechOlympics 2023 was back in person for the first time since 2020, and I was able to help plan it! It was an incredible event and I was so proud of the work our team was able to accomplish.
My club, Norse IoT at Northern Kentucky University, was written about in the Northerner for the work our club advisor and I did building humidity sensors to help investigate the water damage done to Griffin Hall. You can read more in The Northerner.
Amazing show at Suits That Rock 2022. Dad helped to raise $175,000 for The Carnegie’s childrens education program (oh, and got to play in front of a sold out crowd of 1,200 people!)
- Hi! I'm Cassian Godsted. I currently work at the INTERalliance of Greater Cincinnati as the Internal Systems Admin, but I'm looking for a full time position and/or freelance work.
- I'm a recent graduate of Northern Kentucky University's Computer Information Technology program.
- In my free time, I build web projects and contribute to open source software.
-
- This page is a portfolio of my various projects, mainly websites that I've worked on for the years. You may also be interested in a full resume, my GitHub, or my LinkedIn.
-
The INTERalliance of Greater Cincinnati is an education focused nonprofit focused on getting local students interested in technology.
- In 2017, I was hired onto INTERalliance as an intern, to handle various IT tasks during the summer while the Leadership Council IT Team was on summer break.
-
-
- I ended up sticking around, and my current role as the Internal Systems Admin at INTERalliance
- handles all aspects of INTERalliance's IT needs throughout the year, from web development, to Windows and Linux laptop automation, to Python scripting and data analysis.
-
-
- I've also had the opportunity to manage, maintain, and redesign the main INTERalliance and TechOlympics websites,
- as well as the site for our Wiki Races web app, and through INTERalliance was also given the opportunity to redesign
- the website for the Carnegie, a local theater in Covington, KY.
-
-
- My biggest contribution to INTERalliance is the new versions of INTERalliance.org and TechOlympics.org, as well as the website for WiIT Cincy.
- They're powered by GitHub Pages, make use of Jekyll for dynamic data, and are automatically backed up in case of emergency.
- While not as initially user friendly as the former Wordpress and Elementor powered sites, they allow new ILC members to learn
- the foundations of HTML and CSS in a safe and backed up environment.
-
-
-
-
-
-
-
-
-
-
-
INTERalliance
-
-
-
-
- Maintained, developed, and redesigned the INTERalliance website across six years.
-
-
Over the years I've managed and maintained the site, making small improvements and content changes as needed.
-
In 2024, I rebuilt this site from scratch, replacing the Wordpress site with a new Jekyll-powered GitHub Pages site.
-
Notice: The INTERalliance site is copyrighted by the INTERalliance of Greater Cincinnati, and I work on the site while employed there.
-
-
- Maintained and helped redesigned the Wiki Races web app.
-
-
When TechOlympics switched to a virtual event in 2021, all of our competitions needed to be reworked to accomodate this new (lack of) venue.
- One of these competitions was Wiki Races, a game where players race from one Wikipedia article to another by making connections between them using internal links.
-
Because no off the shelf solution existed, Zack Sargent of the INTERalliance Leadership Council wrote a custom website to keep users on track.
-
After he graduated, I took over maintenance of the project, and worked with him in 2023 to do a full face lift, giving it a more modern look.
- In 2022, I was elected Vice President of the Norse IoT Club at NKU. As Vice President,
- I built an interface for scanning members Student IDs to check them into events, and was responsible for planning and executing
- our Website Workshops event, where we built HTML/CSS resumes for students to share on their personal NKU websites.
-
-
- In 2023, I was then elected President of the club. One of my first actions was migrating the club's website to GitHub Pages.
- One of the chief benefits of this migration was that it was now able to be easily changed by myself and other club leadership
- and even interested members.
-
-
- Since graduating, I've remained involved as an alumni, helping with projects like our Websocket Workshops at TechOlympics 2025 and the Blink TANK Bus in 2024.
-
-
-
-
-
-
Freelance Work
-
-
-
- After graduating in 2024, I had the opportunity to start working freelance. I'm always looking for work, so send me an email (cassian@godsted.com) if you need web development work done!
-
-
- One recent project was a redesign of the website for Beechwood Farms, an HOA in Somerset, KY. They needed an informational site about their organization after losing access to their old site. As they were not able to get this done on their own, they brought me on to redesign and host their site.
-
-
-
-
-
-
-
Beechwood Farms
-
-
- Beechwood Farms needed a small informational site that gave details about their organization.
-
- One of my first personal projects was a site called Tier Away. Tier Away served as a tier list generator. Tier lists,
- for those unfamiliar, are a quick and easy way to rank various similar things, from the highest S Tier to the lowest F
- Tier.
-
-
- Tier Away was prompted by my personal frustration that the only prominent tier list maker program required you to sign
- in with a social media account, and required that all tier lists you make be public. Tier Away did away with that, and
- let users dynamically make their own tier lists.
-
-
- With the help of Luke Trenaman, who I had previously worked with on the INTERalliance Website Redesign in 2022, we built
- Tier Away in Summer of 2022. Tier Away is still in development but at this point
- it fulfills my needs for private tier list generation.
-
Tier Away is a simple, open source tier list creation tool. No accounts, no public data, no prep work, no hassle.
- read more...
-
-
Tier Away was created as a hobbyist project to resolve a seeming lack of clientside tier list makers. Not everything needs to be uploaded to the cloud.
-
Tier Away was designed by Cassian Godsted, with help from Luke Trenaman.
JustServe is a simple, open source, self hosted digital signage tool. No accounts, no public data, no prep work, no hassle.
- read more...
-
-
JustServe was created as a hobbyist project to resolve a seeming lack of self hosted digital signage solutions. Not everything needs to be uploaded to the cloud.
- In 2024, I began to work on a digital signage app called JustServe. JustServe is designed to be a simple and reliable digital signage solution that
- allows for a self-hosted server to show content on multiple connected clients.
-
-
- The server can be self-hosted on any Linux machine with NodeJS, and all a client needs to connect is a web browser (with WebSocket support).
- This solution is ideal for conferences that want greater control over their digital signage without needing to pay for a cloud solution.
-
-
- JustServe is still in active alpha development, so its not ready for production use.
-
- Thanks for reading! If you're interested in hiring me, I'm always open to work. Send me an
- email
- or connect with me on
- LinkedIn, and I'll be in touch.
-
-
- If you're interested in contributing to one of my side projects, check out my
- GitHub. I'm always working on something new, so check back soon for new projects!
-
-
-
-
-
-
-
-
-
- Cassian Godsted
-
-
-
-
-
-
\ No newline at end of file
diff --git a/_site/js/glide.js b/_site/js/glide.js
deleted file mode 100644
index 5ec2b23..0000000
--- a/_site/js/glide.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Glide.js v3.6.0
- * (c) 2013-2022 Jędrzej Chałubek (https://github.com/jedrzejchalubek/)
- * Released under the MIT License.
- */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Glide=e()}(this,(function(){"use strict";function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{};e(this,t),this.events=n,this.hop=n.hasOwnProperty}return i(t,[{key:"on",value:function(t,e){if(!g(t)){this.hop.call(this.events,t)||(this.events[t]=[]);var n=this.events[t].push(e)-1;return{remove:function(){delete this.events[t][n]}}}for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:{};e(this,t),this._c={},this._t=[],this._e=new _,this.disabled=!1,this.selector=n,this.settings=w(l,i),this.index=this.settings.startAt}return i(t,[{key:"mount",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this._e.emit("mount.before"),v(t)?this._c=y(this,t,this._e):f("You need to provide a object on `mount()`"),this._e.emit("mount.after"),this}},{key:"mutate",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return g(t)?this._t=t:f("You need to provide a array on `mutate()`"),this}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.settings=w(this.settings,t),t.hasOwnProperty("startAt")&&(this.index=t.startAt),this._e.emit("update"),this}},{key:"go",value:function(t){return this._c.Run.make(t),this}},{key:"move",value:function(t){return this._c.Transition.disable(),this._c.Move.make(t),this}},{key:"destroy",value:function(){return this._e.emit("destroy"),this}},{key:"play",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return t&&(this.settings.autoplay=t),this._e.emit("play"),this}},{key:"pause",value:function(){return this._e.emit("pause"),this}},{key:"disable",value:function(){return this.disabled=!0,this}},{key:"enable",value:function(){return this.disabled=!1,this}},{key:"on",value:function(t,e){return this._e.on(t,e),this}},{key:"isType",value:function(t){return this.settings.type===t}},{key:"settings",get:function(){return this._o},set:function(t){v(t)?this._o=t:f("Options must be an `object` instance.")}},{key:"index",get:function(){return this._i},set:function(t){this._i=d(t)}},{key:"type",get:function(){return this.settings.type}},{key:"disabled",get:function(){return this._d},set:function(t){this._d=!!t}}]),t}();function S(){return(new Date).getTime()}function H(t,e,n){var i,r,o,s,a=0;n||(n={});var u=function(){a=!1===n.leading?0:S(),i=null,s=t.apply(r,o),i||(r=o=null)},c=function(){var c=S();a||!1!==n.leading||(a=c);var l=e-(c-a);return r=this,o=arguments,l<=0||l>e?(i&&(clearTimeout(i),i=null),a=c,s=t.apply(r,o),i||(r=o=null)):i||!1===n.trailing||(i=setTimeout(u,l)),s};return c.cancel=function(){clearTimeout(i),a=0,i=r=o=null},c}var O={ltr:["marginLeft","marginRight"],rtl:["marginRight","marginLeft"]};function T(t){if(t&&t.parentNode){for(var e=t.parentNode.firstChild,n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}return[]}function x(t){return!!(t&&t instanceof window.HTMLElement)}function A(t){return Array.prototype.slice.call(t)}var j='[data-glide-el="track"]';var R=function(){function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e(this,t),this.listeners=n}return i(t,[{key:"on",value:function(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];h(t)&&(t=[t]);for(var r=0;r2&&void 0!==arguments[2]&&arguments[2];h(t)&&(t=[t]);for(var i=0;i":"<","<":">","=":"="};function L(t,e){return{modify:function(t){return e.Direction.is("rtl")?-t:t}}}function M(t,e){return{modify:function(t){var n=Math.floor(t/e.Sizes.slideWidth);return t+e.Gaps.value*n}}}function z(t,e){return{modify:function(t){return t+e.Clones.grow/2}}}function E(t,e){return{modify:function(n){if(t.settings.focusAt>=0){var i=e.Peek.value;return v(i)?n-i.before:n-i}return n}}}function D(t,e){return{modify:function(n){var i=e.Gaps.value,r=e.Sizes.width,o=t.settings.focusAt,s=e.Sizes.slideWidth;return"center"===o?n-(r/2-s/2):n-s*o-i*o}}}var B=!1;try{var W=Object.defineProperty({},"passive",{get:function(){B=!0}});window.addEventListener("testPassive",null,W),window.removeEventListener("testPassive",null,W)}catch(t){}var q=B,I=["touchstart","mousedown"],V=["touchmove","mousemove"],G=["touchend","touchcancel","mouseup","mouseleave"],F=["mousedown","mousemove","mouseup","mouseleave"];var N='[data-glide-el^="controls"]',Y="".concat(N,' [data-glide-dir*="<"]'),X="".concat(N,' [data-glide-dir*=">"]');function K(t){return v(t)?(e=t,Object.keys(e).sort().reduce((function(t,n){return t[n]=e[n],t[n],t}),{})):(f("Breakpoints option must be an object"),{});var e}var J={Html:function(t,e,n){var i={mount:function(){this.root=t.selector,this.track=this.root.querySelector(j),this.collectSlides()},collectSlides:function(){this.slides=A(this.wrapper.children).filter((function(e){return!e.classList.contains(t.settings.classes.slide.clone)}))}};return b(i,"root",{get:function(){return i._r},set:function(t){h(t)&&(t=document.querySelector(t)),x(t)?i._r=t:f("Root element must be a existing Html node")}}),b(i,"track",{get:function(){return i._t},set:function(t){x(t)?i._t=t:f("Could not find track element. Please use ".concat(j," attribute."))}}),b(i,"wrapper",{get:function(){return i.track.children[0]}}),n.on("update",(function(){i.collectSlides()})),i},Translate:function(t,e,n){var i={set:function(n){var i=function(t,e,n){var i=[M,z,E,D].concat(t._t,[L]);return{mutate:function(r){for(var o=0;o")||e.Run.isOffset("|>")?n+(i-r):(i+r)%n},getTravelDistance:function(){var n=e.Sizes.slideWidth*t.settings.perView;return e.Run.isOffset(">")||e.Run.isOffset("|>")?-1*n:n}};return n.on("move",(function(r){if(!t.isType("carousel")||!e.Run.isOffset())return i.set(r.movement);e.Transition.after((function(){n.emit("translate.jump"),i.set(e.Sizes.slideWidth*t.index)}));var o=e.Sizes.slideWidth*e.Translate.getStartIndex();return i.set(o-e.Translate.getTravelDistance())})),n.on("destroy",(function(){i.remove()})),i},Transition:function(t,e,n){var i=!1,r={compose:function(e){var n=t.settings;return i?"".concat(e," 0ms ").concat(n.animationTimingFunc):"".concat(e," ").concat(this.duration,"ms ").concat(n.animationTimingFunc)},set:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";e.Html.wrapper.style.transition=this.compose(t)},remove:function(){e.Html.wrapper.style.transition=""},after:function(t){setTimeout((function(){t()}),this.duration)},enable:function(){i=!1,this.set()},disable:function(){i=!0,this.set()}};return b(r,"duration",{get:function(){var n=t.settings;return t.isType("slider")&&e.Run.offset?n.rewindDuration:n.animationDuration}}),n.on("move",(function(){r.set()})),n.on(["build.before","resize","translate.jump"],(function(){r.disable()})),n.on("run",(function(){r.enable()})),n.on("destroy",(function(){r.remove()})),r},Direction:function(t,e,n){var i={mount:function(){this.value=t.settings.direction},resolve:function(t){var e=t.slice(0,1);return this.is("rtl")?t.split(e).join(C[e]):t},is:function(t){return this.value===t},addClass:function(){e.Html.root.classList.add(t.settings.classes.direction[this.value])},removeClass:function(){e.Html.root.classList.remove(t.settings.classes.direction[this.value])}};return b(i,"value",{get:function(){return i._v},set:function(t){P.indexOf(t)>-1?i._v=t:f("Direction value must be `ltr` or `rtl`")}}),n.on(["destroy","update"],(function(){i.removeClass()})),n.on("update",(function(){i.mount()})),n.on(["build.before","update"],(function(){i.addClass()})),i},Peek:function(t,e,n){var i={mount:function(){this.value=t.settings.peek}};return b(i,"value",{get:function(){return i._v},set:function(t){v(t)?(t.before=d(t.before),t.after=d(t.after)):t=d(t),i._v=t}}),b(i,"reductor",{get:function(){var e=i.value,n=t.settings.perView;return v(e)?e.before/n+e.after/n:2*e/n}}),n.on(["resize","update"],(function(){i.mount()})),i},Sizes:function(t,e,n){var i={setupSlides:function(){for(var t="".concat(this.slideWidth,"px"),n=e.Html.slides,i=0;i0&&void 0!==arguments[0]?arguments[0]:0;this.offset=i,n.emit("move",{movement:this.value}),e.Transition.after((function(){n.emit("move.after",{movement:t.value})}))}};return b(i,"offset",{get:function(){return i._o},set:function(t){i._o=m(t)?0:d(t)}}),b(i,"translate",{get:function(){return e.Sizes.slideWidth*t.index}}),b(i,"value",{get:function(){var t=this.offset,n=this.translate;return e.Direction.is("rtl")?n+t:n-t}}),n.on(["build.before","run"],(function(){i.make()})),i},Clones:function(t,e,n){var i={mount:function(){this.items=[],t.isType("carousel")&&(this.items=this.collect())},collect:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],i=e.Html.slides,r=t.settings,o=r.perView,s=r.classes,a=r.cloningRatio;if(0!==i.length)for(var u=+!!t.settings.peek,c=o+u+Math.round(o/2),l=i.slice(0,c).reverse(),f=i.slice(-1*c),d=0;dn?void(t.index=n):void(t.index=r);if(">"!==o||">"!==r)if("<"!==o||"<"!==r){if("|"===o&&(s=t.settings.perView||1),">"===o||"|"===o&&">"===r){var a=function(e){var n=t.index;if(t.isType("carousel"))return n+e;return n+(e-n%e)}(s);return a>n&&(this._o=!0),void(t.index=function(e,n){var r=i.length;if(e<=r)return e;if(t.isType("carousel"))return e-(r+1);if(t.settings.rewind)return i.isBound()&&!i.isEnd()?r:0;if(i.isBound())return r;return Math.floor(r/n)*n}(a,s))}if("<"===o||"|"===o&&"<"===r){var u=function(e){var n=t.index;if(t.isType("carousel"))return n-e;return(Math.ceil(n/e)-1)*e}(s);return u<0&&(this._o=!0),void(t.index=function(e,n){var r=i.length;if(e>=0)return e;if(t.isType("carousel"))return e+(r+1);if(t.settings.rewind)return i.isBound()&&i.isStart()?r:Math.floor(r/n)*n;return 0}(u,s))}f("Invalid direction pattern [".concat(o).concat(r,"] has been used"))}else t.index=0;else t.index=n},isStart:function(){return t.index<=0},isEnd:function(){return t.index>=this.length},isOffset:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return t?!!this._o&&("|>"===t?"|"===this.move.direction&&">"===this.move.steps:"|<"===t?"|"===this.move.direction&&"<"===this.move.steps:this.move.direction===t):this._o},isBound:function(){return t.isType("slider")&&"center"!==t.settings.focusAt&&t.settings.bound}};return b(i,"move",{get:function(){return this._m},set:function(t){var e=t.substr(1);this._m={direction:t.substr(0,1),steps:e?d(e)?d(e):e:0}}}),b(i,"length",{get:function(){var n=t.settings,i=e.Html.slides.length;return this.isBound()?i-1-(d(n.perView)-1)+d(n.focusAt):i-1}}),b(i,"offset",{get:function(){return this._o}}),i},Swipe:function(t,e,n){var i=new R,r=0,o=0,s=0,a=!1,u=!!q&&{passive:!0},c={mount:function(){this.bindSwipeStart()},start:function(e){if(!a&&!t.disabled){this.disable();var i=this.touches(e);r=null,o=d(i.pageX),s=d(i.pageY),this.bindSwipeMove(),this.bindSwipeEnd(),n.emit("swipe.start")}},move:function(i){if(!t.disabled){var a=t.settings,u=a.touchAngle,c=a.touchRatio,l=a.classes,f=this.touches(i),h=d(f.pageX)-o,v=d(f.pageY)-s,p=Math.abs(h<<2),m=Math.abs(v<<2),g=Math.sqrt(p+m),y=Math.sqrt(m);if(!(180*(r=Math.asin(y/g))/Math.PIf&&h"))):e.Move.make(),e.Html.root.classList.remove(c.dragging),this.unbindSwipeMove(),this.unbindSwipeEnd(),n.emit("swipe.end")}},bindSwipeStart:function(){var n=this,r=t.settings,o=r.swipeThreshold,s=r.dragThreshold;o&&i.on(I[0],e.Html.wrapper,(function(t){n.start(t)}),u),s&&i.on(I[1],e.Html.wrapper,(function(t){n.start(t)}),u)},unbindSwipeStart:function(){i.off(I[0],e.Html.wrapper,u),i.off(I[1],e.Html.wrapper,u)},bindSwipeMove:function(){var n=this;i.on(V,e.Html.wrapper,H((function(t){n.move(t)}),t.settings.throttle),u)},unbindSwipeMove:function(){i.off(V,e.Html.wrapper,u)},bindSwipeEnd:function(){var t=this;i.on(G,e.Html.wrapper,(function(e){t.end(e)}))},unbindSwipeEnd:function(){i.off(G,e.Html.wrapper)},touches:function(t){return F.indexOf(t.type)>-1?t:t.touches[0]||t.changedTouches[0]},threshold:function(e){var n=t.settings;return F.indexOf(e.type)>-1?n.dragThreshold:n.swipeThreshold},enable:function(){return a=!1,e.Transition.enable(),this},disable:function(){return a=!0,e.Transition.disable(),this}};return n.on("build.after",(function(){e.Html.root.classList.add(t.settings.classes.swipeable)})),n.on("destroy",(function(){c.unbindSwipeStart(),c.unbindSwipeMove(),c.unbindSwipeEnd(),i.destroy()})),c},Images:function(t,e,n){var i=new R,r={mount:function(){this.bind()},bind:function(){i.on("dragstart",e.Html.wrapper,this.dragstart)},unbind:function(){i.off("dragstart",e.Html.wrapper)},dragstart:function(t){t.preventDefault()}};return n.on("destroy",(function(){r.unbind(),i.destroy()})),r},Anchors:function(t,e,n){var i=new R,r=!1,o=!1,s={mount:function(){this._a=e.Html.wrapper.querySelectorAll("a"),this.bind()},bind:function(){i.on("click",e.Html.wrapper,this.click)},unbind:function(){i.off("click",e.Html.wrapper)},click:function(t){o&&(t.stopPropagation(),t.preventDefault())},detach:function(){if(o=!0,!r){for(var t=0;t"))),"ArrowLeft"===n.code&&e.Run.make(e.Direction.resolve("".concat(i,"<")))}};return n.on(["destroy","update"],(function(){r.unbind()})),n.on("update",(function(){r.mount()})),n.on("destroy",(function(){i.destroy()})),r},Autoplay:function(t,e,n){var i=new R,r={mount:function(){this.enable(),this.start(),t.settings.hoverpause&&this.bind()},enable:function(){this._e=!0},disable:function(){this._e=!1},start:function(){var i=this;this._e&&(this.enable(),t.settings.autoplay&&m(this._i)&&(this._i=setInterval((function(){i.stop(),e.Run.make(">"),i.start(),n.emit("autoplay")}),this.time)))},stop:function(){this._i=clearInterval(this._i)},bind:function(){var t=this;i.on("mouseover",e.Html.root,(function(){t._e&&t.stop()})),i.on("mouseout",e.Html.root,(function(){t._e&&t.start()}))},unbind:function(){i.off(["mouseover","mouseout"],e.Html.root)}};return b(r,"time",{get:function(){var n=e.Html.slides[t.index].getAttribute("data-glide-autoplay");return d(n||t.settings.autoplay)}}),n.on(["destroy","update"],(function(){r.unbind()})),n.on(["run.before","swipe.start","update"],(function(){r.stop()})),n.on(["pause","destroy"],(function(){r.disable(),r.stop()})),n.on(["run.after","swipe.end"],(function(){r.start()})),n.on(["play"],(function(){r.enable(),r.start()})),n.on("update",(function(){r.mount()})),n.on("destroy",(function(){i.destroy()})),r},Breakpoints:function(t,e,n){var i=new R,r=t.settings,o=K(r.breakpoints),s=Object.assign({},r),a={match:function(t){if(void 0!==window.matchMedia)for(var e in t)if(t.hasOwnProperty(e)&&window.matchMedia("(max-width: ".concat(e,"px)")).matches)return t[e];return s}};return Object.assign(r,a.match(o)),i.on("resize",window,H((function(){t.settings=w(r,a.match(o))}),t.settings.throttle)),n.on("update",(function(){o=K(o),s=Object.assign({},r)})),n.on("destroy",(function(){i.off("resize",window)})),a}},Q=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}(s,t);var n=a(s);function s(){return e(this,s),n.apply(this,arguments)}return i(s,[{key:"mount",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return c(r(s.prototype),"mount",this).call(this,Object.assign({},J,t))}}]),s}(k);return Q}));
\ No newline at end of file
diff --git a/_site/js/index.js b/_site/js/index.js
deleted file mode 100644
index 4319e4d..0000000
--- a/_site/js/index.js
+++ /dev/null
@@ -1,93 +0,0 @@
-let height = 591, peekVal;
-const page = document.location.pathname
-
-function openCollapsible(button) {
- height = 591
- button.classList.toggle("active");
- let readmore = button.nextElementSibling;
- let content = readmore.nextElementSibling;
- if (content.style.display === "block") {
- content.style.display = "none";
- readmore.innerHTML = ` read more...`
- } else {
- readmore.innerHTML = " read less..."
- content.style.display = "block";
- document.querySelectorAll(".item").forEach(function(element) {
- if (element.clientHeight > height ) {
- height = element.clientHeight
- }
- })
- }
-
- document.querySelectorAll(".item").forEach(function(element) {
- element.style.minHeight = `${height}px`
-
- })
-
-};
-
-
-var iaGlide = new Glide('#ia-glide', {
- autoplay: 4000,
- type: "carousel",
- animationDuration: 2000,
- animationTimingFunc: 'linear',
- peek: {
- before: peekVal,
- after: peekVal
-}})
-var iotGlide = new Glide('#iot-glide', {
- autoplay: 4000,
- type: "carousel",
- animationDuration: 2000,
- animationTimingFunc: 'linear',
- peek: {
- before: peekVal,
- after: peekVal
-}})
-
-function peek () {
- peekVal = document.querySelector(".carousel").clientWidth
- let carousel = document.querySelector(".carousel").clientWidth
- if (carousel > 1600) {
- peekVal = peekVal / 3
-
- }
- else if (carousel > 1200) {
- peekVal = peekVal / 4
-
- }
- else if (carousel > 600) {
- peekVal = peekVal / 5
-
- }
- else {
- peekVal = Math.sqrt(peekVal)
- peekVal * 6
-
- }
- iotGlide.update({
- peek: {
- before: peekVal,
- after: peekVal
- }
- })
- iaGlide.update({
- peek: {
- before: peekVal,
- after: peekVal
- }
- })
- return peekVal
-}
-
-
-if (page == "/") {
- peek()
- peekVal = document.querySelector(".item").clientWidth
- iaGlide.mount()
- iotGlide.mount()
- peek()
- window.addEventListener("resize", peek);
-
-}
\ No newline at end of file
diff --git a/_site/milestones/index.html b/_site/milestones/index.html
deleted file mode 100644
index bd1ddb9..0000000
--- a/_site/milestones/index.html
+++ /dev/null
@@ -1,110 +0,0 @@
-
-
-
- Cassian Godsted - Milestones by year
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
2024
-
-
In February 2024, while working for INTERalliance, I helped execute TechOlympics 2024: Empower, at our brand new venue P&G Towers in Cincinnati. I helped with on-site tech support and registration, and ran a Wiki Races competition and an Internet of Things workshop. Before the event, I updated the website to reflect the upcoming event.
-
In January 2024, while working for INTERalliance, released brand new versions of the INTERalliance.org and TechOlympics.org websites powered by Jekyll and GitHub Pages to replaces the Wordpress versions. This change finally brought of all INTERalliance's websites back in house.
-
-
-
-
-
-
-
2023
-
-
In March 2023, as Vice President of the Norse IoT Club, I designed a Website Workshop event to teach NKU students basic HTML so they could showcase their skills to employers with a personal resume website. I created a guide that covered connecting to NKU's network drives, six HTML templates, and an index site that used JavaScript to allow students to pick a template with dynamic CSS.
-
Also in March, I released Tier Away! I started working on it in the summer of the previous year as a hobby project to learn more about JavaScript by developing a client-side tier list designer app. I had used a few other sites like it over the years, but none of them did the job.
-
In February 2023, while working for INTERalliance, I helped execute TechOlympics 2023: Electrify, the first TechOlympics back in person since the pandemic. I helped with on-site tech support and registration, and before the event helped update the website to reflect the upcoming event.
-
-
-
-
-
-
2022
-
-
In November 2022, I became Vice President of the Norse IoT Club at NKU.
-
In August 2022, I was hired on to NKU's Informatics+ center to help with day to day operations and event planning and execution.
-
In Summer 2022, I led a five person team to completely redesign INTERalliance.org from the ground up, improving elements ignored over the years. Our team started from a blank Wordpress site and based on the designs created by our graphic designer, created a new INTERalliance.org in Elementor, a WYSISWYG editor for Wordpress. The new site also employs dynamic data for the ILC, Board, and Home pages that can be added to without having to edit the site manually.
-
In February 2022, I helped plan and execute TechOlympics 2022: Byte Back, and its accompanying Hackathon. On the day of the event, I helped with Zoom Administration and Whova Moderation. Before the event, I was in charge of updating the website to reflect the event.
-
-
-
-
2021
-
-
In November 2021, I helped plan and execute the ZeroDay/INTERalliance Extra-Life Game Day charity livestream. I designed a website on INTERalliance.org for the event and stayed up administrating the event and also streaming to support the ExtraLife charity.
-
In Summer 2021, I rebuilt the website for the Carnegie, a local nonprofit, as the sole frontend developer based off design file mockups they created.
-
In February 2021, I helped plan and execute TechOlympics 2021: Illuminate, the first ever virtual TechOlympics. Throughout the month log event, I helped with Zoom Administration and Whova Moderation. Before the event, I was in charge of updating the website to reflect the event.
-
-
-
-
2020
-
-
In November of 2020, I helped with Zoom Administration for the annual WIiT conference.
-
In August of 2020, I started at Northern Kentucky University, studying Computer Information Technology.
-
In February 2020, I helped plan and execute TechOlympics 2020: Activate, my first TechOlympics as an organizer and the first TechOlympics at the Great American Ball Park. Before the event, I helped set up the website and Whova for the new event.
-
-
-
-
2019
-
-
Over the summer of June 2019, I worked on archiving and uploading old competition and event materials from previous years. I also familiarized myself with the INTERalliance website and Wordpress as a whole, and would begin updating the site when necessary, adding announcements, new pages, and updating anything that would become out of date.
-
In June 2019, I was hired at INTERalliance as the Internal Systems Intern.
- Managed and redesigned multiple INTERalliance websites,
- and handled redesigns of the websites for WiIT Cincy and The Carnegie.
-
-
- Maintained existing internal technology applications used in the operations of the
- organization. This includes laptop imaging, data analysis, and IT support.
-
-
- Helped plan and execute TechOlympics 2020-2025, bringing the nation’s largest
- student run tech conference to new venues.
-
-
- Helped train incoming staff on the management of the INTERalliance websites
- and data management tools.
-
-
-
-
-
-
Operations and Events Assistant
-
Northern Kentucky University, COICollege of Informatics
-
August 2022 - May 2024
-
-
-
- Assisted with planning and coordination of NKU
- events including the Cybersecurity Symposium, and Digital Transformation Conference.
-
-
-
-
-
-
Technology Intern
-
Kroger Technology, Cloud Team
-
June 2023 - August 2023
-
-
- At Kroger, I assisted with their Azure and Google Cloud Platform projects.
- I was able to become familiar with Terraform for deployment of cloud resources.
-
-
-
-
-
-
Freelance Work
-
July 2024 - Present
-
-
- Since graduating, I've spent time working freelance on various projects, including web development and Java development.
-
-
-
-
-
-
-
-
-
-
-
Summary
-
- While primarily a web developer, my work in the nonprofit and education spaces have given me
- opportunities to
- learn a variety of skills, including event management, scripting and automation, and more.
- I'm always willing to learn, and I pride myself on being driven to make my work a success.
-
This solution is ideal for conferences that want greater control over their digital signage without needing to pay for a cloud solution.
- JustServe is still in active alpha development, so its not ready for production use.
+ JustServe is still in alpha development, so its not ready for production use.