diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index 328023abbe33..000000000000
--- a/.travis.yml
+++ /dev/null
@@ -1,19 +0,0 @@
-language: ruby
-rvm:
- - 2.4.1
-
-# Assume bundler is being used, therefore
-# the `install` step will run `bundle install` by default.
-script: ./bin/cibuild
-
-env:
- global:
- - NOKOGIRI_USE_SYSTEM_LIBRARIES=true # speeds up installation of html-proofer
-
-sudo: false # route your build to the container-based infrastructure for a faster build
-
-cache: bundler # caching bundler gem packages will speed up build
-
-# Optional: disable email notifications about the outcome of your builds
-notifications:
- email: false
diff --git a/CNAME b/CNAME
new file mode 100644
index 000000000000..4b67c6f71ed5
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+tedc.cc
\ No newline at end of file
diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 000000000000..f65f99c432d9
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,274 @@
+GEM
+ remote: https://rubygems.org/
+ specs:
+ activesupport (4.2.11.1)
+ i18n (~> 0.7)
+ minitest (~> 5.1)
+ thread_safe (~> 0.3, >= 0.3.4)
+ tzinfo (~> 1.1)
+ addressable (2.6.0)
+ public_suffix (>= 2.0.2, < 4.0)
+ bibtex-ruby (4.4.7)
+ latex-decode (~> 0.0)
+ citeproc (1.0.9)
+ namae (~> 1.0)
+ citeproc-ruby (1.1.10)
+ citeproc (~> 1.0, >= 1.0.9)
+ csl (~> 1.5)
+ coffee-script (2.4.1)
+ coffee-script-source
+ execjs
+ coffee-script-source (1.11.1)
+ colorator (1.1.0)
+ commonmarker (0.17.13)
+ ruby-enum (~> 0.5)
+ concurrent-ruby (1.1.5)
+ csl (1.5.0)
+ namae (~> 1.0)
+ csl-styles (1.0.1.9)
+ csl (~> 1.0)
+ dnsruby (1.61.2)
+ addressable (~> 2.5)
+ em-websocket (0.5.1)
+ eventmachine (>= 0.12.9)
+ http_parser.rb (~> 0.6.0)
+ ethon (0.12.0)
+ ffi (>= 1.3.0)
+ eventmachine (1.2.7-x64-mingw32)
+ execjs (2.7.0)
+ faraday (0.15.4)
+ multipart-post (>= 1.2, < 3)
+ ffi (1.11.1-x64-mingw32)
+ forwardable-extended (2.6.0)
+ gemoji (3.0.1)
+ github-pages (198)
+ activesupport (= 4.2.11.1)
+ github-pages-health-check (= 1.16.1)
+ jekyll (= 3.8.5)
+ jekyll-avatar (= 0.6.0)
+ jekyll-coffeescript (= 1.1.1)
+ jekyll-commonmark-ghpages (= 0.1.5)
+ jekyll-default-layout (= 0.1.4)
+ jekyll-feed (= 0.11.0)
+ jekyll-gist (= 1.5.0)
+ jekyll-github-metadata (= 2.12.1)
+ jekyll-mentions (= 1.4.1)
+ jekyll-optional-front-matter (= 0.3.0)
+ jekyll-paginate (= 1.1.0)
+ jekyll-readme-index (= 0.2.0)
+ jekyll-redirect-from (= 0.14.0)
+ jekyll-relative-links (= 0.6.0)
+ jekyll-remote-theme (= 0.3.1)
+ jekyll-sass-converter (= 1.5.2)
+ jekyll-seo-tag (= 2.5.0)
+ jekyll-sitemap (= 1.2.0)
+ jekyll-swiss (= 0.4.0)
+ jekyll-theme-architect (= 0.1.1)
+ jekyll-theme-cayman (= 0.1.1)
+ jekyll-theme-dinky (= 0.1.1)
+ jekyll-theme-hacker (= 0.1.1)
+ jekyll-theme-leap-day (= 0.1.1)
+ jekyll-theme-merlot (= 0.1.1)
+ jekyll-theme-midnight (= 0.1.1)
+ jekyll-theme-minimal (= 0.1.1)
+ jekyll-theme-modernist (= 0.1.1)
+ jekyll-theme-primer (= 0.5.3)
+ jekyll-theme-slate (= 0.1.1)
+ jekyll-theme-tactile (= 0.1.1)
+ jekyll-theme-time-machine (= 0.1.1)
+ jekyll-titles-from-headings (= 0.5.1)
+ jemoji (= 0.10.2)
+ kramdown (= 1.17.0)
+ liquid (= 4.0.0)
+ listen (= 3.1.5)
+ mercenary (~> 0.3)
+ minima (= 2.5.0)
+ nokogiri (>= 1.8.5, < 2.0)
+ rouge (= 2.2.1)
+ terminal-table (~> 1.4)
+ github-pages-health-check (1.16.1)
+ addressable (~> 2.3)
+ dnsruby (~> 1.60)
+ octokit (~> 4.0)
+ public_suffix (~> 3.0)
+ typhoeus (~> 1.3)
+ html-pipeline (2.11.0)
+ activesupport (>= 2)
+ nokogiri (>= 1.4)
+ http_parser.rb (0.6.0)
+ i18n (0.9.5)
+ concurrent-ruby (~> 1.0)
+ jekyll (3.8.5)
+ addressable (~> 2.4)
+ colorator (~> 1.0)
+ em-websocket (~> 0.5)
+ i18n (~> 0.7)
+ jekyll-sass-converter (~> 1.0)
+ jekyll-watch (~> 2.0)
+ kramdown (~> 1.14)
+ liquid (~> 4.0)
+ mercenary (~> 0.3.3)
+ pathutil (~> 0.9)
+ rouge (>= 1.7, < 4)
+ safe_yaml (~> 1.0)
+ jekyll-avatar (0.6.0)
+ jekyll (~> 3.0)
+ jekyll-coffeescript (1.1.1)
+ coffee-script (~> 2.2)
+ coffee-script-source (~> 1.11.1)
+ jekyll-commonmark (1.3.1)
+ commonmarker (~> 0.14)
+ jekyll (>= 3.7, < 5.0)
+ jekyll-commonmark-ghpages (0.1.5)
+ commonmarker (~> 0.17.6)
+ jekyll-commonmark (~> 1)
+ rouge (~> 2)
+ jekyll-default-layout (0.1.4)
+ jekyll (~> 3.0)
+ jekyll-email-protect (1.1.0)
+ jekyll-feed (0.11.0)
+ jekyll (~> 3.3)
+ jekyll-gist (1.5.0)
+ octokit (~> 4.2)
+ jekyll-github-metadata (2.12.1)
+ jekyll (~> 3.4)
+ octokit (~> 4.0, != 4.4.0)
+ jekyll-mentions (1.4.1)
+ html-pipeline (~> 2.3)
+ jekyll (~> 3.0)
+ jekyll-optional-front-matter (0.3.0)
+ jekyll (~> 3.0)
+ jekyll-paginate (1.1.0)
+ jekyll-readme-index (0.2.0)
+ jekyll (~> 3.0)
+ jekyll-redirect-from (0.14.0)
+ jekyll (~> 3.3)
+ jekyll-relative-links (0.6.0)
+ jekyll (~> 3.3)
+ jekyll-remote-theme (0.3.1)
+ jekyll (~> 3.5)
+ rubyzip (>= 1.2.1, < 3.0)
+ jekyll-sass-converter (1.5.2)
+ sass (~> 3.4)
+ jekyll-scholar (5.14.1)
+ bibtex-ruby (~> 4.0, >= 4.0.13)
+ citeproc-ruby (~> 1.0)
+ csl-styles (~> 1.0)
+ jekyll (~> 3.0)
+ jekyll-seo-tag (2.5.0)
+ jekyll (~> 3.3)
+ jekyll-sitemap (1.2.0)
+ jekyll (~> 3.3)
+ jekyll-swiss (0.4.0)
+ jekyll-theme-architect (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-cayman (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-dinky (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-hacker (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-leap-day (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-merlot (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-midnight (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-minimal (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-modernist (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-primer (0.5.3)
+ jekyll (~> 3.5)
+ jekyll-github-metadata (~> 2.9)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-slate (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-tactile (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-theme-time-machine (0.1.1)
+ jekyll (~> 3.5)
+ jekyll-seo-tag (~> 2.0)
+ jekyll-titles-from-headings (0.5.1)
+ jekyll (~> 3.3)
+ jekyll-watch (2.2.1)
+ listen (~> 3.0)
+ jemoji (0.10.2)
+ gemoji (~> 3.0)
+ html-pipeline (~> 2.2)
+ jekyll (~> 3.0)
+ kramdown (1.17.0)
+ latex-decode (0.3.1)
+ liquid (4.0.0)
+ listen (3.1.5)
+ rb-fsevent (~> 0.9, >= 0.9.4)
+ rb-inotify (~> 0.9, >= 0.9.7)
+ ruby_dep (~> 1.2)
+ mercenary (0.3.6)
+ mini_portile2 (2.4.0)
+ minima (2.5.0)
+ jekyll (~> 3.5)
+ jekyll-feed (~> 0.9)
+ jekyll-seo-tag (~> 2.1)
+ minitest (5.11.3)
+ multipart-post (2.1.1)
+ namae (1.0.1)
+ nokogiri (1.10.3-x64-mingw32)
+ mini_portile2 (~> 2.4.0)
+ octokit (4.14.0)
+ sawyer (~> 0.8.0, >= 0.5.3)
+ pathutil (0.16.2)
+ forwardable-extended (~> 2.6)
+ public_suffix (3.1.0)
+ rb-fsevent (0.10.3)
+ rb-inotify (0.10.0)
+ ffi (~> 1.0)
+ rouge (2.2.1)
+ ruby-enum (0.7.2)
+ i18n
+ ruby_dep (1.5.0)
+ rubyzip (1.2.3)
+ safe_yaml (1.0.5)
+ sass (3.7.4)
+ sass-listen (~> 4.0.0)
+ sass-listen (4.0.0)
+ rb-fsevent (~> 0.9, >= 0.9.4)
+ rb-inotify (~> 0.9, >= 0.9.7)
+ sawyer (0.8.2)
+ addressable (>= 2.3.5)
+ faraday (> 0.8, < 2.0)
+ terminal-table (1.8.0)
+ unicode-display_width (~> 1.1, >= 1.1.1)
+ thread_safe (0.3.6)
+ typhoeus (1.3.1)
+ ethon (>= 0.9.0)
+ tzinfo (1.2.5)
+ thread_safe (~> 0.1)
+ unicode-display_width (1.6.0)
+ unicode_utils (1.4.0)
+
+PLATFORMS
+ x64-mingw32
+
+DEPENDENCIES
+ github-pages
+ jekyll
+ jekyll-email-protect
+ jekyll-paginate
+ jekyll-scholar
+ jemoji
+ unicode_utils
+
+BUNDLED WITH
+ 1.16.2
diff --git a/_bibliography/papers.bib b/_bibliography/papers.bib
deleted file mode 100644
index eb9851e3a789..000000000000
--- a/_bibliography/papers.bib
+++ /dev/null
@@ -1,64 +0,0 @@
----
----
-
-@string{aps = {American Physical Society,}}
-
-@book{einstein1956investigations,
- title={Investigations on the Theory of the Brownian Movement},
- author={Einstein, Albert},
- year={1956},
- publisher={Courier Corporation,}
-}
-
-@article{einstein1950meaning,
- title={The meaning of relativity},
- author={Einstein, Albert and Taub, AH},
- journal={American Journal of Physics,},
- volume={18},
- number={6},
- pages={403--404},
- year={1950},
- publisher={American Association of Physics Teachers,}
-}
-
-@article{PhysRev.47.777,
- title={Can Quantum-Mechanical Description of Physical Reality Be Considered Complete?},
- author={Einstein, A. and Podolsky, B. and Rosen, N.},
- abstract={In a complete theory there is an element corresponding to each element of reality. A sufficient condition for the reality of a physical quantity is the possibility of predicting it with certainty, without disturbing the system. In quantum mechanics in the case of two physical quantities described by non-commuting operators, the knowledge of one precludes the knowledge of the other. Then either (1) the description of reality given by the wave function in quantum mechanics is not complete or (2) these two quantities cannot have simultaneous reality. Consideration of the problem of making predictions concerning a system on the basis of measurements made on another system that had previously interacted with it leads to the result that if (1) is false then (2) is also false. One is thus led to conclude that the description of reality as given by a wave function is not complete.},
- journal={Phys. Rev.,},
- volume={47},
- issue={10},
- pages={777--780},
- numpages={0},
- year={1935},
- month={May},
- publisher=aps,
- doi={10.1103/PhysRev.47.777},
- url={http://link.aps.org/doi/10.1103/PhysRev.47.777}
-}
-
-@article{einstein1905molekularkinetischen,
- title={{\"U}ber die von der molekularkinetischen Theorie der W{\"a}rme geforderte Bewegung von in ruhenden Fl{\"u}ssigkeiten suspendierten Teilchen},
- author={Einstein, A.},
- journal={Annalen der physik,},
- volume={322},
- number={8},
- pages={549--560},
- year={1905},
- publisher={Wiley Online Library}
-}
-
-@article{einstein1905movement,
- title={Un the movement of small particles suspended in statiunary liquids required by the molecular-kinetic theory 0f heat},
- author={Einstein, A.},
- journal={Ann. Phys.,},
- volume={17},
- pages={549--560},
- year={1905}
-}
-
-@article{einstein1905electrodynamics,
- title={On the electrodynamics of moving bodies},
- author={Einstein, A.},
- year={1905}
-}
diff --git a/_config.yml b/_config.yml
deleted file mode 100644
index 0a861311b2fc..000000000000
--- a/_config.yml
+++ /dev/null
@@ -1,117 +0,0 @@
-# -----------------------------------------------------------------------------
-# Site settings
-# -----------------------------------------------------------------------------
-name: Your Name
-email: you@example.com
-description: > # this means to ignore newlines until "url:"
- A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design.
-footer_text: >
- Powered by Jekyll with al-folio theme.
- Hosted by GitHub Pages .
- Photos from Unsplash .
-
-url: # the base hostname & protocol for your site
-baseurl: /al-folio # the subpath of your site, e.g. /blog/
-last_updated: # leave blank if you don't want to display last updated
-
-# -----------------------------------------------------------------------------
-# Social integration
-# -----------------------------------------------------------------------------
-github_username: # your GitHub user name
-twitter_username: # your Twitter handle
-linkedin_username: # your LinkedIn user name
-scholar_userid: # your Google Scholar ID
-orcid_id: # your ORCID ID
-contact_note: >
- You can even add a little note about which of these is the best way to reach you.
-
-google_analytics: UA-XXXXXXXXX # out your google-analytics code
-
-# -----------------------------------------------------------------------------
-# Blog
-# -----------------------------------------------------------------------------
-blog_name: al-folio
-blog_description: a simple whitespace theme for academics
-
-# Pagination
-paginate: 4
-permalink: /blog/:year/:title/
-paginate_path: /blog/page:num/
-
-text:
- pagination:
- newer: 'Newer'
- older: 'Older'
-
-# Comments
-disqus_shortname: al-folio # put your disqus shortname
-
-# Optional features
-show_social_icons: false
-enable_anchorjs: false
-enable_katex: true
-
-# -----------------------------------------------------------------------------
-# Collections
-# -----------------------------------------------------------------------------
-collections:
- news:
- defaults:
- layout: post
- output: true
- permalink: /news/:path/
- projects:
- output: true
- permalink: /projects/:path/
-
-news_limit: 5
-
-# -----------------------------------------------------------------------------
-# Jekyll settings
-# -----------------------------------------------------------------------------
-
-# Build settings
-markdown: kramdown
-highlighter: pygments
-
-# Includes & excludes
-include: ['_pages']
-exclude: [vendor]
-
-# Plug-ins
-plugins:
- - jekyll-email-protect
- - jekyll-paginate
- - jekyll/scholar
- - jemoji
-
-# Jekyll-Scholar
-scholar:
-
- last_name: Einstein
-
- style: apa
- locale: en
-
- sort_by: year
- order: descending
-
- source: /_bibliography/
- bibliography: papers.bib
- bibliography_template: bib
-
- replace_strings: true
- join_strings: true
-
- details_dir: bibliography
- details_layout: bibtex.html
- details_link: Details
-
- query: "@*"
-
-# -----------------------------------------------------------------------------
-# Other settings
-# -----------------------------------------------------------------------------
-jquery_version: "1.12.4"
-katex_version: "0.9.0"
-anchorjs_version: "3.2.2"
diff --git a/_data/coauthors.yml b/_data/coauthors.yml
deleted file mode 100644
index 21ed65ba742e..000000000000
--- a/_data/coauthors.yml
+++ /dev/null
@@ -1,8 +0,0 @@
-Adams:
- url: https://en.wikipedia.org/wiki/Edwin_Plimpton_Adams
-
-Podolsky:
- url: https://en.wikipedia.org/wiki/Boris_Podolsky
-
-Rosen:
- url: https://en.wikipedia.org/wiki/Nathan_Rosen
diff --git a/_includes/footer.html b/_includes/footer.html
deleted file mode 100644
index 58f34aceba12..000000000000
--- a/_includes/footer.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
diff --git a/_includes/head.html b/_includes/head.html
deleted file mode 100644
index 81df8e2fa770..000000000000
--- a/_includes/head.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
-
-
-
- {{ site.name }}{% if page.title and page.url != "/" %} | {{ page.title }}{% endif %}
-
-
-
-
-
-
-
diff --git a/_includes/header.html b/_includes/header.html
deleted file mode 100644
index 98358e58e91b..000000000000
--- a/_includes/header.html
+++ /dev/null
@@ -1,46 +0,0 @@
-
diff --git a/_includes/hemline.html b/_includes/hemline.html
deleted file mode 100644
index 4334ac2f31bf..000000000000
--- a/_includes/hemline.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-{% if site.enable_katex %}
-
-
-
-
-{% endif %}
-
-{% if site.enable_anchorjs %}
-
-
-
-{% endif %}
-
-
-
-
-
-
-
diff --git a/_includes/news.html b/_includes/news.html
deleted file mode 100644
index f11ca7cc7753..000000000000
--- a/_includes/news.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
news
- {% if site.news %}
-
- {% assign news = site.news | reverse %}
- {% for item in news limit: site.news_limit %}
-
- {{ item.date | date: "%b %-d, %Y" }}
-
- {% if item.inline %}
- {{ item.content | remove: '' | remove: '
' | emojify }}
- {% else %}
- {{ item.title }}
- {% endif %}
-
-
- {% endfor %}
-
- {% else %}
-
No news so far...
- {% endif %}
-
diff --git a/_includes/pagination.html b/_includes/pagination.html
deleted file mode 100644
index 52fc87df4412..000000000000
--- a/_includes/pagination.html
+++ /dev/null
@@ -1,23 +0,0 @@
-{% if paginator.total_pages != 1 %}
-
-{% endif %}
diff --git a/_includes/social.html b/_includes/social.html
deleted file mode 100644
index 4a041bc32e50..000000000000
--- a/_includes/social.html
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
- {% if site.orcid_id %} {% endif %}
- {% if site.scholar_userid %} {% endif %}
- {% if site.github_username %} {% endif %}
- {% if site.linkedin_username %} {% endif %}
- {% if site.twitter_username %} {% endif %}
- {% if site.strava_userid %} {% endif %}
-
-
-
- {{ site.contact_note }}
-
-
diff --git a/_layouts/about.html b/_layouts/about.html
deleted file mode 100644
index e736c6746459..000000000000
--- a/_layouts/about.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-layout: page
----
-
-{% if page.profile %}
-
- {% if page.profile.image %}
-
- {% endif %}
- {% if page.profile.address %}
-
- {{ page.profile.address }}
-
- {% endif %}
-
-{% endif %}
-
-{{ content }}
diff --git a/_layouts/bib.html b/_layouts/bib.html
deleted file mode 100644
index d58da201f9be..000000000000
--- a/_layouts/bib.html
+++ /dev/null
@@ -1,89 +0,0 @@
----
----
-
-{% if entry.abbr %}
- {% if site.data.venues[entry.abbr] %}
- [{{entry.abbr}} ]
- {% else %}
- [{{entry.abbr}}]
- {% endif %}
-{% endif %}
-
-
- {% if entry.type == "thesis" %}
- {{reference}}
- {% else %}
-
{{entry.title}}
-
- {% for author in entry.author_array %}
- {% unless forloop.last %}
- {% if author.last == site.scholar.last_name %}
- {{author.last}}, {{author.first}} ,
- {% else %}
- {% if site.data.coauthors[author.last] %}
- {{author.last}}, {{author.first}} ,
- {% else %}
- {{author.last}}, {{author.first}},
- {% endif %}
- {% endif %}
- {% else %}
- and
- {% if author.last == site.scholar.last_name %}
- {{author.last}}, {{author.first}}
- {% else %}
- {% if site.data.coauthors[author.last] %}
- {{author.last}}, {{author.first}}
- {% else %}
- {{author.last}}, {{author.first}}
- {% endif %}
- {% endif %}
- {% endunless %}
- {% endfor %}
-
-
-
- {% if entry.type == "article" %}
- {{entry.journal}}
- {% elsif entry.type == "inproceedings" %}
- In {{entry.booktitle}}
- {% endif %}
- {% if entry.year %}
- {{entry.year}}
- {% endif %}
-
- {% endif %}
-
-
- {% if entry.abstract %}
- [Abs ]
- {% endif %}
- {% if entry.arxiv %}
- [arXiv ]
- {% endif %}
- {% if entry.html %}
- [HTML ]
- {% endif %}
- {% if entry.pdf %}
- [PDF ]
- {% endif %}
- {% if entry.supp %}
- [Supp ]
- {% endif %}
- {% if entry.poster %}
- [Poster ]
- {% endif %}
- {% if entry.slides %}
- [Slides ]
- {% endif %}
- {% if entry.code %}
- [Code ]
- {% endif %}
-
-
-
- {% if entry.abstract %}
-
- {{ entry.abstract }}
-
- {% endif %}
-
diff --git a/_layouts/default.html b/_layouts/default.html
deleted file mode 100644
index 3e210d26c16f..000000000000
--- a/_layouts/default.html
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
- {% include head.html %}
-
-
-
- {% include header.html %}
-
-
-
-
- {% include footer.html %}
-
- {% include hemline.html %}
-
-
-
-
diff --git a/_layouts/none.html b/_layouts/none.html
deleted file mode 100644
index b92f6522338a..000000000000
--- a/_layouts/none.html
+++ /dev/null
@@ -1 +0,0 @@
-{{content}}
diff --git a/_layouts/page.html b/_layouts/page.html
deleted file mode 100644
index 0acceef31373..000000000000
--- a/_layouts/page.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-layout: default
----
-
-
-
-
-
- {{ content }}
-
-
- {% if page.news %}
- {% include news.html %}
- {% endif %}
-
- {% if page.social %}
- {% include social.html %}
- {% endif %}
-
-
diff --git a/_layouts/post.html b/_layouts/post.html
deleted file mode 100644
index 8b352815c314..000000000000
--- a/_layouts/post.html
+++ /dev/null
@@ -1,30 +0,0 @@
----
-layout: default
----
-
-
-
-
-
- {{ content }}
-
-
- {% if site.disqus_shortname and page.comments %}
-
-
-
Please enable JavaScript to view the comments powered by Disqus.
- {% endif %}
-
-
diff --git a/_news/announcement_1.md b/_news/announcement_1.md
deleted file mode 100644
index 98e5af5c8786..000000000000
--- a/_news/announcement_1.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-layout: post
-date: 2015-10-22 15:59:00-0400
-inline: true
----
-
-A simple inline announcement.
diff --git a/_news/announcement_2.md b/_news/announcement_2.md
deleted file mode 100644
index b086a49cc285..000000000000
--- a/_news/announcement_2.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-layout: post
-title: A long announcement with details
-date: 2015-11-07 16:11:00-0400
-inline: false
----
-
-Announcements and news can be much longer than just quick inline posts. In fact, they can have all the features available for the standard blog posts. See below.
-
-***
-
-Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
-
-#### Hipster list
-
- brunch
- fixie
- raybans
- messenger bag
-
-
-Hoodie Thundercats retro, tote bag 8-bit Godard craft beer gastropub. Truffaut Tumblr taxidermy, raw denim Kickstarter sartorial dreamcatcher. Quinoa chambray slow-carb salvia readymade, bicycle rights 90's yr typewriter selfies letterpress cardigan vegan.
-
-***
-
-Pug heirloom High Life vinyl swag, single-origin coffee four dollar toast taxidermy reprehenderit fap distillery master cleanse locavore. Est anim sapiente leggings Brooklyn ea. Thundercats locavore excepteur veniam eiusmod. Raw denim Truffaut Schlitz, migas sapiente Portland VHS twee Bushwick Marfa typewriter retro id keytar.
-
-> We do not grow absolutely, chronologically. We grow sometimes in one dimension, and not in another, unevenly. We grow partially. We are relative. We are mature in one realm, childish in another.
-> —Anais Nin
-
-Fap aliqua qui, scenester pug Echo Park polaroid irony shabby chic ex cardigan church-key Odd Future accusamus. Blog stumptown sartorial squid, gastropub duis aesthetic Truffaut vero. Pinterest tilde twee, odio mumblecore jean shorts lumbersexual.
diff --git a/_news/announcement_3.md b/_news/announcement_3.md
deleted file mode 100644
index d90721915e94..000000000000
--- a/_news/announcement_3.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-layout: post
-date: 2016-01-15 07:59:00-0400
-inline: true
----
-
-A simple inline announcement with Markdown emoji! :sparkles: :smile:
diff --git a/_pages/about.md b/_pages/about.md
deleted file mode 100644
index f584b2c148b4..000000000000
--- a/_pages/about.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-layout: about
-permalink: /
-title: Your Name
-description: Affiliations . Address. Contacts. Moto. Etc.
-
-profile:
- align: right
- image: prof_pic.jpg
- address: >
- 555 your office number
- 123 your address street
- Your City, State 12345
-
-news: true
-social: true
----
-
-Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com){:target="\_blank"}. You can put a picture in, too. The code is already in, just name your picture `prof_pic.jpg` and put it in the `img/` folder.
-
-Put your address / P.O. box / other info right below your picture. You can also disable any these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically.
-
-Link to your social media connections, too. This theme is set up to use [Font Awesome icons](http://fortawesome.github.io/Font-Awesome/){:target="\_blank"} and [Academicons](https://jpswalsh.github.io/academicons/){:target="\_blank"}, like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them.
diff --git a/_pages/projects.md b/_pages/projects.md
deleted file mode 100644
index 06a24cb66583..000000000000
--- a/_pages/projects.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-layout: page
-title: projects
-permalink: /projects/
-description: A growing collection of your cool projects.
----
-
-{% for project in site.projects %}
-
-{% if project.redirect %}
-
-{% else %}
-
-
-
-{% endif %}
-
-{% endfor %}
diff --git a/_pages/publications.md b/_pages/publications.md
deleted file mode 100644
index ef735790143c..000000000000
--- a/_pages/publications.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-layout: page
-permalink: /publications/
-title: publications
-description: Publications by categories in reversed chronological order. Generated by jekyll-scholar.
-years: [1956, 1950, 1935, 1905]
----
-
-{% for y in page.years %}
- {{y}}
- {% bibliography -f papers -q @*[year={{y}}]* %}
-{% endfor %}
diff --git a/_pages/teaching.md b/_pages/teaching.md
deleted file mode 100644
index 5a0c17f5c97a..000000000000
--- a/_pages/teaching.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-layout: page
-permalink: /teaching/
-title: teaching
-description: Materials for courses you taught. Replace this text with your description.
----
-
-For now, this page is assumed to be a static description of your courses. You can convert it to a collection similar to `_projects/` so that you can have a dedicated page for each course.
-
-Organize your courses by years, topics, or universities, however you like!
diff --git a/_posts/2015-03-15-formatting-and-links.markdown b/_posts/2015-03-15-formatting-and-links.markdown
deleted file mode 100644
index 82a989ac974d..000000000000
--- a/_posts/2015-03-15-formatting-and-links.markdown
+++ /dev/null
@@ -1,28 +0,0 @@
----
-layout: post
-title: a post with formatting and links
-date: 2015-03-15 16:40:16
-description: march & april, looking forward to summer
----
-Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
-
-#### Hipster list
-
- brunch
- fixie
- raybans
- messenger bag
-
-
-Hoodie Thundercats retro, tote bag 8-bit Godard craft beer gastropub. Truffaut Tumblr taxidermy, raw denim Kickstarter sartorial dreamcatcher. Quinoa chambray slow-carb salvia readymade, bicycle rights 90's yr typewriter selfies letterpress cardigan vegan.
-
-
-
-Pug heirloom High Life vinyl swag, single-origin coffee four dollar toast taxidermy reprehenderit fap distillery master cleanse locavore. Est anim sapiente leggings Brooklyn ea. Thundercats locavore excepteur veniam eiusmod. Raw denim Truffaut Schlitz, migas sapiente Portland VHS twee Bushwick Marfa typewriter retro id keytar.
-
-
- We do not grow absolutely, chronologically. We grow sometimes in one dimension, and not in another, unevenly. We grow partially. We are relative. We are mature in one realm, childish in another.
- —Anais Nin
-
-
-Fap aliqua qui, scenester pug Echo Park polaroid irony shabby chic ex cardigan church-key Odd Future accusamus. Blog stumptown sartorial squid, gastropub duis aesthetic Truffaut vero. Pinterest tilde twee, odio mumblecore jean shorts lumbersexual.
diff --git a/_posts/2015-05-15-images.markdown b/_posts/2015-05-15-images.markdown
deleted file mode 100644
index c917462fa308..000000000000
--- a/_posts/2015-05-15-images.markdown
+++ /dev/null
@@ -1,30 +0,0 @@
----
-layout: post
-title: a post with images
-date: 2015-05-15 21:01:00
-description: this is what included images could look like
----
-Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Fingerstache four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch.
-
-
-
-
-
-
-
-
- A simple, elegant caption looks good between image rows, after each row, or doesn't have to be there at all.
-
-
-
-
-
-
-Slow-carb four dollar toast Helvetica pop-up. Kale chips next level literally trust fund Pitchfork. Jean shorts Pinterest beard, farm-to-table irony craft beer swag tofu 8-bit Banksy. Quinoa forage fanny pack, pug hashtag Echo Park heirloom Schlitz tote bag artisan Neutra mumblecore 90's shabby chic raw denim.
-
-
-
diff --git a/_posts/2015-07-15-code.markdown b/_posts/2015-07-15-code.markdown
deleted file mode 100644
index 884f2d170524..000000000000
--- a/_posts/2015-07-15-code.markdown
+++ /dev/null
@@ -1,35 +0,0 @@
----
-layout: post
-title: a post with code
-date: 2015-07-15 15:09:00
-description: an example of a blog post with some code
----
-This theme implements a built-in Jekyll feature, the use of Pygments, for sytanx highlighting. It supports more than 100 languages. This example is in C++. All you have to do is wrap your code in a liquid tag:
-
-{% raw %}
-{% highlight c++ %} code code code {% endhighlight %}
-{% endraw %}
-
-Produces something like this:
-
-{% highlight c++ %}
-
-int main(int argc, char const \*argv[])
-{
- string myString;
-
- cout << "input a string: ";
- getline(cin, myString);
- int length = myString.length();
-
- char charArray = new char * [length];
-
- charArray = myString;
- for(int i = 0; i < length; ++i){
- cout << charArray[i] << " ";
- }
-
- return 0;
-}
-
-{% endhighlight %}
diff --git a/_posts/2015-10-20-comments.markdown b/_posts/2015-10-20-comments.markdown
deleted file mode 100644
index 55b900f907fc..000000000000
--- a/_posts/2015-10-20-comments.markdown
+++ /dev/null
@@ -1,8 +0,0 @@
----
-layout: post
-title: a post with comments
-date: 2015-10-20 11:59:00-0400
-description: an example of a blog post with comments
-comments: true
----
-This post shows how to add DISQUS comments.
diff --git a/_posts/2015-10-20-math.markdown b/_posts/2015-10-20-math.markdown
deleted file mode 100644
index af3253100121..000000000000
--- a/_posts/2015-10-20-math.markdown
+++ /dev/null
@@ -1,15 +0,0 @@
----
-layout: post
-title: a post with math
-date: 2015-10-20 11:12:00-0400
-description: an example of a blog post with some math
----
-This theme supports rendering beautiful math in inline and display modes using [KaTeX](https://khan.github.io/KaTeX/) engine. You just need to surround your math expression with `$$`, like `$$ E = mc^2 $$`. If you leave it inside a paragraph, it will produce an inline expression, just like $$ E = mc^2 $$.
-
-To use display mode, again surround your expression with `$$` and place it as a separate paragraph. Here is an example:
-
-$$
-\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
-$$
-
-Note that [KaTeX](https://khan.github.io/KaTeX/) is work in progress, so it does not support the full range of math expressions as, say, [MathJax](https://www.mathjax.org/). Yet, it is [blazing fast](http://www.intmath.com/cg5/katex-mathjax-comparison.php).
diff --git a/_projects/1_project.markdown b/_projects/1_project.markdown
deleted file mode 100644
index 94cd752ceaca..000000000000
--- a/_projects/1_project.markdown
+++ /dev/null
@@ -1,55 +0,0 @@
----
-layout: page
-title: Project 1
-description: a project with a background image
-img: /assets/img/12.jpg
----
-
-Every project has a beautiful feature shocase page. It's easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: Project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
-
-
-
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, *bled* for your project, and then.... you reveal it's glory in the next row of images.
-
-
-
-
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-
-
-
-The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
-
-
-
-
-
diff --git a/_projects/2_project.markdown b/_projects/2_project.markdown
deleted file mode 100644
index 3f157d9c3cce..000000000000
--- a/_projects/2_project.markdown
+++ /dev/null
@@ -1,55 +0,0 @@
----
-layout: page
-title: Project 2
-description: a project with a background image
-img: /assets/img/2.jpg
----
-
-Every project has a beautiful feature shocase page. It's easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: Project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
-
-
-
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, *bled* for your project, and then.... you reveal it's glory in the next row of images.
-
-
-
-
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-
-
-
-The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
-
-
-
-
-
diff --git a/_projects/3_project.markdown b/_projects/3_project.markdown
deleted file mode 100644
index bc139c7b7d27..000000000000
--- a/_projects/3_project.markdown
+++ /dev/null
@@ -1,56 +0,0 @@
----
-layout: page
-title: Project 3
-description: a project that redirects to another website
-img:
-redirect: https://unsplash.com
----
-
-Every project has a beautiful feature shocase page. It's easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: Project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
-
-
-
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, *bled* for your project, and then.... you reveal it's glory in the next row of images.
-
-
-
-
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-
-
-
-The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
-
-
-
-
-
diff --git a/_projects/4_project.markdown b/_projects/4_project.markdown
deleted file mode 100644
index 15457ff91cc3..000000000000
--- a/_projects/4_project.markdown
+++ /dev/null
@@ -1,55 +0,0 @@
----
-layout: page
-title: Project 4
-description: another without an image
-img:
----
-
-Every project has a beautiful feature shocase page. It's easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: Project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
-
-
-
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, *bled* for your project, and then.... you reveal it's glory in the next row of images.
-
-
-
-
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-
-
-
-The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
-
-
-
-
-
diff --git a/_projects/5_project.markdown b/_projects/5_project.markdown
deleted file mode 100644
index 8538fe15da05..000000000000
--- a/_projects/5_project.markdown
+++ /dev/null
@@ -1,55 +0,0 @@
----
-layout: page
-title: Project 5
-description: a project with a background image
-img: /assets/img/1.jpg
----
-
-Every project has a beautiful feature shocase page. It's easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: Project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
-
-
-
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, *bled* for your project, and then.... you reveal it's glory in the next row of images.
-
-
-
-
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-
-
-
-The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
-
-
-
-
-
diff --git a/_projects/6_project.markdown b/_projects/6_project.markdown
deleted file mode 100644
index b06503e49e08..000000000000
--- a/_projects/6_project.markdown
+++ /dev/null
@@ -1,55 +0,0 @@
----
-layout: page
-title: Project 6
-description: a project with no image
-img:
----
-
-Every project has a beautiful feature shocase page. It's easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: Project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
-
-
-
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, *bled* for your project, and then.... you reveal it's glory in the next row of images.
-
-
-
-
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-
-
-
-The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here's the code for the last row of images above:
-
-
-
-
-
diff --git a/_sass/_base.scss b/_sass/_base.scss
deleted file mode 100644
index 2f94c1009d46..000000000000
--- a/_sass/_base.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-@charset "UTF-8";
-
-html, body {
- height: auto;
- min-height: 100%;
- -webkit-text-size-adjust: 100%;
-}
-
-img {
- max-width: none;
-}
-
-em img {
- max-width: 100%;
- margin-left: 0;
-}
-
-body {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
-}
-
-.wrapper {
- max-width: -webkit-calc(800px - (#{$horizontal-spacing-unit} * 2));
- max-width: calc(800px - (#{$horizontal-spacing-unit} * 2));
- margin-right: auto;
- margin-left: auto;
- padding-right: $horizontal-spacing-unit;
- padding-left: $horizontal-spacing-unit;
- @extend .clearfix;
-}
diff --git a/_sass/_basscss.scss b/_sass/_basscss.scss
deleted file mode 100644
index c9e1584dda90..000000000000
--- a/_sass/_basscss.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/*!
-
- BASSCSS
-
- Next-level CSS toolkit - basscss.com
-
- Made with love by Jxnblk - ©2014 Brent Jackson
- MIT License http://opensource.org/licenses/MIT
-
-*/
-
-@import 'basscss/base-buttons';
-@import 'basscss/base-forms';
-@import 'basscss/base-reset';
-@import 'basscss/base-typography';
-
-@import 'basscss/buttons-blue';
-
-@import 'basscss/syntax-highlighting';
-@import 'basscss/color-base';
-@import 'basscss/colors';
-
-@import 'basscss/utility-headings';
-@import 'basscss/utility-typography';
-@import 'basscss/utility-white-space';
diff --git a/_sass/_blockquotes.scss b/_sass/_blockquotes.scss
deleted file mode 100644
index e7291ba5fd08..000000000000
--- a/_sass/_blockquotes.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-blockquote {
- border-left: 5px solid #7a7a7a;
- font-style: italic;
- margin-left: $space-1;
- padding: $space-1;
-}
-
-blockquote footer {
- background-color: #fff;
- border-color: transparent;
- color: #7a7a7a;
- font-size: .85rem;
- font-style: normal;
- text-align: left;
- padding: 0;
-}
diff --git a/_sass/_clearfix.scss b/_sass/_clearfix.scss
deleted file mode 100644
index b770844a57f3..000000000000
--- a/_sass/_clearfix.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.clearfix:before, .clearfix:after {
- content: ' ';
- display: table;
-}
-
-.clearfix:after {
- clear: both;
-}
diff --git a/_sass/_code.scss b/_sass/_code.scss
deleted file mode 100644
index 3a20882111e4..000000000000
--- a/_sass/_code.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-pre,
-pre code {
- background-color: transparent;
- border-radius: $pre-border-radius;
-}
-
-pre,
-code {
- font-family: $monospace-font-family;
-}
-
-code {
- color: $code-color;
- font-size: 85%;
- padding-bottom: 0.1em;
- padding-left: 0.2em;
- padding-right: 0.2em;
- padding-top: 0.1em;
-}
-
-pre {
- padding: 1.125em;
- line-height: 1.11;
- overflow-x: scroll;
- margin-bottom: 0.88em;
- background-color: $pre-background-color;
-}
-
-.highlight .p {
- font-size: 1.125rem;
- line-height: 1;
-}
-
-pre {
- counter-reset: line-numbering;
- white-space: pre;
- overflow-x: auto;
- word-break: inherit;
- word-wrap: inherit;
-}
-
-pre a {
- background-image: none;
-}
-
-pre a::before {
- content: counter(line-numbering);
- counter-increment: line-numbering;
- padding-right: 1em; /* space after numbers */
- width: 25px;
- text-align: right;
- opacity: 0.7;
- display: inline-block;
- color: $light-gray;
- margin-right: 16px;
- font-size: 13px;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-pre a:first-of-type::before {
- padding-top: 10px;
-}
-
-pre a:last-of-type::before {
- padding-bottom: 10px;
-}
-
-pre a:only-of-type::before {
- padding: 10px;
-}
diff --git a/_sass/_footer.scss b/_sass/_footer.scss
deleted file mode 100644
index b4abe903b0fb..000000000000
--- a/_sass/_footer.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.site {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- min-height: 100vh;
-}
-
-.site-wrap {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
-}
-
-footer {
- background-color: $grey-color-dark;
- border-top: $footer-border-top;
- color: $footer-color;
- font-size: $footer-font-size;
- font-weight: $footer-font-weight;
- padding: $footer-padding;
- position: fixed;
- left: 0px;
- bottom: 0px;
- width: 100%;
-
- a { color: #fff; }
- a:hover { color: $theme-color; }
-}
diff --git a/_sass/_gallery.scss b/_sass/_gallery.scss
deleted file mode 100644
index 1786bbf1eeed..000000000000
--- a/_sass/_gallery.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-figure > img {
- display: block;
-}
-
-figcaption {
- font-size: $small-font-size;
-}
-
-
-.blankbox {
- background: $theme-color;
-}
-.img_row {
- height: $img-height;
- width: 100%;
- overflow: hidden;
- box-sizing:border-box;
-}
-.col {
- width: 100%;
- height: 100%;
- object-fit: cover;
- box-sizing:border-box;
- padding: $img-spacing;
-}
-.one {
- width:33.33%;
-}
-.two {
- width: 66.66%;
-}
-.three {
- width: 100%;
-}
-.caption {
- height: 100%;
- color: $caption-color;
- text-align: center;
- vertical-align: middle;
- font-size: $caption-font-size;
-}
diff --git a/_sass/_gists.scss b/_sass/_gists.scss
deleted file mode 100644
index bcbd97f9c5aa..000000000000
--- a/_sass/_gists.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.gist,
-.gist .highlight .p {
- font-size: .75rem;
-}
-
-.gist .lines {
- width: 100%;
-}
diff --git a/_sass/_header.scss b/_sass/_header.scss
deleted file mode 100644
index c1cdcb8d8399..000000000000
--- a/_sass/_header.scss
+++ /dev/null
@@ -1,110 +0,0 @@
-.site-header {
- border-bottom: 1px solid $grey-color-light;
- background-color: #fff;
- opacity: 0.95;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- z-index: 50;
-}
-
-.site-title {
- font-size: 20px;
- line-height: $nav-height;
- letter-spacing: -1px;
- margin-bottom: 0;
-}
-.site-nav {
- float: right;
- line-height: $nav-height;
-
- .nav-trigger {
- display: none;
- }
-
- .menu-icon {
- display: none;
- }
-
- .page-link{
- line-height: $line-height;
- // Gaps between nav items, but not on the first one
- &:not(:first-child) {
- margin-left: 10px;
- }
- }
- // added for hamburger
- @include media-query($on-palm) {
- position: absolute;
- top: 9px;
- right: $horizontal-spacing-unit / 2;
- background-color: $background-color;
- border: 1px solid $grey-color-light;
- border-radius: 5px;
- text-align: right;
-
- label[for="nav-trigger"] {
- display: block;
- float: right;
- width: 36px;
- height: 36px;
- z-index: 2;
- cursor: pointer;
- }
-
- .menu-icon {
- display: block;
- float: right;
- width: 36px;
- height: 26px;
- line-height: 0;
- padding-top: 10px;
- text-align: center;
-
- > svg path {
- fill: $grey-color-dark;
- }
- }
-
- input ~ .trigger {
- clear: both;
- display: none;
- }
-
- input:checked ~ .trigger {
- display: block;
- padding-bottom: 5px;
- }
-
- .page-link {
- display: block;
- padding: 5px 10px;
-
- &:not(:last-child) {
- margin-right: 0;
- }
- margin-left: 10px;
- }
- }
-}
-
-.header-bar{
- border-bottom: 1px solid $light-gray;
- font-size: 20px;
- display: block;
- opacity: 0.75;
- width: 100%;
- text-align: center;
- padding-top: 25px;
- padding-bottom: $space-4;
- line-height: 3em;
- z-index: 25;
- h1{
- color: $theme-color;
- font-size:75px;
- }
- h2{
- font-size:25px;
- }
-}
diff --git a/_sass/_links.scss b/_sass/_links.scss
deleted file mode 100644
index 2aabd6285bb3..000000000000
--- a/_sass/_links.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-a {
- color: $text-color;
- text-decoration: none;
-
- &:hover {
- color: $theme-color;
- text-decoration: none;
- }
-}
-
-article a, .news a {
- color: $theme-color;
- font-weight: 100;
-
- &:hover {
- text-decoration: underline;
- }
-}
-
-.social a {
- color: $text-color;
-
- &:hover { color: $theme-color; }
-}
-
-
-// a {
-// color: $link-color;
-// background-image: linear-gradient(to top,
-// rgba(0,0,0,0) 13%,
-// rgba($link-color,.8) 13%,
-// rgba($link-color,.8) 18%,
-// rgba(0,0,0,0) 17%
-// );
-// text-shadow: white 1px 0px 0px, white -1px 0px 0px;
-// }
-//
-// a:hover,
-// a:focus,
-// a:active {
-// border: 0;
-// color: $link-hover-color;
-// text-decoration: none;
-// background-image: linear-gradient(to top,
-// rgba(0,0,0,0) 13%,
-// rgba($link-hover-color,.8) 13%,
-// rgba($link-hover-color,.8) 17%,
-// rgba(0,0,0,0) 17%
-// );
-// text-shadow: white 1px 0px 0px, white -1px 0px 0px;
-// }
-//
-// // Correct issues with buttons
-// button,
-// .button {
-// text-shadow: none;
-// background-image: none;
-// }
-//
-// .button:hover,
-// .button:focus,
-// .button:active {
-// color: white;
-// text-shadow: none;
-// background-image: none;
-// }
-//
-// .anchorjs-link {
-// text-shadow: none;
-// background-image: none;
-// }
-// .anchorjs-link:hover,
-// .anchorjs-link:focus,
-// .anchorjs-link:active{
-// border: 0;
-// color: $link-hover-color;
-// text-shadow: none;
-// background-image: none;
-// }
diff --git a/_sass/_measure.scss b/_sass/_measure.scss
deleted file mode 100644
index f509ccb0d9b2..000000000000
--- a/_sass/_measure.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.measure {
- margin: 0 auto;
- max-width: $measure-width;
-}
diff --git a/_sass/_media-queries.scss b/_sass/_media-queries.scss
deleted file mode 100644
index 6f3ba3cdbbf3..000000000000
--- a/_sass/_media-queries.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-@mixin media-query($device) {
- @media screen and (max-width: $device) {
- @content;
- }
-}
-
-@media screen and (min-width: $viewport-small) {
- html {
- font-size: 16px;
- }
-
- h1,
- .h1 {
- font-size: $h1;
- }
-
- .site-header {
- text-align: left;
- }
-
- .site-nav {
- margin-top: 0;
- }
-
- .site-header a {
- font-size: $h4;
- }
-
- .site-header .site-title {
- font-size: $h3;
- float: left;
- }
-
- .site-header .site-nav {
- float: right;
- }
-
- blockquote {
- margin-left: $space-3;
- padding: $space-3;
- }
-
- .social-icons-left {
- text-align: left;
- }
-
- .social-icons-right {
- text-align: right;
- }
-}
-
-@media screen and (min-width: $viewport-medium) {
- html {
- font-size: 18px;
- }
-}
-
-@media screen and (min-width: $viewport-large) {
- html {
- font-size: 20px;
- }
-}
-
-@media screen and (min-width: $viewport-large + 14) {
- em img {
- max-width: $measure-width + 14;
- margin-left: -7em;
- }
-}
diff --git a/_sass/_pages.scss b/_sass/_pages.scss
deleted file mode 100644
index 852fd189952b..000000000000
--- a/_sass/_pages.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.page-content {
- padding: 100px 0; /* VERTICAL PADDING FOR TITLE ON EVERY PAGE */
-}
-.page-heading {
- font-size: 20px;
-}
-.contacticon {
- display: block;
- font-size: 60px;
- margin: 10px;
-}
-.center{
- text-align: center;
-}
diff --git a/_sass/_pagination.scss b/_sass/_pagination.scss
deleted file mode 100644
index 918f56006fbd..000000000000
--- a/_sass/_pagination.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-.pagination {
- font-size: 1rem;
- font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
- font-weight: 300;
- text-align: center;
-}
-
-.pagination a, .pagination .disabled {
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- background: #fafafa;
- border-radius: 0.1875em;
- border: 1px solid #f3f3f3;
- color: #333333;
- padding: 1em 1.5em;
-}
-
-.pagination .disabled, .pagination .pagination-meta {
- opacity: 0.5;
-}
-
-.pagination .pagination-meta {
- overflow: hidden;
-}
-
-.pagination a:hover, .pagination a:focus {
- background: white;
- color: $theme-color;
-}
-
-.pagination a:active {
- background: #f7f7f7;
-}
-
-.pagination .button {
- font-size: 1rem;
- font-weight: 300;
- letter-spacing: 1px;
-}
-
-.button-disabled {
- opacity: 0.55;
- background-color: #999;
-}
-
-.button-disabled:hover,
-.button-disabled:active,
-.button-disabled:focus {
- cursor: not-allowed;
- background-color: #999;
-}
diff --git a/_sass/_positions.scss b/_sass/_positions.scss
deleted file mode 100644
index 3449fac54e7e..000000000000
--- a/_sass/_positions.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.left {
- float: left;
-}
-
-.right {
- float: right;
-}
diff --git a/_sass/_posts.scss b/_sass/_posts.scss
deleted file mode 100644
index 88d9a4625add..000000000000
--- a/_sass/_posts.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-.post-header {
- margin-bottom: $vertical-spacing-unit;
-}
-.post-list {
- margin: 0;
- padding: 0;
- list-style: none;
-
- > li {
- border-bottom: 1px solid $light-gray;
- padding-bottom: $space-3;
- padding-top: $space-3;
- }
-}
-.post-title {
- font-size: 42px;
- letter-spacing: -1px;
- line-height: 1;
- margin-bottom: 10px;
- margin-top: 0;
- // @include media-query($on-laptop) {
- // font-size: 36px;
- // }
-}
-.post-content {
- h2 {
- font-size: 42px;
- // @include media-query($on-laptop) {
- // font-size: 28px;
- // }
- }
- h3 {
- font-size: 30px;
- // @include media-query($on-laptop) {
- // font-size: 22px;
- // }
- }
- h4 {
- font-size: 20px;
- // @include media-query($on-laptop) {
- // font-size: 18px;
- // }
- }
-}
-.post-meta {
- color: $grey-color;
- font-size: $small-font-size;
- margin-bottom: 0px;
-}
-.post-link {
- display: block;
- font-size: 42px;
-}
diff --git a/_sass/_profile.scss b/_sass/_profile.scss
deleted file mode 100644
index f6d489a67ade..000000000000
--- a/_sass/_profile.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-.profile {
- img {
- box-shadow: 0 0 5px $grey-color;
- width: 100%;
- }
-}
-.address {
- font-family: monospace;
-
- p { margin: 0; }
-}
-
-.news {
- border-top: 1px solid $grey-color-light;
- margin-top: 30px;
- padding-top: 20px;
-
- h2 {
- font-weight: bold;
- margin-top: 0;
- margin-bottom: 10px;
- }
- table {
- border-collapse: collapse;
- width: 100%;
-
- .date { width: 19%; }
- .announcement { width: 81%; }
-
- tr { text-align: left; }
- td {
- padding: 6px 0;
- vertical-align: top;
- border: none;
- }
- }
-}
-
-.social {
- border-top: 1px solid $grey-color-light;
- margin-top: 50px;
- padding-top: 20px;
-}
diff --git a/_sass/_projects.scss b/_sass/_projects.scss
deleted file mode 100644
index 21d1edfa5ab4..000000000000
--- a/_sass/_projects.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-.project {
- box-sizing: border-box;
- float: left;
- height: 250px;
- padding: 10px;
- vertical-align: middle;
- width: 33.33%;
-
- .thumbnail {
- overflow: hidden;
- height: 200px;
- width: 100%;
-
- img {
- height: auto;
- position: relative;
- left: -25%;
- top: -5%;
- width: 500px;
- }
-
- a {
- float: left;
- height: 230px;
- position: relative;
- width: 100%;
-
- span {
- display: none;
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- background: rgba(0,0,0,0.4);
- color: $grey-color-light;
- padding: 40px;
- text-align: center;
-
- h1 {
- font-size: 1.5rem;
- margin: 0;
- }
-
- p {
- color: $grey-color-light;
- }
- }
-
- &:hover {
- span {
- display: block;
- }
- }
- }
- }
-}
diff --git a/_sass/_publications.scss b/_sass/_publications.scss
deleted file mode 100644
index df2090b0c5ac..000000000000
--- a/_sass/_publications.scss
+++ /dev/null
@@ -1,88 +0,0 @@
-.publications {
- h2 {
- color: $theme-color;
- // border-bottom: 1px solid $theme-color;
- // border-top: 1px solid $theme-color;
- font-size: 32px;
- margin-bottom: 30px;
- // padding: 20px 0;
- text-align: center;
- }
-}
-.year {
- border-top: 1px solid $light-gray;
- color: $light-gray;
- margin: 0 -3em -2.5ex -2em;
- padding-top: 1ex;
- text-align: right;
-}
-.bibliography {
- margin-bottom: 50px;
- margin-top: 20px;
- list-style-type: circle;
-
- li {
- margin: 10px 0;
- position: relative;
-
- span { display: block; }
- .title { font-weight: bolder; }
- .author {
- a {
- border-bottom: 1px dashed $theme-color;
- &:hover {
- border-bottom-style: solid;
- text-decoration: none;
- }
- }
- > em {
- border-bottom: 1px solid;
- font-style: normal;
- }
- }
- a.abstract, a.bibtex { cursor: pointer; }
- .hidden {
- font-size: $small-font-size;
- max-height: 0px;
- overflow: hidden;
- text-align: justify;
- -webkit-transition: 0.15s ease;
- -moz-transition: 0.15s ease;
- -ms-transition: 0.15s ease;
- -o-transition: 0.15s ease;
- transition: all 0.15s ease;
-
- p {
- line-height: 1.4em;
- margin: 10px;
- }
- pre {
- font-size: 1em;
- line-height: 1.4em;
- padding: 10px;
- }
- }
- .hidden.open {
- max-height: 100em;
- -webkit-transition: 0.15s ease;
- -moz-transition: 0.15s ease;
- -ms-transition: 0.15s ease;
- -o-transition: 0.15s ease;
- transition: all 0.15s ease;
- }
- span.abstract.hidden {
- border: dashed 1px $background-color;
- }
- span.abstract.hidden.open {
- border-color: $grey-color;
- }
- }
- abbr {
- position: absolute;
- left: -7em;
- }
- }
-.star {
- color: $theme-color;
- font-style: normal;
-}
diff --git a/_sass/_social-icons.scss b/_sass/_social-icons.scss
deleted file mode 100644
index b4918078cf5b..000000000000
--- a/_sass/_social-icons.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-.social-icons-left, .social-icons-right {
- text-align: center;
- float: none;
-}
-
-.social-icons {
- font-size: 1.25rem;
- padding: 0.5em 0 0 0;
- width: 100%;
-}
-
-.social-icons a.fa {
- cursor: pointer;
- opacity: 0.8;
- padding: 0.2em;
-}
-
-.social-icons a.fa:hover {
- opacity: 1;
-}
-
-.social-icons iframe[title=Flattr] {
- position: relative;
- top: 0.1em;
-}
diff --git a/_sass/_syntax-highlighting.scss b/_sass/_syntax-highlighting.scss
deleted file mode 100644
index e36627da7a64..000000000000
--- a/_sass/_syntax-highlighting.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * Syntax highlighting styles
- */
-.highlight {
- background: #fff;
- @extend %vertical-rhythm;
-
- .c { color: #998; font-style: italic } // Comment
- .err { color: #a61717; background-color: #e3d2d2 } // Error
- .k { font-weight: bold } // Keyword
- .o { font-weight: bold } // Operator
- .cm { color: #998; font-style: italic } // Comment.Multiline
- .cp { color: #999; font-weight: bold } // Comment.Preproc
- .c1 { color: #998; font-style: italic } // Comment.Single
- .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
- .gd { color: #000; background-color: #fdd } // Generic.Deleted
- .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
- .ge { font-style: italic } // Generic.Emph
- .gr { color: #a00 } // Generic.Error
- .gh { color: #999 } // Generic.Heading
- .gi { color: #000; background-color: #dfd } // Generic.Inserted
- .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
- .go { color: #888 } // Generic.Output
- .gp { color: #555 } // Generic.Prompt
- .gs { font-weight: bold } // Generic.Strong
- .gu { color: #aaa } // Generic.Subheading
- .gt { color: #a00 } // Generic.Traceback
- .kc { font-weight: bold } // Keyword.Constant
- .kd { font-weight: bold } // Keyword.Declaration
- .kp { font-weight: bold } // Keyword.Pseudo
- .kr { font-weight: bold } // Keyword.Reserved
- .kt { color: #458; font-weight: bold } // Keyword.Type
- .m { color: #099 } // Literal.Number
- .s { color: #d14 } // Literal.String
- .na { color: #008080 } // Name.Attribute
- .nb { color: #0086B3 } // Name.Builtin
- .nc { color: #458; font-weight: bold } // Name.Class
- .no { color: #008080 } // Name.Constant
- .ni { color: #800080 } // Name.Entity
- .ne { color: #900; font-weight: bold } // Name.Exception
- .nf { color: #900; font-weight: bold } // Name.Function
- .nn { color: #555 } // Name.Namespace
- .nt { color: #000080 } // Name.Tag
- .nv { color: #008080 } // Name.Variable
- .ow { font-weight: bold } // Operator.Word
- .w { color: #bbb } // Text.Whitespace
- .mf { color: #099 } // Literal.Number.Float
- .mh { color: #099 } // Literal.Number.Hex
- .mi { color: #099 } // Literal.Number.Integer
- .mo { color: #099 } // Literal.Number.Oct
- .sb { color: #d14 } // Literal.String.Backtick
- .sc { color: #d14 } // Literal.String.Char
- .sd { color: #d14 } // Literal.String.Doc
- .s2 { color: #d14 } // Literal.String.Double
- .se { color: #d14 } // Literal.String.Escape
- .sh { color: #d14 } // Literal.String.Heredoc
- .si { color: #d14 } // Literal.String.Interpol
- .sx { color: #d14 } // Literal.String.Other
- .sr { color: #009926 } // Literal.String.Regex
- .s1 { color: #d14 } // Literal.String.Single
- .ss { color: #990073 } // Literal.String.Symbol
- .bp { color: #999 } // Name.Builtin.Pseudo
- .vc { color: #008080 } // Name.Variable.Class
- .vg { color: #008080 } // Name.Variable.Global
- .vi { color: #008080 } // Name.Variable.Instance
- .il { color: #099 } // Literal.Number.Integer.Long
-}
diff --git a/_sass/_tables.scss b/_sass/_tables.scss
deleted file mode 100644
index 41abe353d112..000000000000
--- a/_sass/_tables.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- Table styles copied from Bootstrap
- Copyright (c) 2013 Twitter, Inc
-*/
-
-table {
- width: 100%;
- max-width: 100%;
- margin-bottom: 1.5;
- // font-size: 1.125rem;
- // Cells
- > thead,
- > tbody,
- > tfoot {
- > tr {
- > th,
- > td {
- padding: 12px;
- line-height: 1.2;
- vertical-align: top;
- border-top: 1px solid #333;
- }
- }
- }
- // Bottom align for column headings
- > thead > tr > th {
- vertical-align: bottom;
- border-bottom: 2px solid #333;
- }
- // Remove top border from thead by default
- > caption + thead,
- > colgroup + thead,
- > thead:first-child {
- > tr:first-child {
- > th,
- > td {
- border-top: 0;
- }
- }
- }
- // Account for multiple tbody instances
- > tbody + tbody {
- border-top: 2px solid #333;
- }
-}
diff --git a/_sass/_typography.scss b/_sass/_typography.scss
deleted file mode 100644
index b3cf8c23f5ec..000000000000
--- a/_sass/_typography.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-html {
- font-size: $base-font-size;
-}
-
-body {
- color: $text-color;
- font-weight: 100;
-}
-
-abbr {
- border-bottom: $abbr-border-bottom;
- cursor: help;
-}
-
-p {
- color: #333;
- line-height: 1.5;
-}
-
-small,
-.small {
- font-size: 0.707rem;
-}
-
-sup {
- position: relative;
- vertical-align: middle;
- top: -0.9ex;
-}
-
-h1, h2, h3, h4, h5, h6 {
- font-weight: 100;
-}
-
-div.equation {
- margin: $space-1 0;
-}
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
deleted file mode 100644
index a1c99f59531c..000000000000
--- a/_sass/_variables.scss
+++ /dev/null
@@ -1,164 +0,0 @@
-
-/******************************************************************************/
-
-// Typography
-$base-font-size: 16px !default;
-$small-font-size: 0.875rem !default;
-$bold-font-weight: bold !default;
-$font-family: Helvetica, Arial, sans-serif !default;
-$line-height: 1.5 !default;
-$heading-font-family: Helvetica, sans-serif !default;
-$heading-font-weight: 900 !default;
-$heading-line-height: 1.25 !default;
-$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
-$h1: 2.998rem !default;
-$h2: 1.5rem !default;
-$h3: 1.25rem !default;
-$h4: 1rem !default;
-$h5: .875rem !default;
-$h6: .75rem !default;
-$h00: 4rem !default;
-$h0: 3rem !default;
-$h00-responsive: 8vw !default;
-$h0-responsive: 6vw !default;
-$h1-responsive: 4vw !default;
-$h00-responsive-max: 7.68rem !default;
-$h0-responsive-max: 5.76rem !default;
-$h1-responsive-max: 3.84rem !default;
-$abbr-border-bottom: 1px black dotted;
-
-// Page width
-$measure-width: 42rem !default;
-
-
-// Viewport widths
-$viewport-small: 32em;
-$viewport-medium: 48em;
-$viewport-large: 64em;
-
-// Colors
-$red: #FF3636 !default;
-$red-1: #f95020 !default;
-$orange: #F29105 !default;
-$orange-1: #ffcc22 !default;
-$blue: #2698BA !default;
-$blue-1: #0076df !default;
-$dark-blue: #00369f !default;
-$green: #00ab37 !default;
-$green-1: #11D68B !default;
-$green-2: #00cf26 !default;
-$dark-green: #009f06 !default;
-$light-green: #ddffdd !default;
-$lime_green: #B7D12A !default;
-$purple: #B509AC !default;
-$pink: #f92080 !default;
-$light-pink: #ffdddd !default;
-$yellow: #efcc00 !default;
-
-$white: #fff !default;
-$dark-gray: #333 !default;
-$mid-gray: #666 !default;
-$light-gray: #ccc !default;
-$lighter-gray: #eee !default;
-
-$grey-color: #828282;
-$grey-color-light: lighten($grey-color, 40%);
-$grey-color-dark: darken($grey-color, 25%);
-
-$darken-1: rgba(#000,.0625) !default;
-$darken-2: rgba(#000,.125) !default;
-$darken-3: rgba(#000,.25) !default;
-$darken-4: rgba(#000,.5) !default;
-
-$theme-color: $purple;
-$code-color: $dark-gray;
-$text-color: $mid-gray;
-$background-color: white;
-
-// Links
-$link-color: $theme-color;
-$link-hover-color: darken($theme-color, 40%);
-
-// Breakpoints
-$breakpoint-md: '(min-width: 52em)';
-$breakpoint-xl: '(min-width: 96em)';
-
-// Whitespace
-$space-1: .5rem !default;
-$space-2: 1rem !default;
-$space-3: 2rem !default;
-$space-4: 4rem !default;
-
-$horizontal-spacing-unit: 50px;
-$vertical-spacing-unit: 40px;
-$nav-height: 56px;
-
-// Buttons
-$button-font-size: inherit !default;
-$button-font-weight: normal !default;
-$button-line-height: 1.125rem !default;
-$button-padding-y: .5rem !default;
-$button-padding-x: 1rem !default;
-$button-font-family: $heading-font-family;
-
-// Forms
-$form-field-font-size: 1rem !default;
-$form-field-height: 2.25rem !default;
-$form-field-padding-y: .5rem !default;
-$form-field-padding-x: .5rem !default;
-
-// Borders
-$border-color: $light-gray !default;
-$border-width: 1px !default;
-$border-radius: 3px !default;
-
-// Forms
-$form-field-font-size: 1rem;
-$form-field-height: 2.25rem;
-$form-field-padding-y: .5rem;
-$form-field-padding-x: .5rem;
-
-// Code
-$pre-border-radius: 0;
-$pre-background-color: #fafafa;
-$hljs-comment: $mid-gray;
-$hljs-keyword: $dark-blue;
-$hljs-name: $dark-gray;
-$hljs-number: $dark-green;
-$hljs-string: $red;
-$hljs-title: $red;
-$hljs-type: $dark-blue;
-$hljs-tag: $dark-blue;
-$hljs-attribute: $dark-green;
-$hljs-regexp: $dark-green;
-$hljs-symbol: $purple;
-$hljs-built-in: $dark-blue;
-$hljs-preprocessor: $mid-gray;
-$hljs-deletion: $light-pink;
-$hljs-addition: $light-green;
-$hljs-change: $dark-blue;
-$hljs-chunk: $light-gray;
-
-// Header
-$nav-height: 56px;
-
-// Footer
-$footer-border-top: thin solid $grey-color-dark;
-$footer-padding: $space-1;
-$footer-color: $light-gray;
-$footer-bg-color: $grey-color-dark;
-$footer-font-weight: 300;
-$footer-font-size: .75rem;
-
-
-/******************************************************************************/
-
-
-/* portfolio tinkering */
-$img_spacing: 5px;
-$img-height: 275px;
-$caption-font-size: 12px;
-$caption-color: #aaa;
-
-/* add on-palm to be consistent with other jekyll theme media queries */
-$on-palm: 600px !default;
diff --git a/_sass/basscss/_base-buttons.scss b/_sass/basscss/_base-buttons.scss
deleted file mode 100644
index 48af66c0344d..000000000000
--- a/_sass/basscss/_base-buttons.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-/* Basscss Base Buttons */
-
-button,
-.button {
- font-family: $button-font-family;
- font-size: $button-font-size;
- font-weight: $button-font-weight;
- text-decoration: none;
- cursor: pointer;
- display: inline-block;
- box-sizing: border-box;
- line-height: $button-line-height;
- padding: $button-padding-y $button-padding-x;
- margin: 0;
- height: auto;
- border: 1px solid transparent;
- vertical-align: middle;
- -webkit-appearance: none;
-}
-
-::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-.button:hover {
- text-decoration: none;
-}
diff --git a/_sass/basscss/_base-forms.scss b/_sass/basscss/_base-forms.scss
deleted file mode 100644
index 1a69dedd6f69..000000000000
--- a/_sass/basscss/_base-forms.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-/* Basscss Base Forms */
-
-input,
-select,
-textarea,
-fieldset {
- font-size: $form-field-font-size;
- margin-top: 0;
- margin-bottom: $space-1;
-}
-
-input[type=text],
-input[type=datetime],
-input[type=datetime-local],
-input[type=email],
-input[type=month],
-input[type=number],
-input[type=password],
-input[type=search],
-input[type=tel],
-input[type=time],
-input[type=url],
-input[type=week] {
- box-sizing: border-box;
- height: $form-field-height;
- padding: $form-field-padding-y $form-field-padding-x;
- vertical-align: middle;
- -webkit-appearance: none;
-}
-
-select {
- box-sizing: border-box;
- line-height: 1.75;
- padding: $form-field-padding-y $form-field-padding-x;
-}
-
-select:not([multiple]) {
- height: $form-field-height;
- vertical-align: middle;
-}
-
-textarea {
- box-sizing: border-box;
- line-height: 1.75;
- padding: $form-field-padding-y $form-field-padding-x;
-}
-
-.fieldset-reset {
- padding: 0;
- margin-left: 0;
- margin-right: 0;
- border: 0;
-}
-
-.fieldset-reset legend {
- padding: 0;
-}
diff --git a/_sass/basscss/_base-reset.scss b/_sass/basscss/_base-reset.scss
deleted file mode 100644
index 9c509a5ca30f..000000000000
--- a/_sass/basscss/_base-reset.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-body,
-button {
- margin: 0;
-}
-
-button,
-input,
-select,
-textarea {
- font-family: inherit;
- font-size: 100%;
-}
-
-img {
- max-width: 100%;
-}
-
-svg {
- max-height: 100%;
-}
diff --git a/_sass/basscss/_base-typography.scss b/_sass/basscss/_base-typography.scss
deleted file mode 100644
index 4fdd73537259..000000000000
--- a/_sass/basscss/_base-typography.scss
+++ /dev/null
@@ -1,101 +0,0 @@
-/* Basscss Base Typography */
-
-body {
- font-family: $font-family;
- line-height: $line-height;
- font-size: 100%;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-family: $heading-font-family;
- font-weight: $heading-font-weight;
- line-height: $heading-line-height;
- margin-top: 1em;
- margin-bottom: .5em;
-}
-
-p,
-dl,
-ol,
-ul {
- font-size: $h4;
- margin-top: 0;
- margin-bottom: $space-2;
-}
-
-ol,
-ul {
- padding-left: $space-3;
-}
-
-pre,
-code,
-samp {
- font-family: $monospace-font-family;
- font-size: inherit;
-}
-
-pre {
- margin-top: 0;
- margin-bottom: $space-2;
- overflow-x: scroll;
-}
-
-hr {
- margin-top: $space-3;
- margin-bottom: $space-3;
-}
-
-blockquote {
- margin-top: $space-3;
- margin-bottom: $space-3;
- margin-left: 0;
- padding-left: $space-2;
- padding-right: $space-2;
-}
-
-blockquote,
-blockquote p {
- font-size: $h3;
- font-style: italic;
-}
-
-h1,
-.h1 {
- font-size: $h1;
-}
-
-h2,
-.h2 {
- font-size: $h2;
-}
-
-h3,
-.h3 {
- font-size: $h3;
-}
-
-h4,
-.h4 {
- font-size: $h4;
-}
-
-h5,
-.h5 {
- font-size: $h5;
-}
-
-h6,
-.h6 {
- font-size: $h6;
-}
-
-.list-reset {
- list-style: none;
- padding-left: 0;
-}
diff --git a/_sass/basscss/_buttons-blue.scss b/_sass/basscss/_buttons-blue.scss
deleted file mode 100644
index 1d22140c6fcc..000000000000
--- a/_sass/basscss/_buttons-blue.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-.button-blue {
- color: white;
- background-color: $theme-color;
- border-radius: $border-radius;
- transition-duration: .1s;
- transition-timing-function: ease-out;
- transition-property: box-shadow, background-color;
-}
-
-.button-blue:hover {
- opacity: .875;
-}
-
-.button-blue:active,
-.button-blue.is-active {
- box-shadow: inset 0 0 0 32px rgba(#000,.125), inset 0 2px 3px 0 rgba(#000,.25);
-}
-
-.button-blue:focus {
- outline: none;
- box-shadow: 0 0 0 2px rgba(white, .5), 0 0 1px 4px rgba($blue, .5);
-}
-
-.button-blue:disabled,
-.button-blue.is-disabled {
- opacity: .5;
-}
diff --git a/_sass/basscss/_color-base.scss b/_sass/basscss/_color-base.scss
deleted file mode 100644
index 2ef5b9c7d8e6..000000000000
--- a/_sass/basscss/_color-base.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-/* Basscss Color Base */
-
-body {
- color: $dark-gray;
- background-color: white;
-}
-
-a {
- color: $theme-color;
- text-decoration: none;
-}
-
-a:hover {
- text-decoration: underline;
-}
-
-pre,
-code {
- background-color: $lighter-gray;
- border-radius: $border-radius;
-}
-
-hr {
- border: 0;
- border-bottom-style: solid;
- border-bottom-width: $border-width;
- border-bottom-color: $border-color;
-}
diff --git a/_sass/basscss/_colors.scss b/_sass/basscss/_colors.scss
deleted file mode 100644
index bd7d44b5a747..000000000000
--- a/_sass/basscss/_colors.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-/* Basscss Colors */
-
-.dark-gray {
- color: $dark-gray;
-}
-
-.white {
- color: white;
-}
-
-.blue {
- color: $blue;
-}
-
-.mid-gray {
- color: $mid-gray;
-}
-
-.light-gray {
- color: $light-gray;
-}
-
-.lighter-gray {
- color: $lighter-gray;
-}
-
-.red {
- color: $red;
-}
-
-.green {
- color: $green;
-}
-
-.yellow {
- color: $yellow;
-}
-
-.orange {
- color: $orange;
-}
-
-.bg-dark-gray {
- background-color: $dark-gray;
-}
-
-.bg-white {
- background-color: white;
-}
-
-.bg-blue {
- background-color: $blue;
-}
-
-.bg-mid-gray {
- background-color: $mid-gray;
-}
-
-.bg-light-gray {
- background-color: $light-gray;
-}
-
-.bg-lighter-gray {
- background-color: $lighter-gray;
-}
-
-.bg-red {
- background-color: $red;
-}
-
-.bg-green {
- background-color: $green;
-}
-
-.bg-yellow {
- background-color: $yellow;
-}
-
-.bg-orange {
- background-color: $orange;
-}
-
-.bg-darken-1 {
- background-color: $darken-1;
-}
-
-.bg-darken-2 {
- background-color: $darken-2;
-}
-
-.bg-darken-3 {
- background-color: $darken-3;
-}
-
-.bg-darken-4 {
- background-color: $darken-4;
-}
diff --git a/_sass/basscss/_syntax-highlighting.scss b/_sass/basscss/_syntax-highlighting.scss
deleted file mode 100644
index d32db0584c5b..000000000000
--- a/_sass/basscss/_syntax-highlighting.scss
+++ /dev/null
@@ -1,119 +0,0 @@
-.highlight {
- -webkit-text-size-adjust: none;
-}
-
-.highlight .c,
-.highlight .cs,
-.highlight .cm,
-.highlight .cp,
-.highlight .c1 {
- color: $hljs-comment;
- font-style: italic;
-}
-
-.highlight .k,
-.highlight .kc,
-.highlight .kd,
-.highlight .kn,
-.highlight .kr,
-.highlight .kt,
-.highlight .kp {
- color: $hljs-keyword;
-}
-
-.highlight .na,
-.highlight .nb,
-.highlight .nc,
-.highlight .no,
-.highlight .nd,
-.highlight .ni,
-.highlight .ne,
-.highlight .nf,
-.highlight .nl,
-.highlight .nn,
-.highlight .nx {
- color: $hljs-name;
-}
-
-.highlight .mi,
-.highlight .il {
- color: $hljs-number;
-}
-
-.highlight .s,
-.highlight .sb,
-.highlight .sc,
-.highlight .sd,
-.highlight .s2,
-.highlight .s3,
-.highlight .sh,
-.highlight .si,
-.highlight .sx,
-.highlight .sr,
-.highlight .ss,
-.highlight .s1 {
- color: $hljs-string;
-}
-
-.hljs-title,
-.hljs-id,
-.scss .hljs-preprocessor {
- color: $hljs-title;
- font-weight: bold;
-}
-
-.highlight .k {
- font-weight: normal;
-}
-
-.highlight .nc,
-.highlight .no {
- color: $hljs-type;
-}
-
-.highlight .o {
- color: $hljs-tag;
- font-weight: normal;
-}
-
-.highlight .nb {
- color: $hljs-attribute;
-}
-
-.highlight .sr {
- color: $hljs-regexp;
-}
-
-.highlight .ss {
- color: $hljs-symbol;
-}
-
-.hljs-built_in {
- color: $hljs-built-in;
-}
-
-.hljs-preprocessor,
-.hljs-pragma,
-.hljs-pi,
-.hljs-doctype,
-.hljs-shebang,
-.hljs-cdata {
- color: $hljs-preprocessor;
- font-weight: bold;
-}
-
-.hljs-deletion {
- background: $hljs-deletion;
-}
-
-.hljs-addition {
- background: $hljs-addition;
-}
-
-.diff .hljs-change {
- background: $hljs-change;
-}
-
-.hljs-chunk {
- color: $hljs-chunk;
-}
diff --git a/_sass/basscss/_utility-headings.scss b/_sass/basscss/_utility-headings.scss
deleted file mode 100644
index b9fd7f54de81..000000000000
--- a/_sass/basscss/_utility-headings.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-/* Basscss Utility Headings */
-
-.h00 {
- font-size: $h00;
-}
-
-.h0 {
- font-size: $h0;
-}
-
-@media #{$breakpoint-md} {
- .h00-responsive {
- font-size: $h00-responsive;
- }
-
- .h0-responsive {
- font-size: $h0-responsive;
- }
-
- .h1-responsive {
- font-size: $h1-responsive;
- }
-}
-
-@media #{$breakpoint-xl} {
- .h00-responsive {
- font-size: $h00-responsive-max;
- }
-
- .h0-responsive {
- font-size: $h0-responsive-max;
- }
-
- .h1-responsive {
- font-size: $h1-responsive-max;
- }
-}
diff --git a/_sass/basscss/_utility-typography.scss b/_sass/basscss/_utility-typography.scss
deleted file mode 100644
index 14b1ab478c2f..000000000000
--- a/_sass/basscss/_utility-typography.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-/* Basscss Utility Typography */
-
-.bold {
- font-weight: $bold-font-weight;
-}
-
-.regular {
- font-weight: normal;
-}
-
-.italic {
- font-style: italic;
-}
-
-.caps {
- text-transform: uppercase;
- letter-spacing: .2em;
-}
-
-.left-align {
- text-align: left;
-}
-
-.center {
- text-align: center;
-}
-
-.right-align {
- text-align: right;
-}
-
-.justify {
- text-align: justify;
-}
-
-.nowrap {
- white-space: nowrap;
-}
diff --git a/_sass/basscss/_utility-white-space.scss b/_sass/basscss/_utility-white-space.scss
deleted file mode 100644
index d289db3514bc..000000000000
--- a/_sass/basscss/_utility-white-space.scss
+++ /dev/null
@@ -1,182 +0,0 @@
-/* Basscss Utility White Space */
-
-.m0 {
- margin: 0;
-}
-
-.mt0 {
- margin-top: 0;
-}
-
-.mr0 {
- margin-right: 0;
-}
-
-.mb0 {
- margin-bottom: 0;
-}
-
-.ml0 {
- margin-left: 0;
-}
-
-.m1 {
- margin: $space-1;
-}
-
-.mt1 {
- margin-top: $space-1;
-}
-
-.mr1 {
- margin-right: $space-1;
-}
-
-.mb1 {
- margin-bottom: $space-1;
-}
-
-.ml1 {
- margin-left: $space-1;
-}
-
-.m2 {
- margin: $space-2;
-}
-
-.mt2 {
- margin-top: $space-2;
-}
-
-.mr2 {
- margin-right: $space-2;
-}
-
-.mb2 {
- margin-bottom: $space-2;
-}
-
-.ml2 {
- margin-left: $space-2;
-}
-
-.m3 {
- margin: $space-3;
-}
-
-.mt3 {
- margin-top: $space-3;
-}
-
-.mr3 {
- margin-right: $space-3;
-}
-
-.mb3 {
- margin-bottom: $space-3;
-}
-
-.ml3 {
- margin-left: $space-3;
-}
-
-.m4 {
- margin: $space-4;
-}
-
-.mt4 {
- margin-top: $space-4;
-}
-
-.mr4 {
- margin-right: $space-4;
-}
-
-.mb4 {
- margin-bottom: $space-4;
-}
-
-.ml4 {
- margin-left: $space-4;
-}
-
-.mxn1 {
- margin-left: -$space-1;
- margin-right: -$space-1;
-}
-
-.mxn2 {
- margin-left: -$space-2;
- margin-right: -$space-2;
-}
-
-.mxn3 {
- margin-left: -$space-3;
- margin-right: -$space-3;
-}
-
-.mxn4 {
- margin-left: -$space-4;
- margin-right: -$space-4;
-}
-
-.mx-auto {
- margin-left: auto;
- margin-right: auto;
-}
-
-.p1 {
- padding: $space-1;
-}
-
-.py1 {
- padding-top: $space-1;
- padding-bottom: $space-1;
-}
-
-.px1 {
- padding-left: $space-1;
- padding-right: $space-1;
-}
-
-.p2 {
- padding: $space-2;
-}
-
-.py2 {
- padding-top: $space-2;
- padding-bottom: $space-2;
-}
-
-.px2 {
- padding-left: $space-2;
- padding-right: $space-2;
-}
-
-.p3 {
- padding: $space-3;
-}
-
-.py3 {
- padding-top: $space-3;
- padding-bottom: $space-3;
-}
-
-.px3 {
- padding-left: $space-3;
- padding-right: $space-3;
-}
-
-.p4 {
- padding: $space-4;
-}
-
-.py4 {
- padding-top: $space-4;
- padding-bottom: $space-4;
-}
-
-.px4 {
- padding-left: $space-4;
- padding-right: $space-4;
-}
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 000000000000..8b4a0ed86980
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,541 @@
+@charset "UTF-8";
+/******************************************************************************/
+/******************************************************************************/
+/* portfolio tinkering */
+/* add on-palm to be consistent with other jekyll theme media queries */
+@media screen and (min-width: 32em) { html { font-size: 16px; }
+ h1, .h1 { font-size: 2.998rem; }
+ .site-header { text-align: left; }
+ .site-nav { margin-top: 0; }
+ .site-header a { font-size: 1rem; }
+ .site-header .site-title { font-size: 1.25rem; float: left; }
+ .site-header .site-nav { float: right; }
+ blockquote { margin-left: 2rem; padding: 2rem; }
+ .social-icons-left { text-align: left; }
+ .social-icons-right { text-align: right; } }
+@media screen and (min-width: 48em) { html { font-size: 18px; } }
+@media screen and (min-width: 64em) { html { font-size: 20px; } }
+@media screen and (min-width: 78em) { em img { max-width: 56rem; margin-left: -7em; } }
+/*!
+
+ BASSCSS
+
+ Next-level CSS toolkit - basscss.com
+
+ Made with love by Jxnblk - ©2014 Brent Jackson
+ MIT License http://opensource.org/licenses/MIT
+
+*/
+/* Basscss Base Buttons */
+button, .button { font-family: Helvetica, sans-serif; font-size: inherit; font-weight: normal; text-decoration: none; cursor: pointer; display: inline-block; box-sizing: border-box; line-height: 1.125rem; padding: 0.5rem 1rem; margin: 0; height: auto; border: 1px solid transparent; vertical-align: middle; -webkit-appearance: none; }
+
+::-moz-focus-inner { border: 0; padding: 0; }
+
+.button:hover { text-decoration: none; }
+
+/* Basscss Base Forms */
+input, select, textarea, fieldset { font-size: 1rem; margin-top: 0; margin-bottom: 0.5rem; }
+
+input[type=text], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week] { box-sizing: border-box; height: 2.25rem; padding: 0.5rem 0.5rem; vertical-align: middle; -webkit-appearance: none; }
+
+select { box-sizing: border-box; line-height: 1.75; padding: 0.5rem 0.5rem; }
+
+select:not([multiple]) { height: 2.25rem; vertical-align: middle; }
+
+textarea { box-sizing: border-box; line-height: 1.75; padding: 0.5rem 0.5rem; }
+
+.fieldset-reset { padding: 0; margin-left: 0; margin-right: 0; border: 0; }
+
+.fieldset-reset legend { padding: 0; }
+
+body, button { margin: 0; }
+
+button, input, select, textarea { font-family: inherit; font-size: 100%; }
+
+img { max-width: 100%; }
+
+svg { max-height: 100%; }
+
+/* Basscss Base Typography */
+body { font-family: Helvetica, Arial, sans-serif; line-height: 1.5; font-size: 100%; }
+
+h1, h2, h3, h4, h5, h6 { font-family: Helvetica, sans-serif; font-weight: 900; line-height: 1.25; margin-top: 1em; margin-bottom: .5em; }
+
+p, dl, ol, ul { font-size: 1rem; margin-top: 0; margin-bottom: 1rem; }
+
+ol, ul { padding-left: 2rem; }
+
+pre, code, samp { font-family: "Source Code Pro", Consolas, monospace; font-size: inherit; }
+
+pre { margin-top: 0; margin-bottom: 1rem; overflow-x: scroll; }
+
+hr { margin-top: 2rem; margin-bottom: 2rem; }
+
+blockquote { margin-top: 2rem; margin-bottom: 2rem; margin-left: 0; padding-left: 1rem; padding-right: 1rem; }
+
+blockquote, blockquote p { font-size: 1.25rem; font-style: italic; }
+
+h1, .h1 { font-size: 2.998rem; }
+
+h2, .h2 { font-size: 1.5rem; }
+
+h3, .h3 { font-size: 1.25rem; }
+
+h4, .h4 { font-size: 1rem; }
+
+h5, .h5 { font-size: 0.875rem; }
+
+h6, .h6 { font-size: 0.75rem; }
+
+.list-reset { list-style: none; padding-left: 0; }
+
+.button-blue { color: white; background-color: #B509AC; border-radius: 3px; transition-duration: .1s; transition-timing-function: ease-out; transition-property: box-shadow, background-color; }
+
+.button-blue:hover { opacity: .875; }
+
+.button-blue:active, .button-blue.is-active { box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.125), inset 0 2px 3px 0 rgba(0, 0, 0, 0.25); }
+
+.button-blue:focus { outline: none; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 1px 4px rgba(38, 152, 186, 0.5); }
+
+.button-blue:disabled, .button-blue.is-disabled { opacity: .5; }
+
+.highlight { -webkit-text-size-adjust: none; }
+
+.highlight .c, .highlight .cs, .highlight .cm, .highlight .cp, .highlight .c1 { color: #666; font-style: italic; }
+
+.highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kr, .highlight .kt, .highlight .kp { color: #00369f; }
+
+.highlight .na, .highlight .nb, .highlight .nc, .highlight .no, .highlight .nd, .highlight .ni, .highlight .ne, .highlight .nf, .highlight .nl, .highlight .nn, .highlight .nx { color: #333; }
+
+.highlight .mi, .highlight .il { color: #009f06; }
+
+.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .s3, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .ss, .highlight .s1 { color: #FF3636; }
+
+.hljs-title, .hljs-id, .scss .hljs-preprocessor { color: #FF3636; font-weight: bold; }
+
+.highlight .k { font-weight: normal; }
+
+.highlight .nc, .highlight .no { color: #00369f; }
+
+.highlight .o { color: #00369f; font-weight: normal; }
+
+.highlight .nb { color: #009f06; }
+
+.highlight .sr { color: #009f06; }
+
+.highlight .ss { color: #B509AC; }
+
+.hljs-built_in { color: #00369f; }
+
+.hljs-preprocessor, .hljs-pragma, .hljs-pi, .hljs-doctype, .hljs-shebang, .hljs-cdata { color: #666; font-weight: bold; }
+
+.hljs-deletion { background: #ffdddd; }
+
+.hljs-addition { background: #ddffdd; }
+
+.diff .hljs-change { background: #00369f; }
+
+.hljs-chunk { color: #ccc; }
+
+/* Basscss Color Base */
+body { color: #333; background-color: white; }
+
+a { color: #B509AC; text-decoration: none; }
+
+a:hover { text-decoration: underline; }
+
+pre, code { background-color: #eee; border-radius: 3px; }
+
+hr { border: 0; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ccc; }
+
+/* Basscss Colors */
+.dark-gray { color: #333; }
+
+.white { color: white; }
+
+.blue { color: #2698BA; }
+
+.mid-gray { color: #666; }
+
+.light-gray { color: #ccc; }
+
+.lighter-gray { color: #eee; }
+
+.red { color: #FF3636; }
+
+.green { color: #00ab37; }
+
+.yellow { color: #efcc00; }
+
+.orange { color: #F29105; }
+
+.bg-dark-gray { background-color: #333; }
+
+.bg-white { background-color: white; }
+
+.bg-blue { background-color: #2698BA; }
+
+.bg-mid-gray { background-color: #666; }
+
+.bg-light-gray { background-color: #ccc; }
+
+.bg-lighter-gray { background-color: #eee; }
+
+.bg-red { background-color: #FF3636; }
+
+.bg-green { background-color: #00ab37; }
+
+.bg-yellow { background-color: #efcc00; }
+
+.bg-orange { background-color: #F29105; }
+
+.bg-darken-1 { background-color: rgba(0, 0, 0, 0.0625); }
+
+.bg-darken-2 { background-color: rgba(0, 0, 0, 0.125); }
+
+.bg-darken-3 { background-color: rgba(0, 0, 0, 0.25); }
+
+.bg-darken-4 { background-color: rgba(0, 0, 0, 0.5); }
+
+/* Basscss Utility Headings */
+.h00 { font-size: 4rem; }
+
+.h0 { font-size: 3rem; }
+
+@media (min-width: 52em) { .h00-responsive { font-size: 8vw; }
+ .h0-responsive { font-size: 6vw; }
+ .h1-responsive { font-size: 4vw; } }
+@media (min-width: 96em) { .h00-responsive { font-size: 7.68rem; }
+ .h0-responsive { font-size: 5.76rem; }
+ .h1-responsive { font-size: 3.84rem; } }
+/* Basscss Utility Typography */
+.bold { font-weight: bold; }
+
+.regular { font-weight: normal; }
+
+.italic { font-style: italic; }
+
+.caps { text-transform: uppercase; letter-spacing: .2em; }
+
+.left-align { text-align: left; }
+
+.center { text-align: center; }
+
+.right-align { text-align: right; }
+
+.justify { text-align: justify; }
+
+.nowrap { white-space: nowrap; }
+
+/* Basscss Utility White Space */
+.m0 { margin: 0; }
+
+.mt0 { margin-top: 0; }
+
+.mr0 { margin-right: 0; }
+
+.mb0 { margin-bottom: 0; }
+
+.ml0 { margin-left: 0; }
+
+.m1 { margin: 0.5rem; }
+
+.mt1 { margin-top: 0.5rem; }
+
+.mr1 { margin-right: 0.5rem; }
+
+.mb1 { margin-bottom: 0.5rem; }
+
+.ml1 { margin-left: 0.5rem; }
+
+.m2 { margin: 1rem; }
+
+.mt2 { margin-top: 1rem; }
+
+.mr2 { margin-right: 1rem; }
+
+.mb2 { margin-bottom: 1rem; }
+
+.ml2 { margin-left: 1rem; }
+
+.m3 { margin: 2rem; }
+
+.mt3 { margin-top: 2rem; }
+
+.mr3 { margin-right: 2rem; }
+
+.mb3 { margin-bottom: 2rem; }
+
+.ml3 { margin-left: 2rem; }
+
+.m4 { margin: 4rem; }
+
+.mt4 { margin-top: 4rem; }
+
+.mr4 { margin-right: 4rem; }
+
+.mb4 { margin-bottom: 4rem; }
+
+.ml4 { margin-left: 4rem; }
+
+.mxn1 { margin-left: -0.5rem; margin-right: -0.5rem; }
+
+.mxn2 { margin-left: -1rem; margin-right: -1rem; }
+
+.mxn3 { margin-left: -2rem; margin-right: -2rem; }
+
+.mxn4 { margin-left: -4rem; margin-right: -4rem; }
+
+.mx-auto { margin-left: auto; margin-right: auto; }
+
+.p1 { padding: 0.5rem; }
+
+.py1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
+
+.px1 { padding-left: 0.5rem; padding-right: 0.5rem; }
+
+.p2 { padding: 1rem; }
+
+.py2 { padding-top: 1rem; padding-bottom: 1rem; }
+
+.px2 { padding-left: 1rem; padding-right: 1rem; }
+
+.p3 { padding: 2rem; }
+
+.py3 { padding-top: 2rem; padding-bottom: 2rem; }
+
+.px3 { padding-left: 2rem; padding-right: 2rem; }
+
+.p4 { padding: 4rem; }
+
+.py4 { padding-top: 4rem; padding-bottom: 4rem; }
+
+.px4 { padding-left: 4rem; padding-right: 4rem; }
+
+html, body { height: auto; min-height: 100%; -webkit-text-size-adjust: 100%; }
+
+img { max-width: none; }
+
+em img { max-width: 100%; margin-left: 0; }
+
+body { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
+
+.wrapper { max-width: -webkit-calc(800px - (50px * 2)); max-width: calc(800px - (50px * 2)); margin-right: auto; margin-left: auto; padding-right: 50px; padding-left: 50px; }
+
+.clearfix:before, .wrapper:before, .clearfix:after, .wrapper:after { content: ' '; display: table; }
+
+.clearfix:after, .wrapper:after { clear: both; }
+
+.left { float: left; }
+
+.right { float: right; }
+
+.site-header { border-bottom: 1px solid #e8e8e8; background-color: #fff; opacity: 0.95; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 50; }
+
+.site-title { font-size: 20px; line-height: 56px; letter-spacing: -1px; margin-bottom: 0; }
+
+.site-nav { float: right; line-height: 56px; }
+.site-nav .nav-trigger { display: none; }
+.site-nav .menu-icon { display: none; }
+.site-nav .page-link { line-height: 1.5; }
+.site-nav .page-link:not(:first-child) { margin-left: 10px; }
+@media screen and (max-width: 600px) { .site-nav { position: absolute; top: 9px; right: 25px; background-color: white; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; }
+ .site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; }
+ .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }
+ .site-nav .menu-icon > svg path { fill: #424242; }
+ .site-nav input ~ .trigger { clear: both; display: none; }
+ .site-nav input:checked ~ .trigger { display: block; padding-bottom: 5px; }
+ .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 10px; }
+ .site-nav .page-link:not(:last-child) { margin-right: 0; } }
+
+.header-bar { border-bottom: 1px solid #ccc; font-size: 20px; display: block; opacity: 0.75; width: 100%; text-align: center; padding-top: 25px; padding-bottom: 4rem; line-height: 3em; z-index: 25; }
+.header-bar h1 { color: #B509AC; font-size: 75px; }
+.header-bar h2 { font-size: 25px; }
+
+.site { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; }
+
+.site-wrap { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
+
+footer { background-color: #424242; border-top: thin solid #424242; color: #ccc; font-size: 0.75rem; font-weight: 300; padding: 0.5rem; position: fixed; left: 0px; bottom: 0px; width: 100%; }
+footer a { color: #fff; }
+footer a:hover { color: #B509AC; }
+
+.page-content { padding: 100px 0; /* VERTICAL PADDING FOR TITLE ON EVERY PAGE */ }
+
+.page-heading { font-size: 20px; }
+
+.contacticon { display: block; font-size: 60px; margin: 10px; }
+
+.center { text-align: center; }
+
+.post-header { margin-bottom: 40px; }
+
+.post-list { margin: 0; padding: 0; list-style: none; }
+.post-list > li { border-bottom: 1px solid #ccc; padding-bottom: 2rem; padding-top: 2rem; }
+
+.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; margin-bottom: 10px; margin-top: 0; }
+
+.post-content h2 { font-size: 42px; }
+.post-content h3 { font-size: 30px; }
+.post-content h4 { font-size: 20px; }
+
+.post-meta { color: #828282; font-size: 0.875rem; margin-bottom: 0px; }
+
+.post-link { display: block; font-size: 42px; }
+
+.project { box-sizing: border-box; float: left; height: 250px; padding: 10px; vertical-align: middle; width: 33.33%; }
+.project .thumbnail { overflow: hidden; height: 200px; width: 100%; }
+.project .thumbnail img { height: auto; position: relative; left: -25%; top: -5%; width: 500px; }
+.project .thumbnail a { float: left; height: 230px; position: relative; width: 100%; }
+.project .thumbnail a span { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); color: #e8e8e8; padding: 40px; text-align: center; }
+.project .thumbnail a span h1 { font-size: 1.5rem; margin: 0; }
+.project .thumbnail a span p { color: #e8e8e8; }
+.project .thumbnail a:hover span { display: block; }
+
+.profile img { box-shadow: 0 0 5px #828282; width: 100%; }
+
+.address { font-family: monospace; }
+.address p { margin: 0; }
+
+.news { border-top: 1px solid #e8e8e8; margin-top: 30px; padding-top: 20px; }
+.news h2 { font-weight: bold; margin-top: 0; margin-bottom: 10px; }
+.news table { border-collapse: collapse; width: 100%; }
+.news table .date { width: 19%; }
+.news table .announcement { width: 81%; }
+.news table tr { text-align: left; }
+.news table td { padding: 6px 0; vertical-align: top; border: none; }
+
+.social { border-top: 1px solid #e8e8e8; margin-top: 50px; padding-top: 20px; }
+
+.pagination { font-size: 1rem; font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300; text-align: center; }
+
+.pagination a, .pagination .disabled { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #fafafa; border-radius: 0.1875em; border: 1px solid #f3f3f3; color: #333333; padding: 1em 1.5em; }
+
+.pagination .disabled, .pagination .pagination-meta { opacity: 0.5; }
+
+.pagination .pagination-meta { overflow: hidden; }
+
+.pagination a:hover, .pagination a:focus { background: white; color: #B509AC; }
+
+.pagination a:active { background: #f7f7f7; }
+
+.pagination .button { font-size: 1rem; font-weight: 300; letter-spacing: 1px; }
+
+.button-disabled { opacity: 0.55; background-color: #999; }
+
+.button-disabled:hover, .button-disabled:active, .button-disabled:focus { cursor: not-allowed; background-color: #999; }
+
+.publications h2 { color: #B509AC; font-size: 32px; margin-bottom: 30px; text-align: center; }
+
+.year { border-top: 1px solid #ccc; color: #ccc; margin: 0 -3em -2.5ex -2em; padding-top: 1ex; text-align: right; }
+
+.bibliography { margin-bottom: 50px; margin-top: 20px; list-style-type: circle; }
+.bibliography li { margin: 10px 0; position: relative; }
+.bibliography li span { display: block; }
+.bibliography li .title { font-weight: bolder; }
+.bibliography li .author a { border-bottom: 1px dashed #B509AC; }
+.bibliography li .author a:hover { border-bottom-style: solid; text-decoration: none; }
+.bibliography li .author > em { border-bottom: 1px solid; font-style: normal; }
+.bibliography li a.abstract, .bibliography li a.bibtex { cursor: pointer; }
+.bibliography li .hidden { font-size: 0.875rem; max-height: 0px; overflow: hidden; text-align: justify; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; }
+.bibliography li .hidden p { line-height: 1.4em; margin: 10px; }
+.bibliography li .hidden pre { font-size: 1em; line-height: 1.4em; padding: 10px; }
+.bibliography li .hidden.open { max-height: 100em; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; }
+.bibliography li span.abstract.hidden { border: dashed 1px white; }
+.bibliography li span.abstract.hidden.open { border-color: #828282; }
+.bibliography abbr { position: absolute; left: -7em; }
+
+.star { color: #B509AC; font-style: normal; }
+
+blockquote { border-left: 5px solid #7a7a7a; font-style: italic; margin-left: 0.5rem; padding: 0.5rem; }
+
+blockquote footer { background-color: #fff; border-color: transparent; color: #7a7a7a; font-size: .85rem; font-style: normal; text-align: left; padding: 0; }
+
+pre, pre code { background-color: transparent; border-radius: 0; }
+
+pre, code { font-family: "Source Code Pro", Consolas, monospace; }
+
+code { color: #333; font-size: 85%; padding-bottom: 0.1em; padding-left: 0.2em; padding-right: 0.2em; padding-top: 0.1em; }
+
+pre { padding: 1.125em; line-height: 1.11; overflow-x: scroll; margin-bottom: 0.88em; background-color: #fafafa; }
+
+.highlight .p { font-size: 1.125rem; line-height: 1; }
+
+pre { counter-reset: line-numbering; white-space: pre; overflow-x: auto; word-break: inherit; word-wrap: inherit; }
+
+pre a { background-image: none; }
+
+pre a::before { content: counter(line-numbering); counter-increment: line-numbering; padding-right: 1em; /* space after numbers */ width: 25px; text-align: right; opacity: 0.7; display: inline-block; color: #ccc; margin-right: 16px; font-size: 13px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
+
+pre a:first-of-type::before { padding-top: 10px; }
+
+pre a:last-of-type::before { padding-bottom: 10px; }
+
+pre a:only-of-type::before { padding: 10px; }
+
+figure > img { display: block; }
+
+figcaption { font-size: 0.875rem; }
+
+.blankbox { background: #B509AC; }
+
+.img_row { height: 275px; width: 100%; overflow: hidden; box-sizing: border-box; }
+
+.col { width: 100%; height: 100%; object-fit: cover; box-sizing: border-box; padding: 5px; }
+
+.one { width: 33.33%; }
+
+.two { width: 66.66%; }
+
+.three { width: 100%; }
+
+.caption { height: 100%; color: #aaa; text-align: center; vertical-align: middle; font-size: 12px; }
+
+.gist, .gist .highlight .p { font-size: .75rem; }
+
+.gist .lines { width: 100%; }
+
+a { color: #666; text-decoration: none; }
+a:hover { color: #B509AC; text-decoration: none; }
+
+article a, .news a { color: #B509AC; font-weight: 100; }
+article a:hover, .news a:hover { text-decoration: underline; }
+
+.social a { color: #666; }
+.social a:hover { color: #B509AC; }
+
+.measure { margin: 0 auto; max-width: 42rem; }
+
+.social-icons-left, .social-icons-right { text-align: center; float: none; }
+
+.social-icons { font-size: 1.25rem; padding: 0.5em 0 0 0; width: 100%; }
+
+.social-icons a.fa { cursor: pointer; opacity: 0.8; padding: 0.2em; }
+
+.social-icons a.fa:hover { opacity: 1; }
+
+.social-icons iframe[title=Flattr] { position: relative; top: 0.1em; }
+
+/* Table styles copied from Bootstrap Copyright (c) 2013 Twitter, Inc
+*/
+table { width: 100%; max-width: 100%; margin-bottom: 1.5; }
+table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { padding: 12px; line-height: 1.2; vertical-align: top; border-top: 1px solid #333; }
+table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #333; }
+table > caption + thead > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > th, table > thead:first-child > tr:first-child > td { border-top: 0; }
+table > tbody + tbody { border-top: 2px solid #333; }
+
+html { font-size: 16px; }
+
+body { color: #666; font-weight: 100; }
+
+abbr { border-bottom: 1px black dotted; cursor: help; }
+
+p { color: #333; line-height: 1.5; }
+
+small, .small { font-size: 0.707rem; }
+
+sup { position: relative; vertical-align: middle; top: -0.9ex; }
+
+h1, h2, h3, h4, h5, h6 { font-weight: 100; }
+
+div.equation { margin: 0.5rem 0; }
diff --git a/assets/css/main.scss b/assets/css/main.scss
deleted file mode 100644
index b9225299484f..000000000000
--- a/assets/css/main.scss
+++ /dev/null
@@ -1,34 +0,0 @@
----
-# Only the main Sass file needs front matter (the dashes are enough)
----
-@charset "utf-8";
-
-
-@import 'variables';
-@import 'media-queries';
-@import 'basscss';
-
-@import 'base';
-@import 'clearfix';
-@import 'positions';
-
-@import 'header';
-@import 'footer';
-@import 'pages';
-@import 'posts';
-
-@import 'projects';
-@import 'profile';
-@import 'pagination';
-@import 'publications';
-
-@import 'blockquotes';
-@import 'code';
-@import 'gallery';
-@import 'gists';
-@import 'links';
-@import 'measure';
-
-@import 'social-icons';
-@import 'tables';
-@import 'typography';
diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 000000000000..97e0029d6c74
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,2766 @@
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
+html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
+
+/** Remove the margin in all browsers (opinionated). */
+body { margin: 0; }
+
+/* HTML5 display definitions ========================================================================== */
+/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
+article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { /* 1 */ display: block; }
+
+summary { display: list-item; }
+
+/** Add the correct display in IE 9-. */
+audio, canvas, progress, video { display: inline-block; }
+
+/** Add the correct display in iOS 4-7. */
+audio:not([controls]) { display: none; height: 0; }
+
+/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
+progress { vertical-align: baseline; }
+
+/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
+template, [hidden] { display: none; }
+
+/* Links ========================================================================== */
+/** Remove the gray background on active links in IE 10. */
+a { background-color: transparent; /* 1 */ }
+
+/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
+a:active, a:hover { outline-width: 0; }
+
+/* Text-level semantics ========================================================================== */
+/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
+abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
+
+/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
+b, strong { font-weight: inherit; }
+
+/** Add the correct font weight in Chrome, Edge, and Safari. */
+b, strong { font-weight: bolder; }
+
+/** Add the correct font style in Android 4.3-. */
+dfn { font-style: italic; }
+
+/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
+h1 { font-size: 2em; margin: 0.67em 0; }
+
+/** Add the correct background and color in IE 9-. */
+mark { background-color: #ff0; color: #000; }
+
+/** Add the correct font size in all browsers. */
+small { font-size: 80%; }
+
+/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
+sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
+
+sub { bottom: -0.25em; }
+
+sup { top: -0.5em; }
+
+/* Embedded content ========================================================================== */
+/** Remove the border on images inside links in IE 10-. */
+img { border-style: none; }
+
+/** Hide the overflow in IE. */
+svg:not(:root) { overflow: hidden; }
+
+/* Grouping content ========================================================================== */
+/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
+code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
+
+/** Add the correct margin in IE 8. */
+figure { margin: 1em 40px; }
+
+/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
+hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
+
+/* Forms ========================================================================== */
+/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
+button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }
+
+/** Restore the font weight unset by the previous rule. */
+optgroup { font-weight: bold; }
+
+/** Show the overflow in IE. 1. Show the overflow in Edge. */
+button, input { /* 1 */ overflow: visible; }
+
+/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
+button, select { /* 1 */ text-transform: none; }
+
+/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
+button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }
+
+/** Remove the inner border and padding in Firefox. */
+button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
+
+/** Restore the focus styles unset by the previous rule. */
+button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
+
+/** Change the border, margin, and padding in all browsers (opinionated). */
+fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
+
+/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
+legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
+
+/** Remove the default vertical scrollbar in IE. */
+textarea { overflow: auto; }
+
+/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
+[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
+
+/** Correct the cursor style of increment and decrement buttons in Chrome. */
+[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
+
+/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
+[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
+
+/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
+[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
+
+/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
+::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
+
+/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
+::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
+
+* { box-sizing: border-box; }
+
+input, select, textarea, button { font-family: inherit; font-size: inherit; line-height: inherit; }
+
+body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; }
+
+a { color: #0366d6; text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+b, strong { font-weight: 600; }
+
+hr, .rule { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; }
+hr::before, .rule::before { display: table; content: ""; }
+hr::after, .rule::after { display: table; clear: both; content: ""; }
+
+table { border-spacing: 0; border-collapse: collapse; }
+
+td, th { padding: 0; }
+
+button { cursor: pointer; border-radius: 0; }
+
+details summary { cursor: pointer; }
+details:not([open]) > *:not(summary) { display: none !important; }
+
+h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }
+
+h1 { font-size: 32px; font-weight: 600; }
+
+h2 { font-size: 24px; font-weight: 600; }
+
+h3 { font-size: 20px; font-weight: 600; }
+
+h4 { font-size: 16px; font-weight: 600; }
+
+h5 { font-size: 14px; font-weight: 600; }
+
+h6 { font-size: 12px; font-weight: 600; }
+
+p { margin-top: 0; margin-bottom: 10px; }
+
+small { font-size: 90%; }
+
+blockquote { margin: 0; }
+
+ul, ol { padding-left: 0; margin-top: 0; margin-bottom: 0; }
+
+ol ol, ul ol { list-style-type: lower-roman; }
+
+ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; }
+
+dd { margin-left: 0; }
+
+tt, code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; }
+
+pre { margin-top: 0; margin-bottom: 0; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; }
+
+.octicon { vertical-align: text-bottom; }
+
+/* Fade in an element */
+.anim-fade-in { animation-name: fade-in; animation-duration: 1s; animation-timing-function: ease-in-out; }
+.anim-fade-in.fast { animation-duration: 300ms; }
+
+@keyframes fade-in { 0% { opacity: 0; }
+ 100% { opacity: 1; } }
+/* Fade out an element */
+.anim-fade-out { animation-name: fade-out; animation-duration: 1s; animation-timing-function: ease-out; }
+.anim-fade-out.fast { animation-duration: 0.3s; }
+
+@keyframes fade-out { 0% { opacity: 1; }
+ 100% { opacity: 0; } }
+/* Fade in and slide up an element */
+.anim-fade-up { opacity: 0; animation-name: fade-up; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-delay: 1s; }
+
+@keyframes fade-up { 0% { opacity: 0.8; transform: translateY(100%); }
+ 100% { opacity: 1; transform: translateY(0); } }
+/* Fade an element out and slide down */
+.anim-fade-down { animation-name: fade-down; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; }
+
+@keyframes fade-down { 0% { opacity: 1; transform: translateY(0); }
+ 100% { opacity: 0.5; transform: translateY(100%); } }
+/* Grow an element width from 0 to 100% */
+.anim-grow-x { width: 0%; animation-name: grow-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease; animation-delay: 0.5s; }
+
+@keyframes grow-x { to { width: 100%; } }
+/* Shrink an element from 100% to 0% */
+.anim-shrink-x { animation-name: shrink-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-delay: 0.5s; }
+
+@keyframes shrink-x { to { width: 0%; } }
+/* Fade in an element and scale it fast */
+.anim-scale-in { animation-name: scale-in; animation-duration: 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); }
+
+@keyframes scale-in { 0% { opacity: 0; transform: scale(0.5); }
+ 100% { opacity: 1; transform: scale(1); } }
+/* Pulse an element's opacity */
+.anim-pulse { animation-name: pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
+
+@keyframes pulse { 0% { opacity: 0.3; }
+ 10% { opacity: 1; }
+ 100% { opacity: 0.3; } }
+/* Pulse in an element */
+.anim-pulse-in { animation-name: pulse-in; animation-duration: 0.5s; }
+
+@keyframes pulse-in { 0% { transform: scale3d(1, 1, 1); }
+ 50% { transform: scale3d(1.1, 1.1, 1.1); }
+ 100% { transform: scale3d(1, 1, 1); } }
+/* Increase scale of an element on hover */
+.hover-grow { transition: transform 0.3s; }
+.hover-grow:hover { transform: scale(1.025); }
+
+/* Add a gray border */
+.border { border: 1px #e1e4e8 solid !important; }
+
+/* Add a gray border to the top */
+.border-top { border-top: 1px #e1e4e8 solid !important; }
+
+/* Add a gray border to the right */
+.border-right { border-right: 1px #e1e4e8 solid !important; }
+
+/* Add a gray border to the bottom */
+.border-bottom { border-bottom: 1px #e1e4e8 solid !important; }
+
+/* Add a gray border to the left */
+.border-left { border-left: 1px #e1e4e8 solid !important; }
+
+/* Add a gray border to the left and right */
+.border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; }
+
+.border-dashed { border-style: dashed !important; }
+
+/* Use with .border to turn the border blue */
+.border-blue { border-color: #0366d6 !important; }
+
+/* Use with .border to turn the border blue-light */
+.border-blue-light { border-color: #c8e1ff !important; }
+
+/* Use with .border to turn the border green */
+.border-green { border-color: #34d058 !important; }
+
+/* Use with .border to turn the border green light */
+.border-green-light { border-color: #a2cbac !important; }
+
+/* Use with .border to turn the border red */
+.border-red { border-color: #d73a49 !important; }
+
+/* Use with .border to turn the border red-light */
+.border-red-light { border-color: #cea0a5 !important; }
+
+/* Use with .border to turn the border purple */
+.border-purple { border-color: #6f42c1 !important; }
+
+/* Use with .border to turn the border yellow */
+.border-yellow { border-color: #d9d0a5 !important; }
+
+/* Use with .border to turn the border gray-light */
+.border-gray-light { border-color: #eaecef !important; }
+
+/* Use with .border to turn the border gray-dark */
+.border-gray-dark { border-color: #d1d5da !important; }
+
+/* Use with .border to turn the border rgba black 0.15 */
+.border-black-fade { border-color: rgba(27, 31, 35, 0.15) !important; }
+
+/* Remove all borders */
+.border-0 { border: 0 !important; }
+
+/* Remove the top border */
+.border-top-0 { border-top: 0 !important; }
+
+/* Remove the right border */
+.border-right-0 { border-right: 0 !important; }
+
+/* Remove the bottom border */
+.border-bottom-0 { border-bottom: 0 !important; }
+
+/* Remove the left border */
+.border-left-0 { border-left: 0 !important; }
+
+/* Remove the border-radius */
+.rounded-0 { border-radius: 0 !important; }
+
+/* Add a border-radius to all corners */
+.rounded-1 { border-radius: 3px !important; }
+
+/* Add a 2x border-radius to all corners */
+.rounded-2 { border-radius: 6px !important; }
+
+/* Add a 50% border-radius to make something into a circle */
+.circle { border-radius: 50% !important; }
+
+.box-shadow { box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1) !important; }
+
+.box-shadow-medium { box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15) !important; }
+
+.box-shadow-large { box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important; }
+
+.box-shadow-extra-large { box-shadow: 0 10px 50px rgba(27, 31, 35, 0.07) !important; }
+
+.box-shadow-none { box-shadow: none !important; }
+
+/* Set the background to $bg-white */
+.bg-white { background-color: #fff !important; }
+
+/* Set the background to $bg-blue */
+.bg-blue { background-color: #0366d6 !important; }
+
+/* Set the background to $bg-blue-light */
+.bg-blue-light { background-color: #f1f8ff !important; }
+
+/* Set the background to $bg-gray-dark */
+.bg-gray-dark { background-color: #24292e !important; }
+
+/* Set the background to $bg-gray */
+.bg-gray { background-color: #f6f8fa !important; }
+
+/* Set the background to $bg-gray-light */
+.bg-gray-light { background-color: #fafbfc !important; }
+
+/* Set the background to $bg-green */
+.bg-green { background-color: #28a745 !important; }
+
+/* Set the background to $bg-green-light */
+.bg-green-light { background-color: #dcffe4 !important; }
+
+/* Set the background to $bg-red */
+.bg-red { background-color: #d73a49 !important; }
+
+/* Set the background to $bg-red-light */
+.bg-red-light { background-color: #ffdce0 !important; }
+
+/* Set the background to $bg-yellow */
+.bg-yellow { background-color: #ffd33d !important; }
+
+/* Set the background to $bg-yellow-light */
+.bg-yellow-light { background-color: #fff5b1 !important; }
+
+/* Set the background to $bg-purple */
+.bg-purple { background-color: #6f42c1 !important; }
+
+/* Set the background to $bg-purple-light */
+.bg-purple-light { background-color: #f5f0ff !important; }
+
+.bg-shade-gradient { background-image: linear-gradient(180deg, rgba(27, 31, 35, 0.065), rgba(27, 31, 35, 0)) !important; background-repeat: no-repeat !important; background-size: 100% 200px !important; }
+
+/* Set the text color to $text-blue */
+.text-blue { color: #0366d6 !important; }
+
+/* Set the text color to $text-red */
+.text-red { color: #cb2431 !important; }
+
+/* Set the text color to $text-gray-light */
+.text-gray-light { color: #6a737d !important; }
+
+/* Set the text color to $text-gray */
+.text-gray { color: #586069 !important; }
+
+/* Set the text color to $text-gray-dark */
+.text-gray-dark { color: #24292e !important; }
+
+/* Set the text color to $text-green */
+.text-green { color: #28a745 !important; }
+
+/* Set the text color to $text-orange */
+.text-orange { color: #a04100 !important; }
+
+/* Set the text color to $text-orange-light */
+.text-orange-light { color: #e36209 !important; }
+
+/* Set the text color to $text-purple */
+.text-purple { color: #6f42c1 !important; }
+
+/* Set the text color to $text-white */
+.text-white { color: #fff !important; }
+
+/* Set the text color to inherit */
+.text-inherit { color: inherit !important; }
+
+.text-pending { color: #b08800 !important; }
+
+.bg-pending { color: #dbab09 !important; }
+
+.link-gray { color: #586069 !important; }
+.link-gray:hover { color: #0366d6 !important; }
+
+.link-gray-dark { color: #24292e !important; }
+.link-gray-dark:hover { color: #0366d6 !important; }
+
+/* Set the link color to $text-blue on hover Useful when you want only part of a link to turn blue on hover */
+.link-hover-blue:hover { color: #0366d6 !important; }
+
+/* Make a link $text-gray, then $text-blue on hover and removes the underline */
+.muted-link { color: #586069 !important; }
+.muted-link:hover { color: #0366d6 !important; text-decoration: none; }
+
+.flex-row { flex-direction: row !important; }
+
+.flex-row-reverse { flex-direction: row-reverse !important; }
+
+.flex-column { flex-direction: column !important; }
+
+.flex-wrap { flex-wrap: wrap !important; }
+
+.flex-nowrap { flex-wrap: nowrap !important; }
+
+.flex-justify-start { justify-content: flex-start !important; }
+
+.flex-justify-end { justify-content: flex-end !important; }
+
+.flex-justify-center { justify-content: center !important; }
+
+.flex-justify-between { justify-content: space-between !important; }
+
+.flex-justify-around { justify-content: space-around !important; }
+
+.flex-items-start { align-items: flex-start !important; }
+
+.flex-items-end { align-items: flex-end !important; }
+
+.flex-items-center { align-items: center !important; }
+
+.flex-items-baseline { align-items: baseline !important; }
+
+.flex-items-stretch { align-items: stretch !important; }
+
+.flex-content-start { align-content: flex-start !important; }
+
+.flex-content-end { align-content: flex-end !important; }
+
+.flex-content-center { align-content: center !important; }
+
+.flex-content-between { align-content: space-between !important; }
+
+.flex-content-around { align-content: space-around !important; }
+
+.flex-content-stretch { align-content: stretch !important; }
+
+.flex-auto { flex: 1 1 auto !important; }
+
+.flex-shrink-0 { flex-shrink: 0 !important; }
+
+.flex-self-auto { align-self: auto !important; }
+
+.flex-self-start { align-self: flex-start !important; }
+
+.flex-self-end { align-self: flex-end !important; }
+
+.flex-self-center { align-self: center !important; }
+
+.flex-self-baseline { align-self: baseline !important; }
+
+.flex-self-stretch { align-self: stretch !important; }
+
+.flex-item-equal { flex-grow: 1; flex-basis: 0; }
+
+@media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; }
+ .flex-sm-row-reverse { flex-direction: row-reverse !important; }
+ .flex-sm-column { flex-direction: column !important; }
+ .flex-sm-wrap { flex-wrap: wrap !important; }
+ .flex-sm-nowrap { flex-wrap: nowrap !important; }
+ .flex-sm-justify-start { justify-content: flex-start !important; }
+ .flex-sm-justify-end { justify-content: flex-end !important; }
+ .flex-sm-justify-center { justify-content: center !important; }
+ .flex-sm-justify-between { justify-content: space-between !important; }
+ .flex-sm-justify-around { justify-content: space-around !important; }
+ .flex-sm-items-start { align-items: flex-start !important; }
+ .flex-sm-items-end { align-items: flex-end !important; }
+ .flex-sm-items-center { align-items: center !important; }
+ .flex-sm-items-baseline { align-items: baseline !important; }
+ .flex-sm-items-stretch { align-items: stretch !important; }
+ .flex-sm-content-start { align-content: flex-start !important; }
+ .flex-sm-content-end { align-content: flex-end !important; }
+ .flex-sm-content-center { align-content: center !important; }
+ .flex-sm-content-between { align-content: space-between !important; }
+ .flex-sm-content-around { align-content: space-around !important; }
+ .flex-sm-content-stretch { align-content: stretch !important; }
+ .flex-sm-auto { flex: 1 1 auto !important; }
+ .flex-sm-shrink-0 { flex-shrink: 0 !important; }
+ .flex-sm-self-auto { align-self: auto !important; }
+ .flex-sm-self-start { align-self: flex-start !important; }
+ .flex-sm-self-end { align-self: flex-end !important; }
+ .flex-sm-self-center { align-self: center !important; }
+ .flex-sm-self-baseline { align-self: baseline !important; }
+ .flex-sm-self-stretch { align-self: stretch !important; }
+ .flex-sm-item-equal { flex-grow: 1; flex-basis: 0; } }
+@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
+ .flex-md-row-reverse { flex-direction: row-reverse !important; }
+ .flex-md-column { flex-direction: column !important; }
+ .flex-md-wrap { flex-wrap: wrap !important; }
+ .flex-md-nowrap { flex-wrap: nowrap !important; }
+ .flex-md-justify-start { justify-content: flex-start !important; }
+ .flex-md-justify-end { justify-content: flex-end !important; }
+ .flex-md-justify-center { justify-content: center !important; }
+ .flex-md-justify-between { justify-content: space-between !important; }
+ .flex-md-justify-around { justify-content: space-around !important; }
+ .flex-md-items-start { align-items: flex-start !important; }
+ .flex-md-items-end { align-items: flex-end !important; }
+ .flex-md-items-center { align-items: center !important; }
+ .flex-md-items-baseline { align-items: baseline !important; }
+ .flex-md-items-stretch { align-items: stretch !important; }
+ .flex-md-content-start { align-content: flex-start !important; }
+ .flex-md-content-end { align-content: flex-end !important; }
+ .flex-md-content-center { align-content: center !important; }
+ .flex-md-content-between { align-content: space-between !important; }
+ .flex-md-content-around { align-content: space-around !important; }
+ .flex-md-content-stretch { align-content: stretch !important; }
+ .flex-md-auto { flex: 1 1 auto !important; }
+ .flex-md-shrink-0 { flex-shrink: 0 !important; }
+ .flex-md-self-auto { align-self: auto !important; }
+ .flex-md-self-start { align-self: flex-start !important; }
+ .flex-md-self-end { align-self: flex-end !important; }
+ .flex-md-self-center { align-self: center !important; }
+ .flex-md-self-baseline { align-self: baseline !important; }
+ .flex-md-self-stretch { align-self: stretch !important; }
+ .flex-md-item-equal { flex-grow: 1; flex-basis: 0; } }
+@media (min-width: 1012px) { .flex-lg-row { flex-direction: row !important; }
+ .flex-lg-row-reverse { flex-direction: row-reverse !important; }
+ .flex-lg-column { flex-direction: column !important; }
+ .flex-lg-wrap { flex-wrap: wrap !important; }
+ .flex-lg-nowrap { flex-wrap: nowrap !important; }
+ .flex-lg-justify-start { justify-content: flex-start !important; }
+ .flex-lg-justify-end { justify-content: flex-end !important; }
+ .flex-lg-justify-center { justify-content: center !important; }
+ .flex-lg-justify-between { justify-content: space-between !important; }
+ .flex-lg-justify-around { justify-content: space-around !important; }
+ .flex-lg-items-start { align-items: flex-start !important; }
+ .flex-lg-items-end { align-items: flex-end !important; }
+ .flex-lg-items-center { align-items: center !important; }
+ .flex-lg-items-baseline { align-items: baseline !important; }
+ .flex-lg-items-stretch { align-items: stretch !important; }
+ .flex-lg-content-start { align-content: flex-start !important; }
+ .flex-lg-content-end { align-content: flex-end !important; }
+ .flex-lg-content-center { align-content: center !important; }
+ .flex-lg-content-between { align-content: space-between !important; }
+ .flex-lg-content-around { align-content: space-around !important; }
+ .flex-lg-content-stretch { align-content: stretch !important; }
+ .flex-lg-auto { flex: 1 1 auto !important; }
+ .flex-lg-shrink-0 { flex-shrink: 0 !important; }
+ .flex-lg-self-auto { align-self: auto !important; }
+ .flex-lg-self-start { align-self: flex-start !important; }
+ .flex-lg-self-end { align-self: flex-end !important; }
+ .flex-lg-self-center { align-self: center !important; }
+ .flex-lg-self-baseline { align-self: baseline !important; }
+ .flex-lg-self-stretch { align-self: stretch !important; }
+ .flex-lg-item-equal { flex-grow: 1; flex-basis: 0; } }
+@media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; }
+ .flex-xl-row-reverse { flex-direction: row-reverse !important; }
+ .flex-xl-column { flex-direction: column !important; }
+ .flex-xl-wrap { flex-wrap: wrap !important; }
+ .flex-xl-nowrap { flex-wrap: nowrap !important; }
+ .flex-xl-justify-start { justify-content: flex-start !important; }
+ .flex-xl-justify-end { justify-content: flex-end !important; }
+ .flex-xl-justify-center { justify-content: center !important; }
+ .flex-xl-justify-between { justify-content: space-between !important; }
+ .flex-xl-justify-around { justify-content: space-around !important; }
+ .flex-xl-items-start { align-items: flex-start !important; }
+ .flex-xl-items-end { align-items: flex-end !important; }
+ .flex-xl-items-center { align-items: center !important; }
+ .flex-xl-items-baseline { align-items: baseline !important; }
+ .flex-xl-items-stretch { align-items: stretch !important; }
+ .flex-xl-content-start { align-content: flex-start !important; }
+ .flex-xl-content-end { align-content: flex-end !important; }
+ .flex-xl-content-center { align-content: center !important; }
+ .flex-xl-content-between { align-content: space-between !important; }
+ .flex-xl-content-around { align-content: space-around !important; }
+ .flex-xl-content-stretch { align-content: stretch !important; }
+ .flex-xl-auto { flex: 1 1 auto !important; }
+ .flex-xl-shrink-0 { flex-shrink: 0 !important; }
+ .flex-xl-self-auto { align-self: auto !important; }
+ .flex-xl-self-start { align-self: flex-start !important; }
+ .flex-xl-self-end { align-self: flex-end !important; }
+ .flex-xl-self-center { align-self: center !important; }
+ .flex-xl-self-baseline { align-self: baseline !important; }
+ .flex-xl-self-stretch { align-self: stretch !important; }
+ .flex-xl-item-equal { flex-grow: 1; flex-basis: 0; } }
+/* Set position to static */
+.position-static { position: static !important; }
+
+/* Set position to relative */
+.position-relative { position: relative !important; }
+
+/* Set position to absolute */
+.position-absolute { position: absolute !important; }
+
+/* Set position to fixed */
+.position-fixed { position: fixed !important; }
+
+/* Set top 0 */
+.top-0 { top: 0 !important; }
+
+/* Set right 0 */
+.right-0 { right: 0 !important; }
+
+/* Set bottom 0 */
+.bottom-0 { bottom: 0 !important; }
+
+/* Set left 0 */
+.left-0 { left: 0 !important; }
+
+/* Vertical align middle */
+.v-align-middle { vertical-align: middle !important; }
+
+/* Vertical align top */
+.v-align-top { vertical-align: top !important; }
+
+/* Vertical align bottom */
+.v-align-bottom { vertical-align: bottom !important; }
+
+/* Vertical align to the top of the text */
+.v-align-text-top { vertical-align: text-top !important; }
+
+/* Vertical align to the bottom of the text */
+.v-align-text-bottom { vertical-align: text-bottom !important; }
+
+/* Vertical align to the parent's baseline */
+.v-align-baseline { vertical-align: baseline !important; }
+
+/* Set the overflow hidden */
+.overflow-hidden { overflow: hidden !important; }
+
+/* Set the overflow scroll */
+.overflow-scroll { overflow: scroll !important; }
+
+/* Set the overflow auto */
+.overflow-auto { overflow: auto !important; }
+
+/* Clear floats around the element */
+.clearfix::before { display: table; content: ""; }
+.clearfix::after { display: table; clear: both; content: ""; }
+
+/* Float to the right */
+.float-right { float: right !important; }
+
+/* Float to the left */
+.float-left { float: left !important; }
+
+/* Don't float left or right */
+.float-none { float: none !important; }
+
+@media (min-width: 544px) { /* Float to the left at the sm breakpoint */
+ .float-sm-left { float: left !important; }
+ /* Float to the right at the sm breakpoint */
+ .float-sm-right { float: right !important; }
+ /* No float at the sm breakpoint */
+ .float-sm-none { float: none !important; } }
+@media (min-width: 768px) { /* Float to the left at the md breakpoint */
+ .float-md-left { float: left !important; }
+ /* Float to the right at the md breakpoint */
+ .float-md-right { float: right !important; }
+ /* No float at the md breakpoint */
+ .float-md-none { float: none !important; } }
+@media (min-width: 1012px) { /* Float to the left at the lg breakpoint */
+ .float-lg-left { float: left !important; }
+ /* Float to the right at the lg breakpoint */
+ .float-lg-right { float: right !important; }
+ /* No float at the lg breakpoint */
+ .float-lg-none { float: none !important; } }
+@media (min-width: 1280px) { /* Float to the left at the xl breakpoint */
+ .float-xl-left { float: left !important; }
+ /* Float to the right at the xl breakpoint */
+ .float-xl-right { float: right !important; }
+ /* No float at the xl breakpoint */
+ .float-xl-none { float: none !important; } }
+/* Max width 100% */
+.width-fit { max-width: 100% !important; }
+
+/* Set the width to 100% */
+.width-full { width: 100% !important; }
+
+/* Max height 100% */
+.height-fit { max-height: 100% !important; }
+
+/* Set the height to 100% */
+.height-full { height: 100% !important; }
+
+/* Remove min-width from element */
+.min-width-0 { min-width: 0 !important; }
+
+/* Set the direction to rtl */
+.direction-rtl { direction: rtl !important; }
+
+/* Set the direction to ltr */
+.direction-ltr { direction: ltr !important; }
+
+@media (min-width: 544px) { /* Set the direction to rtl at the sm breakpoint */
+ .direction-sm-rtl { direction: rtl !important; }
+ /* Set the direction to ltr at the sm breakpoint */
+ .direction-sm-ltr { direction: ltr !important; } }
+@media (min-width: 768px) { /* Set the direction to rtl at the md breakpoint */
+ .direction-md-rtl { direction: rtl !important; }
+ /* Set the direction to ltr at the md breakpoint */
+ .direction-md-ltr { direction: ltr !important; } }
+@media (min-width: 1012px) { /* Set the direction to rtl at the lg breakpoint */
+ .direction-lg-rtl { direction: rtl !important; }
+ /* Set the direction to ltr at the lg breakpoint */
+ .direction-lg-ltr { direction: ltr !important; } }
+@media (min-width: 1280px) { /* Set the direction to rtl at the xl breakpoint */
+ .direction-xl-rtl { direction: rtl !important; }
+ /* Set the direction to ltr at the xl breakpoint */
+ .direction-xl-ltr { direction: ltr !important; } }
+/* Set a 0 margin to all sides */
+.m-0 { margin: 0 !important; }
+
+/* Set a 0 margin on the top */
+.mt-0 { margin-top: 0 !important; }
+
+/* Set a 0 margin on the right */
+.mr-0 { margin-right: 0 !important; }
+
+/* Set a 0 margin on the bottom */
+.mb-0 { margin-bottom: 0 !important; }
+
+/* Set a 0 margin on the left */
+.ml-0 { margin-left: 0 !important; }
+
+/* Set a negative 0 margin on top */
+.mt-n0 { margin-top: -0 !important; }
+
+/* Set a negative 0 margin on the right */
+.mr-n0 { margin-right: -0 !important; }
+
+/* Set a negative 0 margin on the bottom */
+.mb-n0 { margin-bottom: -0 !important; }
+
+/* Set a negative 0 margin on the left */
+.ml-n0 { margin-left: -0 !important; }
+
+/* Set a 0 margin on the left & right */
+.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
+
+/* Set a 0 margin on the top & bottom */
+.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
+
+/* Set a 4px margin to all sides */
+.m-1 { margin: 4px !important; }
+
+/* Set a 4px margin on the top */
+.mt-1 { margin-top: 4px !important; }
+
+/* Set a 4px margin on the right */
+.mr-1 { margin-right: 4px !important; }
+
+/* Set a 4px margin on the bottom */
+.mb-1 { margin-bottom: 4px !important; }
+
+/* Set a 4px margin on the left */
+.ml-1 { margin-left: 4px !important; }
+
+/* Set a negative 4px margin on top */
+.mt-n1 { margin-top: -4px !important; }
+
+/* Set a negative 4px margin on the right */
+.mr-n1 { margin-right: -4px !important; }
+
+/* Set a negative 4px margin on the bottom */
+.mb-n1 { margin-bottom: -4px !important; }
+
+/* Set a negative 4px margin on the left */
+.ml-n1 { margin-left: -4px !important; }
+
+/* Set a 4px margin on the left & right */
+.mx-1 { margin-right: 4px !important; margin-left: 4px !important; }
+
+/* Set a 4px margin on the top & bottom */
+.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; }
+
+/* Set a 8px margin to all sides */
+.m-2 { margin: 8px !important; }
+
+/* Set a 8px margin on the top */
+.mt-2 { margin-top: 8px !important; }
+
+/* Set a 8px margin on the right */
+.mr-2 { margin-right: 8px !important; }
+
+/* Set a 8px margin on the bottom */
+.mb-2 { margin-bottom: 8px !important; }
+
+/* Set a 8px margin on the left */
+.ml-2 { margin-left: 8px !important; }
+
+/* Set a negative 8px margin on top */
+.mt-n2 { margin-top: -8px !important; }
+
+/* Set a negative 8px margin on the right */
+.mr-n2 { margin-right: -8px !important; }
+
+/* Set a negative 8px margin on the bottom */
+.mb-n2 { margin-bottom: -8px !important; }
+
+/* Set a negative 8px margin on the left */
+.ml-n2 { margin-left: -8px !important; }
+
+/* Set a 8px margin on the left & right */
+.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }
+
+/* Set a 8px margin on the top & bottom */
+.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
+
+/* Set a 16px margin to all sides */
+.m-3 { margin: 16px !important; }
+
+/* Set a 16px margin on the top */
+.mt-3 { margin-top: 16px !important; }
+
+/* Set a 16px margin on the right */
+.mr-3 { margin-right: 16px !important; }
+
+/* Set a 16px margin on the bottom */
+.mb-3 { margin-bottom: 16px !important; }
+
+/* Set a 16px margin on the left */
+.ml-3 { margin-left: 16px !important; }
+
+/* Set a negative 16px margin on top */
+.mt-n3 { margin-top: -16px !important; }
+
+/* Set a negative 16px margin on the right */
+.mr-n3 { margin-right: -16px !important; }
+
+/* Set a negative 16px margin on the bottom */
+.mb-n3 { margin-bottom: -16px !important; }
+
+/* Set a negative 16px margin on the left */
+.ml-n3 { margin-left: -16px !important; }
+
+/* Set a 16px margin on the left & right */
+.mx-3 { margin-right: 16px !important; margin-left: 16px !important; }
+
+/* Set a 16px margin on the top & bottom */
+.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }
+
+/* Set a 24px margin to all sides */
+.m-4 { margin: 24px !important; }
+
+/* Set a 24px margin on the top */
+.mt-4 { margin-top: 24px !important; }
+
+/* Set a 24px margin on the right */
+.mr-4 { margin-right: 24px !important; }
+
+/* Set a 24px margin on the bottom */
+.mb-4 { margin-bottom: 24px !important; }
+
+/* Set a 24px margin on the left */
+.ml-4 { margin-left: 24px !important; }
+
+/* Set a negative 24px margin on top */
+.mt-n4 { margin-top: -24px !important; }
+
+/* Set a negative 24px margin on the right */
+.mr-n4 { margin-right: -24px !important; }
+
+/* Set a negative 24px margin on the bottom */
+.mb-n4 { margin-bottom: -24px !important; }
+
+/* Set a negative 24px margin on the left */
+.ml-n4 { margin-left: -24px !important; }
+
+/* Set a 24px margin on the left & right */
+.mx-4 { margin-right: 24px !important; margin-left: 24px !important; }
+
+/* Set a 24px margin on the top & bottom */
+.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; }
+
+/* Set a 32px margin to all sides */
+.m-5 { margin: 32px !important; }
+
+/* Set a 32px margin on the top */
+.mt-5 { margin-top: 32px !important; }
+
+/* Set a 32px margin on the right */
+.mr-5 { margin-right: 32px !important; }
+
+/* Set a 32px margin on the bottom */
+.mb-5 { margin-bottom: 32px !important; }
+
+/* Set a 32px margin on the left */
+.ml-5 { margin-left: 32px !important; }
+
+/* Set a negative 32px margin on top */
+.mt-n5 { margin-top: -32px !important; }
+
+/* Set a negative 32px margin on the right */
+.mr-n5 { margin-right: -32px !important; }
+
+/* Set a negative 32px margin on the bottom */
+.mb-n5 { margin-bottom: -32px !important; }
+
+/* Set a negative 32px margin on the left */
+.ml-n5 { margin-left: -32px !important; }
+
+/* Set a 32px margin on the left & right */
+.mx-5 { margin-right: 32px !important; margin-left: 32px !important; }
+
+/* Set a 32px margin on the top & bottom */
+.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; }
+
+/* Set a 40px margin to all sides */
+.m-6 { margin: 40px !important; }
+
+/* Set a 40px margin on the top */
+.mt-6 { margin-top: 40px !important; }
+
+/* Set a 40px margin on the right */
+.mr-6 { margin-right: 40px !important; }
+
+/* Set a 40px margin on the bottom */
+.mb-6 { margin-bottom: 40px !important; }
+
+/* Set a 40px margin on the left */
+.ml-6 { margin-left: 40px !important; }
+
+/* Set a negative 40px margin on top */
+.mt-n6 { margin-top: -40px !important; }
+
+/* Set a negative 40px margin on the right */
+.mr-n6 { margin-right: -40px !important; }
+
+/* Set a negative 40px margin on the bottom */
+.mb-n6 { margin-bottom: -40px !important; }
+
+/* Set a negative 40px margin on the left */
+.ml-n6 { margin-left: -40px !important; }
+
+/* Set a 40px margin on the left & right */
+.mx-6 { margin-right: 40px !important; margin-left: 40px !important; }
+
+/* Set a 40px margin on the top & bottom */
+.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
+
+/* Set an auto margin on left & right */
+.mx-auto { margin-right: auto !important; margin-left: auto !important; }
+
+@media (min-width: 544px) { /* Set a 0 margin to all sides at the breakpoint sm */
+ .m-sm-0 { margin: 0 !important; }
+ /* Set a 0 margin on the top at the breakpoint sm */
+ .mt-sm-0 { margin-top: 0 !important; }
+ /* Set a 0 margin on the right at the breakpoint sm */
+ .mr-sm-0 { margin-right: 0 !important; }
+ /* Set a 0 margin on the bottom at the breakpoint sm */
+ .mb-sm-0 { margin-bottom: 0 !important; }
+ /* Set a 0 margin on the left at the breakpoint sm */
+ .ml-sm-0 { margin-left: 0 !important; }
+ /* Set a negative 0 margin on top at the breakpoint sm */
+ .mt-sm-n0 { margin-top: -0 !important; }
+ /* Set a negative 0 margin on the right at the breakpoint sm */
+ .mr-sm-n0 { margin-right: -0 !important; }
+ /* Set a negative 0 margin on the bottom at the breakpoint sm */
+ .mb-sm-n0 { margin-bottom: -0 !important; }
+ /* Set a negative 0 margin on the left at the breakpoint sm */
+ .ml-sm-n0 { margin-left: -0 !important; }
+ /* Set a 0 margin on the left & right at the breakpoint sm */
+ .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; }
+ /* Set a 0 margin on the top & bottom at the breakpoint sm */
+ .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
+@media (min-width: 544px) { /* Set a 4px margin to all sides at the breakpoint sm */
+ .m-sm-1 { margin: 4px !important; }
+ /* Set a 4px margin on the top at the breakpoint sm */
+ .mt-sm-1 { margin-top: 4px !important; }
+ /* Set a 4px margin on the right at the breakpoint sm */
+ .mr-sm-1 { margin-right: 4px !important; }
+ /* Set a 4px margin on the bottom at the breakpoint sm */
+ .mb-sm-1 { margin-bottom: 4px !important; }
+ /* Set a 4px margin on the left at the breakpoint sm */
+ .ml-sm-1 { margin-left: 4px !important; }
+ /* Set a negative 4px margin on top at the breakpoint sm */
+ .mt-sm-n1 { margin-top: -4px !important; }
+ /* Set a negative 4px margin on the right at the breakpoint sm */
+ .mr-sm-n1 { margin-right: -4px !important; }
+ /* Set a negative 4px margin on the bottom at the breakpoint sm */
+ .mb-sm-n1 { margin-bottom: -4px !important; }
+ /* Set a negative 4px margin on the left at the breakpoint sm */
+ .ml-sm-n1 { margin-left: -4px !important; }
+ /* Set a 4px margin on the left & right at the breakpoint sm */
+ .mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; }
+ /* Set a 4px margin on the top & bottom at the breakpoint sm */
+ .my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
+@media (min-width: 544px) { /* Set a 8px margin to all sides at the breakpoint sm */
+ .m-sm-2 { margin: 8px !important; }
+ /* Set a 8px margin on the top at the breakpoint sm */
+ .mt-sm-2 { margin-top: 8px !important; }
+ /* Set a 8px margin on the right at the breakpoint sm */
+ .mr-sm-2 { margin-right: 8px !important; }
+ /* Set a 8px margin on the bottom at the breakpoint sm */
+ .mb-sm-2 { margin-bottom: 8px !important; }
+ /* Set a 8px margin on the left at the breakpoint sm */
+ .ml-sm-2 { margin-left: 8px !important; }
+ /* Set a negative 8px margin on top at the breakpoint sm */
+ .mt-sm-n2 { margin-top: -8px !important; }
+ /* Set a negative 8px margin on the right at the breakpoint sm */
+ .mr-sm-n2 { margin-right: -8px !important; }
+ /* Set a negative 8px margin on the bottom at the breakpoint sm */
+ .mb-sm-n2 { margin-bottom: -8px !important; }
+ /* Set a negative 8px margin on the left at the breakpoint sm */
+ .ml-sm-n2 { margin-left: -8px !important; }
+ /* Set a 8px margin on the left & right at the breakpoint sm */
+ .mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; }
+ /* Set a 8px margin on the top & bottom at the breakpoint sm */
+ .my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
+@media (min-width: 544px) { /* Set a 16px margin to all sides at the breakpoint sm */
+ .m-sm-3 { margin: 16px !important; }
+ /* Set a 16px margin on the top at the breakpoint sm */
+ .mt-sm-3 { margin-top: 16px !important; }
+ /* Set a 16px margin on the right at the breakpoint sm */
+ .mr-sm-3 { margin-right: 16px !important; }
+ /* Set a 16px margin on the bottom at the breakpoint sm */
+ .mb-sm-3 { margin-bottom: 16px !important; }
+ /* Set a 16px margin on the left at the breakpoint sm */
+ .ml-sm-3 { margin-left: 16px !important; }
+ /* Set a negative 16px margin on top at the breakpoint sm */
+ .mt-sm-n3 { margin-top: -16px !important; }
+ /* Set a negative 16px margin on the right at the breakpoint sm */
+ .mr-sm-n3 { margin-right: -16px !important; }
+ /* Set a negative 16px margin on the bottom at the breakpoint sm */
+ .mb-sm-n3 { margin-bottom: -16px !important; }
+ /* Set a negative 16px margin on the left at the breakpoint sm */
+ .ml-sm-n3 { margin-left: -16px !important; }
+ /* Set a 16px margin on the left & right at the breakpoint sm */
+ .mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; }
+ /* Set a 16px margin on the top & bottom at the breakpoint sm */
+ .my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
+@media (min-width: 544px) { /* Set a 24px margin to all sides at the breakpoint sm */
+ .m-sm-4 { margin: 24px !important; }
+ /* Set a 24px margin on the top at the breakpoint sm */
+ .mt-sm-4 { margin-top: 24px !important; }
+ /* Set a 24px margin on the right at the breakpoint sm */
+ .mr-sm-4 { margin-right: 24px !important; }
+ /* Set a 24px margin on the bottom at the breakpoint sm */
+ .mb-sm-4 { margin-bottom: 24px !important; }
+ /* Set a 24px margin on the left at the breakpoint sm */
+ .ml-sm-4 { margin-left: 24px !important; }
+ /* Set a negative 24px margin on top at the breakpoint sm */
+ .mt-sm-n4 { margin-top: -24px !important; }
+ /* Set a negative 24px margin on the right at the breakpoint sm */
+ .mr-sm-n4 { margin-right: -24px !important; }
+ /* Set a negative 24px margin on the bottom at the breakpoint sm */
+ .mb-sm-n4 { margin-bottom: -24px !important; }
+ /* Set a negative 24px margin on the left at the breakpoint sm */
+ .ml-sm-n4 { margin-left: -24px !important; }
+ /* Set a 24px margin on the left & right at the breakpoint sm */
+ .mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; }
+ /* Set a 24px margin on the top & bottom at the breakpoint sm */
+ .my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
+@media (min-width: 544px) { /* Set a 32px margin to all sides at the breakpoint sm */
+ .m-sm-5 { margin: 32px !important; }
+ /* Set a 32px margin on the top at the breakpoint sm */
+ .mt-sm-5 { margin-top: 32px !important; }
+ /* Set a 32px margin on the right at the breakpoint sm */
+ .mr-sm-5 { margin-right: 32px !important; }
+ /* Set a 32px margin on the bottom at the breakpoint sm */
+ .mb-sm-5 { margin-bottom: 32px !important; }
+ /* Set a 32px margin on the left at the breakpoint sm */
+ .ml-sm-5 { margin-left: 32px !important; }
+ /* Set a negative 32px margin on top at the breakpoint sm */
+ .mt-sm-n5 { margin-top: -32px !important; }
+ /* Set a negative 32px margin on the right at the breakpoint sm */
+ .mr-sm-n5 { margin-right: -32px !important; }
+ /* Set a negative 32px margin on the bottom at the breakpoint sm */
+ .mb-sm-n5 { margin-bottom: -32px !important; }
+ /* Set a negative 32px margin on the left at the breakpoint sm */
+ .ml-sm-n5 { margin-left: -32px !important; }
+ /* Set a 32px margin on the left & right at the breakpoint sm */
+ .mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; }
+ /* Set a 32px margin on the top & bottom at the breakpoint sm */
+ .my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
+@media (min-width: 544px) { /* Set a 40px margin to all sides at the breakpoint sm */
+ .m-sm-6 { margin: 40px !important; }
+ /* Set a 40px margin on the top at the breakpoint sm */
+ .mt-sm-6 { margin-top: 40px !important; }
+ /* Set a 40px margin on the right at the breakpoint sm */
+ .mr-sm-6 { margin-right: 40px !important; }
+ /* Set a 40px margin on the bottom at the breakpoint sm */
+ .mb-sm-6 { margin-bottom: 40px !important; }
+ /* Set a 40px margin on the left at the breakpoint sm */
+ .ml-sm-6 { margin-left: 40px !important; }
+ /* Set a negative 40px margin on top at the breakpoint sm */
+ .mt-sm-n6 { margin-top: -40px !important; }
+ /* Set a negative 40px margin on the right at the breakpoint sm */
+ .mr-sm-n6 { margin-right: -40px !important; }
+ /* Set a negative 40px margin on the bottom at the breakpoint sm */
+ .mb-sm-n6 { margin-bottom: -40px !important; }
+ /* Set a negative 40px margin on the left at the breakpoint sm */
+ .ml-sm-n6 { margin-left: -40px !important; }
+ /* Set a 40px margin on the left & right at the breakpoint sm */
+ .mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; }
+ /* Set a 40px margin on the top & bottom at the breakpoint sm */
+ .my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
+@media (min-width: 768px) { /* Set a 0 margin to all sides at the breakpoint md */
+ .m-md-0 { margin: 0 !important; }
+ /* Set a 0 margin on the top at the breakpoint md */
+ .mt-md-0 { margin-top: 0 !important; }
+ /* Set a 0 margin on the right at the breakpoint md */
+ .mr-md-0 { margin-right: 0 !important; }
+ /* Set a 0 margin on the bottom at the breakpoint md */
+ .mb-md-0 { margin-bottom: 0 !important; }
+ /* Set a 0 margin on the left at the breakpoint md */
+ .ml-md-0 { margin-left: 0 !important; }
+ /* Set a negative 0 margin on top at the breakpoint md */
+ .mt-md-n0 { margin-top: -0 !important; }
+ /* Set a negative 0 margin on the right at the breakpoint md */
+ .mr-md-n0 { margin-right: -0 !important; }
+ /* Set a negative 0 margin on the bottom at the breakpoint md */
+ .mb-md-n0 { margin-bottom: -0 !important; }
+ /* Set a negative 0 margin on the left at the breakpoint md */
+ .ml-md-n0 { margin-left: -0 !important; }
+ /* Set a 0 margin on the left & right at the breakpoint md */
+ .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; }
+ /* Set a 0 margin on the top & bottom at the breakpoint md */
+ .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
+@media (min-width: 768px) { /* Set a 4px margin to all sides at the breakpoint md */
+ .m-md-1 { margin: 4px !important; }
+ /* Set a 4px margin on the top at the breakpoint md */
+ .mt-md-1 { margin-top: 4px !important; }
+ /* Set a 4px margin on the right at the breakpoint md */
+ .mr-md-1 { margin-right: 4px !important; }
+ /* Set a 4px margin on the bottom at the breakpoint md */
+ .mb-md-1 { margin-bottom: 4px !important; }
+ /* Set a 4px margin on the left at the breakpoint md */
+ .ml-md-1 { margin-left: 4px !important; }
+ /* Set a negative 4px margin on top at the breakpoint md */
+ .mt-md-n1 { margin-top: -4px !important; }
+ /* Set a negative 4px margin on the right at the breakpoint md */
+ .mr-md-n1 { margin-right: -4px !important; }
+ /* Set a negative 4px margin on the bottom at the breakpoint md */
+ .mb-md-n1 { margin-bottom: -4px !important; }
+ /* Set a negative 4px margin on the left at the breakpoint md */
+ .ml-md-n1 { margin-left: -4px !important; }
+ /* Set a 4px margin on the left & right at the breakpoint md */
+ .mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; }
+ /* Set a 4px margin on the top & bottom at the breakpoint md */
+ .my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
+@media (min-width: 768px) { /* Set a 8px margin to all sides at the breakpoint md */
+ .m-md-2 { margin: 8px !important; }
+ /* Set a 8px margin on the top at the breakpoint md */
+ .mt-md-2 { margin-top: 8px !important; }
+ /* Set a 8px margin on the right at the breakpoint md */
+ .mr-md-2 { margin-right: 8px !important; }
+ /* Set a 8px margin on the bottom at the breakpoint md */
+ .mb-md-2 { margin-bottom: 8px !important; }
+ /* Set a 8px margin on the left at the breakpoint md */
+ .ml-md-2 { margin-left: 8px !important; }
+ /* Set a negative 8px margin on top at the breakpoint md */
+ .mt-md-n2 { margin-top: -8px !important; }
+ /* Set a negative 8px margin on the right at the breakpoint md */
+ .mr-md-n2 { margin-right: -8px !important; }
+ /* Set a negative 8px margin on the bottom at the breakpoint md */
+ .mb-md-n2 { margin-bottom: -8px !important; }
+ /* Set a negative 8px margin on the left at the breakpoint md */
+ .ml-md-n2 { margin-left: -8px !important; }
+ /* Set a 8px margin on the left & right at the breakpoint md */
+ .mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; }
+ /* Set a 8px margin on the top & bottom at the breakpoint md */
+ .my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
+@media (min-width: 768px) { /* Set a 16px margin to all sides at the breakpoint md */
+ .m-md-3 { margin: 16px !important; }
+ /* Set a 16px margin on the top at the breakpoint md */
+ .mt-md-3 { margin-top: 16px !important; }
+ /* Set a 16px margin on the right at the breakpoint md */
+ .mr-md-3 { margin-right: 16px !important; }
+ /* Set a 16px margin on the bottom at the breakpoint md */
+ .mb-md-3 { margin-bottom: 16px !important; }
+ /* Set a 16px margin on the left at the breakpoint md */
+ .ml-md-3 { margin-left: 16px !important; }
+ /* Set a negative 16px margin on top at the breakpoint md */
+ .mt-md-n3 { margin-top: -16px !important; }
+ /* Set a negative 16px margin on the right at the breakpoint md */
+ .mr-md-n3 { margin-right: -16px !important; }
+ /* Set a negative 16px margin on the bottom at the breakpoint md */
+ .mb-md-n3 { margin-bottom: -16px !important; }
+ /* Set a negative 16px margin on the left at the breakpoint md */
+ .ml-md-n3 { margin-left: -16px !important; }
+ /* Set a 16px margin on the left & right at the breakpoint md */
+ .mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; }
+ /* Set a 16px margin on the top & bottom at the breakpoint md */
+ .my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
+@media (min-width: 768px) { /* Set a 24px margin to all sides at the breakpoint md */
+ .m-md-4 { margin: 24px !important; }
+ /* Set a 24px margin on the top at the breakpoint md */
+ .mt-md-4 { margin-top: 24px !important; }
+ /* Set a 24px margin on the right at the breakpoint md */
+ .mr-md-4 { margin-right: 24px !important; }
+ /* Set a 24px margin on the bottom at the breakpoint md */
+ .mb-md-4 { margin-bottom: 24px !important; }
+ /* Set a 24px margin on the left at the breakpoint md */
+ .ml-md-4 { margin-left: 24px !important; }
+ /* Set a negative 24px margin on top at the breakpoint md */
+ .mt-md-n4 { margin-top: -24px !important; }
+ /* Set a negative 24px margin on the right at the breakpoint md */
+ .mr-md-n4 { margin-right: -24px !important; }
+ /* Set a negative 24px margin on the bottom at the breakpoint md */
+ .mb-md-n4 { margin-bottom: -24px !important; }
+ /* Set a negative 24px margin on the left at the breakpoint md */
+ .ml-md-n4 { margin-left: -24px !important; }
+ /* Set a 24px margin on the left & right at the breakpoint md */
+ .mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; }
+ /* Set a 24px margin on the top & bottom at the breakpoint md */
+ .my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
+@media (min-width: 768px) { /* Set a 32px margin to all sides at the breakpoint md */
+ .m-md-5 { margin: 32px !important; }
+ /* Set a 32px margin on the top at the breakpoint md */
+ .mt-md-5 { margin-top: 32px !important; }
+ /* Set a 32px margin on the right at the breakpoint md */
+ .mr-md-5 { margin-right: 32px !important; }
+ /* Set a 32px margin on the bottom at the breakpoint md */
+ .mb-md-5 { margin-bottom: 32px !important; }
+ /* Set a 32px margin on the left at the breakpoint md */
+ .ml-md-5 { margin-left: 32px !important; }
+ /* Set a negative 32px margin on top at the breakpoint md */
+ .mt-md-n5 { margin-top: -32px !important; }
+ /* Set a negative 32px margin on the right at the breakpoint md */
+ .mr-md-n5 { margin-right: -32px !important; }
+ /* Set a negative 32px margin on the bottom at the breakpoint md */
+ .mb-md-n5 { margin-bottom: -32px !important; }
+ /* Set a negative 32px margin on the left at the breakpoint md */
+ .ml-md-n5 { margin-left: -32px !important; }
+ /* Set a 32px margin on the left & right at the breakpoint md */
+ .mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; }
+ /* Set a 32px margin on the top & bottom at the breakpoint md */
+ .my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
+@media (min-width: 768px) { /* Set a 40px margin to all sides at the breakpoint md */
+ .m-md-6 { margin: 40px !important; }
+ /* Set a 40px margin on the top at the breakpoint md */
+ .mt-md-6 { margin-top: 40px !important; }
+ /* Set a 40px margin on the right at the breakpoint md */
+ .mr-md-6 { margin-right: 40px !important; }
+ /* Set a 40px margin on the bottom at the breakpoint md */
+ .mb-md-6 { margin-bottom: 40px !important; }
+ /* Set a 40px margin on the left at the breakpoint md */
+ .ml-md-6 { margin-left: 40px !important; }
+ /* Set a negative 40px margin on top at the breakpoint md */
+ .mt-md-n6 { margin-top: -40px !important; }
+ /* Set a negative 40px margin on the right at the breakpoint md */
+ .mr-md-n6 { margin-right: -40px !important; }
+ /* Set a negative 40px margin on the bottom at the breakpoint md */
+ .mb-md-n6 { margin-bottom: -40px !important; }
+ /* Set a negative 40px margin on the left at the breakpoint md */
+ .ml-md-n6 { margin-left: -40px !important; }
+ /* Set a 40px margin on the left & right at the breakpoint md */
+ .mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; }
+ /* Set a 40px margin on the top & bottom at the breakpoint md */
+ .my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
+@media (min-width: 1012px) { /* Set a 0 margin to all sides at the breakpoint lg */
+ .m-lg-0 { margin: 0 !important; }
+ /* Set a 0 margin on the top at the breakpoint lg */
+ .mt-lg-0 { margin-top: 0 !important; }
+ /* Set a 0 margin on the right at the breakpoint lg */
+ .mr-lg-0 { margin-right: 0 !important; }
+ /* Set a 0 margin on the bottom at the breakpoint lg */
+ .mb-lg-0 { margin-bottom: 0 !important; }
+ /* Set a 0 margin on the left at the breakpoint lg */
+ .ml-lg-0 { margin-left: 0 !important; }
+ /* Set a negative 0 margin on top at the breakpoint lg */
+ .mt-lg-n0 { margin-top: -0 !important; }
+ /* Set a negative 0 margin on the right at the breakpoint lg */
+ .mr-lg-n0 { margin-right: -0 !important; }
+ /* Set a negative 0 margin on the bottom at the breakpoint lg */
+ .mb-lg-n0 { margin-bottom: -0 !important; }
+ /* Set a negative 0 margin on the left at the breakpoint lg */
+ .ml-lg-n0 { margin-left: -0 !important; }
+ /* Set a 0 margin on the left & right at the breakpoint lg */
+ .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; }
+ /* Set a 0 margin on the top & bottom at the breakpoint lg */
+ .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
+@media (min-width: 1012px) { /* Set a 4px margin to all sides at the breakpoint lg */
+ .m-lg-1 { margin: 4px !important; }
+ /* Set a 4px margin on the top at the breakpoint lg */
+ .mt-lg-1 { margin-top: 4px !important; }
+ /* Set a 4px margin on the right at the breakpoint lg */
+ .mr-lg-1 { margin-right: 4px !important; }
+ /* Set a 4px margin on the bottom at the breakpoint lg */
+ .mb-lg-1 { margin-bottom: 4px !important; }
+ /* Set a 4px margin on the left at the breakpoint lg */
+ .ml-lg-1 { margin-left: 4px !important; }
+ /* Set a negative 4px margin on top at the breakpoint lg */
+ .mt-lg-n1 { margin-top: -4px !important; }
+ /* Set a negative 4px margin on the right at the breakpoint lg */
+ .mr-lg-n1 { margin-right: -4px !important; }
+ /* Set a negative 4px margin on the bottom at the breakpoint lg */
+ .mb-lg-n1 { margin-bottom: -4px !important; }
+ /* Set a negative 4px margin on the left at the breakpoint lg */
+ .ml-lg-n1 { margin-left: -4px !important; }
+ /* Set a 4px margin on the left & right at the breakpoint lg */
+ .mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; }
+ /* Set a 4px margin on the top & bottom at the breakpoint lg */
+ .my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
+@media (min-width: 1012px) { /* Set a 8px margin to all sides at the breakpoint lg */
+ .m-lg-2 { margin: 8px !important; }
+ /* Set a 8px margin on the top at the breakpoint lg */
+ .mt-lg-2 { margin-top: 8px !important; }
+ /* Set a 8px margin on the right at the breakpoint lg */
+ .mr-lg-2 { margin-right: 8px !important; }
+ /* Set a 8px margin on the bottom at the breakpoint lg */
+ .mb-lg-2 { margin-bottom: 8px !important; }
+ /* Set a 8px margin on the left at the breakpoint lg */
+ .ml-lg-2 { margin-left: 8px !important; }
+ /* Set a negative 8px margin on top at the breakpoint lg */
+ .mt-lg-n2 { margin-top: -8px !important; }
+ /* Set a negative 8px margin on the right at the breakpoint lg */
+ .mr-lg-n2 { margin-right: -8px !important; }
+ /* Set a negative 8px margin on the bottom at the breakpoint lg */
+ .mb-lg-n2 { margin-bottom: -8px !important; }
+ /* Set a negative 8px margin on the left at the breakpoint lg */
+ .ml-lg-n2 { margin-left: -8px !important; }
+ /* Set a 8px margin on the left & right at the breakpoint lg */
+ .mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; }
+ /* Set a 8px margin on the top & bottom at the breakpoint lg */
+ .my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
+@media (min-width: 1012px) { /* Set a 16px margin to all sides at the breakpoint lg */
+ .m-lg-3 { margin: 16px !important; }
+ /* Set a 16px margin on the top at the breakpoint lg */
+ .mt-lg-3 { margin-top: 16px !important; }
+ /* Set a 16px margin on the right at the breakpoint lg */
+ .mr-lg-3 { margin-right: 16px !important; }
+ /* Set a 16px margin on the bottom at the breakpoint lg */
+ .mb-lg-3 { margin-bottom: 16px !important; }
+ /* Set a 16px margin on the left at the breakpoint lg */
+ .ml-lg-3 { margin-left: 16px !important; }
+ /* Set a negative 16px margin on top at the breakpoint lg */
+ .mt-lg-n3 { margin-top: -16px !important; }
+ /* Set a negative 16px margin on the right at the breakpoint lg */
+ .mr-lg-n3 { margin-right: -16px !important; }
+ /* Set a negative 16px margin on the bottom at the breakpoint lg */
+ .mb-lg-n3 { margin-bottom: -16px !important; }
+ /* Set a negative 16px margin on the left at the breakpoint lg */
+ .ml-lg-n3 { margin-left: -16px !important; }
+ /* Set a 16px margin on the left & right at the breakpoint lg */
+ .mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; }
+ /* Set a 16px margin on the top & bottom at the breakpoint lg */
+ .my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
+@media (min-width: 1012px) { /* Set a 24px margin to all sides at the breakpoint lg */
+ .m-lg-4 { margin: 24px !important; }
+ /* Set a 24px margin on the top at the breakpoint lg */
+ .mt-lg-4 { margin-top: 24px !important; }
+ /* Set a 24px margin on the right at the breakpoint lg */
+ .mr-lg-4 { margin-right: 24px !important; }
+ /* Set a 24px margin on the bottom at the breakpoint lg */
+ .mb-lg-4 { margin-bottom: 24px !important; }
+ /* Set a 24px margin on the left at the breakpoint lg */
+ .ml-lg-4 { margin-left: 24px !important; }
+ /* Set a negative 24px margin on top at the breakpoint lg */
+ .mt-lg-n4 { margin-top: -24px !important; }
+ /* Set a negative 24px margin on the right at the breakpoint lg */
+ .mr-lg-n4 { margin-right: -24px !important; }
+ /* Set a negative 24px margin on the bottom at the breakpoint lg */
+ .mb-lg-n4 { margin-bottom: -24px !important; }
+ /* Set a negative 24px margin on the left at the breakpoint lg */
+ .ml-lg-n4 { margin-left: -24px !important; }
+ /* Set a 24px margin on the left & right at the breakpoint lg */
+ .mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; }
+ /* Set a 24px margin on the top & bottom at the breakpoint lg */
+ .my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
+@media (min-width: 1012px) { /* Set a 32px margin to all sides at the breakpoint lg */
+ .m-lg-5 { margin: 32px !important; }
+ /* Set a 32px margin on the top at the breakpoint lg */
+ .mt-lg-5 { margin-top: 32px !important; }
+ /* Set a 32px margin on the right at the breakpoint lg */
+ .mr-lg-5 { margin-right: 32px !important; }
+ /* Set a 32px margin on the bottom at the breakpoint lg */
+ .mb-lg-5 { margin-bottom: 32px !important; }
+ /* Set a 32px margin on the left at the breakpoint lg */
+ .ml-lg-5 { margin-left: 32px !important; }
+ /* Set a negative 32px margin on top at the breakpoint lg */
+ .mt-lg-n5 { margin-top: -32px !important; }
+ /* Set a negative 32px margin on the right at the breakpoint lg */
+ .mr-lg-n5 { margin-right: -32px !important; }
+ /* Set a negative 32px margin on the bottom at the breakpoint lg */
+ .mb-lg-n5 { margin-bottom: -32px !important; }
+ /* Set a negative 32px margin on the left at the breakpoint lg */
+ .ml-lg-n5 { margin-left: -32px !important; }
+ /* Set a 32px margin on the left & right at the breakpoint lg */
+ .mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; }
+ /* Set a 32px margin on the top & bottom at the breakpoint lg */
+ .my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
+@media (min-width: 1012px) { /* Set a 40px margin to all sides at the breakpoint lg */
+ .m-lg-6 { margin: 40px !important; }
+ /* Set a 40px margin on the top at the breakpoint lg */
+ .mt-lg-6 { margin-top: 40px !important; }
+ /* Set a 40px margin on the right at the breakpoint lg */
+ .mr-lg-6 { margin-right: 40px !important; }
+ /* Set a 40px margin on the bottom at the breakpoint lg */
+ .mb-lg-6 { margin-bottom: 40px !important; }
+ /* Set a 40px margin on the left at the breakpoint lg */
+ .ml-lg-6 { margin-left: 40px !important; }
+ /* Set a negative 40px margin on top at the breakpoint lg */
+ .mt-lg-n6 { margin-top: -40px !important; }
+ /* Set a negative 40px margin on the right at the breakpoint lg */
+ .mr-lg-n6 { margin-right: -40px !important; }
+ /* Set a negative 40px margin on the bottom at the breakpoint lg */
+ .mb-lg-n6 { margin-bottom: -40px !important; }
+ /* Set a negative 40px margin on the left at the breakpoint lg */
+ .ml-lg-n6 { margin-left: -40px !important; }
+ /* Set a 40px margin on the left & right at the breakpoint lg */
+ .mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; }
+ /* Set a 40px margin on the top & bottom at the breakpoint lg */
+ .my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
+@media (min-width: 1280px) { /* Set a 0 margin to all sides at the breakpoint xl */
+ .m-xl-0 { margin: 0 !important; }
+ /* Set a 0 margin on the top at the breakpoint xl */
+ .mt-xl-0 { margin-top: 0 !important; }
+ /* Set a 0 margin on the right at the breakpoint xl */
+ .mr-xl-0 { margin-right: 0 !important; }
+ /* Set a 0 margin on the bottom at the breakpoint xl */
+ .mb-xl-0 { margin-bottom: 0 !important; }
+ /* Set a 0 margin on the left at the breakpoint xl */
+ .ml-xl-0 { margin-left: 0 !important; }
+ /* Set a negative 0 margin on top at the breakpoint xl */
+ .mt-xl-n0 { margin-top: -0 !important; }
+ /* Set a negative 0 margin on the right at the breakpoint xl */
+ .mr-xl-n0 { margin-right: -0 !important; }
+ /* Set a negative 0 margin on the bottom at the breakpoint xl */
+ .mb-xl-n0 { margin-bottom: -0 !important; }
+ /* Set a negative 0 margin on the left at the breakpoint xl */
+ .ml-xl-n0 { margin-left: -0 !important; }
+ /* Set a 0 margin on the left & right at the breakpoint xl */
+ .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; }
+ /* Set a 0 margin on the top & bottom at the breakpoint xl */
+ .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } }
+@media (min-width: 1280px) { /* Set a 4px margin to all sides at the breakpoint xl */
+ .m-xl-1 { margin: 4px !important; }
+ /* Set a 4px margin on the top at the breakpoint xl */
+ .mt-xl-1 { margin-top: 4px !important; }
+ /* Set a 4px margin on the right at the breakpoint xl */
+ .mr-xl-1 { margin-right: 4px !important; }
+ /* Set a 4px margin on the bottom at the breakpoint xl */
+ .mb-xl-1 { margin-bottom: 4px !important; }
+ /* Set a 4px margin on the left at the breakpoint xl */
+ .ml-xl-1 { margin-left: 4px !important; }
+ /* Set a negative 4px margin on top at the breakpoint xl */
+ .mt-xl-n1 { margin-top: -4px !important; }
+ /* Set a negative 4px margin on the right at the breakpoint xl */
+ .mr-xl-n1 { margin-right: -4px !important; }
+ /* Set a negative 4px margin on the bottom at the breakpoint xl */
+ .mb-xl-n1 { margin-bottom: -4px !important; }
+ /* Set a negative 4px margin on the left at the breakpoint xl */
+ .ml-xl-n1 { margin-left: -4px !important; }
+ /* Set a 4px margin on the left & right at the breakpoint xl */
+ .mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; }
+ /* Set a 4px margin on the top & bottom at the breakpoint xl */
+ .my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; } }
+@media (min-width: 1280px) { /* Set a 8px margin to all sides at the breakpoint xl */
+ .m-xl-2 { margin: 8px !important; }
+ /* Set a 8px margin on the top at the breakpoint xl */
+ .mt-xl-2 { margin-top: 8px !important; }
+ /* Set a 8px margin on the right at the breakpoint xl */
+ .mr-xl-2 { margin-right: 8px !important; }
+ /* Set a 8px margin on the bottom at the breakpoint xl */
+ .mb-xl-2 { margin-bottom: 8px !important; }
+ /* Set a 8px margin on the left at the breakpoint xl */
+ .ml-xl-2 { margin-left: 8px !important; }
+ /* Set a negative 8px margin on top at the breakpoint xl */
+ .mt-xl-n2 { margin-top: -8px !important; }
+ /* Set a negative 8px margin on the right at the breakpoint xl */
+ .mr-xl-n2 { margin-right: -8px !important; }
+ /* Set a negative 8px margin on the bottom at the breakpoint xl */
+ .mb-xl-n2 { margin-bottom: -8px !important; }
+ /* Set a negative 8px margin on the left at the breakpoint xl */
+ .ml-xl-n2 { margin-left: -8px !important; }
+ /* Set a 8px margin on the left & right at the breakpoint xl */
+ .mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; }
+ /* Set a 8px margin on the top & bottom at the breakpoint xl */
+ .my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; } }
+@media (min-width: 1280px) { /* Set a 16px margin to all sides at the breakpoint xl */
+ .m-xl-3 { margin: 16px !important; }
+ /* Set a 16px margin on the top at the breakpoint xl */
+ .mt-xl-3 { margin-top: 16px !important; }
+ /* Set a 16px margin on the right at the breakpoint xl */
+ .mr-xl-3 { margin-right: 16px !important; }
+ /* Set a 16px margin on the bottom at the breakpoint xl */
+ .mb-xl-3 { margin-bottom: 16px !important; }
+ /* Set a 16px margin on the left at the breakpoint xl */
+ .ml-xl-3 { margin-left: 16px !important; }
+ /* Set a negative 16px margin on top at the breakpoint xl */
+ .mt-xl-n3 { margin-top: -16px !important; }
+ /* Set a negative 16px margin on the right at the breakpoint xl */
+ .mr-xl-n3 { margin-right: -16px !important; }
+ /* Set a negative 16px margin on the bottom at the breakpoint xl */
+ .mb-xl-n3 { margin-bottom: -16px !important; }
+ /* Set a negative 16px margin on the left at the breakpoint xl */
+ .ml-xl-n3 { margin-left: -16px !important; }
+ /* Set a 16px margin on the left & right at the breakpoint xl */
+ .mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; }
+ /* Set a 16px margin on the top & bottom at the breakpoint xl */
+ .my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; } }
+@media (min-width: 1280px) { /* Set a 24px margin to all sides at the breakpoint xl */
+ .m-xl-4 { margin: 24px !important; }
+ /* Set a 24px margin on the top at the breakpoint xl */
+ .mt-xl-4 { margin-top: 24px !important; }
+ /* Set a 24px margin on the right at the breakpoint xl */
+ .mr-xl-4 { margin-right: 24px !important; }
+ /* Set a 24px margin on the bottom at the breakpoint xl */
+ .mb-xl-4 { margin-bottom: 24px !important; }
+ /* Set a 24px margin on the left at the breakpoint xl */
+ .ml-xl-4 { margin-left: 24px !important; }
+ /* Set a negative 24px margin on top at the breakpoint xl */
+ .mt-xl-n4 { margin-top: -24px !important; }
+ /* Set a negative 24px margin on the right at the breakpoint xl */
+ .mr-xl-n4 { margin-right: -24px !important; }
+ /* Set a negative 24px margin on the bottom at the breakpoint xl */
+ .mb-xl-n4 { margin-bottom: -24px !important; }
+ /* Set a negative 24px margin on the left at the breakpoint xl */
+ .ml-xl-n4 { margin-left: -24px !important; }
+ /* Set a 24px margin on the left & right at the breakpoint xl */
+ .mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; }
+ /* Set a 24px margin on the top & bottom at the breakpoint xl */
+ .my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; } }
+@media (min-width: 1280px) { /* Set a 32px margin to all sides at the breakpoint xl */
+ .m-xl-5 { margin: 32px !important; }
+ /* Set a 32px margin on the top at the breakpoint xl */
+ .mt-xl-5 { margin-top: 32px !important; }
+ /* Set a 32px margin on the right at the breakpoint xl */
+ .mr-xl-5 { margin-right: 32px !important; }
+ /* Set a 32px margin on the bottom at the breakpoint xl */
+ .mb-xl-5 { margin-bottom: 32px !important; }
+ /* Set a 32px margin on the left at the breakpoint xl */
+ .ml-xl-5 { margin-left: 32px !important; }
+ /* Set a negative 32px margin on top at the breakpoint xl */
+ .mt-xl-n5 { margin-top: -32px !important; }
+ /* Set a negative 32px margin on the right at the breakpoint xl */
+ .mr-xl-n5 { margin-right: -32px !important; }
+ /* Set a negative 32px margin on the bottom at the breakpoint xl */
+ .mb-xl-n5 { margin-bottom: -32px !important; }
+ /* Set a negative 32px margin on the left at the breakpoint xl */
+ .ml-xl-n5 { margin-left: -32px !important; }
+ /* Set a 32px margin on the left & right at the breakpoint xl */
+ .mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; }
+ /* Set a 32px margin on the top & bottom at the breakpoint xl */
+ .my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; } }
+@media (min-width: 1280px) { /* Set a 40px margin to all sides at the breakpoint xl */
+ .m-xl-6 { margin: 40px !important; }
+ /* Set a 40px margin on the top at the breakpoint xl */
+ .mt-xl-6 { margin-top: 40px !important; }
+ /* Set a 40px margin on the right at the breakpoint xl */
+ .mr-xl-6 { margin-right: 40px !important; }
+ /* Set a 40px margin on the bottom at the breakpoint xl */
+ .mb-xl-6 { margin-bottom: 40px !important; }
+ /* Set a 40px margin on the left at the breakpoint xl */
+ .ml-xl-6 { margin-left: 40px !important; }
+ /* Set a negative 40px margin on top at the breakpoint xl */
+ .mt-xl-n6 { margin-top: -40px !important; }
+ /* Set a negative 40px margin on the right at the breakpoint xl */
+ .mr-xl-n6 { margin-right: -40px !important; }
+ /* Set a negative 40px margin on the bottom at the breakpoint xl */
+ .mb-xl-n6 { margin-bottom: -40px !important; }
+ /* Set a negative 40px margin on the left at the breakpoint xl */
+ .ml-xl-n6 { margin-left: -40px !important; }
+ /* Set a 40px margin on the left & right at the breakpoint xl */
+ .mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; }
+ /* Set a 40px margin on the top & bottom at the breakpoint xl */
+ .my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } }
+/* Set a 0 padding to all sides */
+.p-0 { padding: 0 !important; }
+
+/* Set a 0 padding to the top */
+.pt-0 { padding-top: 0 !important; }
+
+/* Set a 0 padding to the right */
+.pr-0 { padding-right: 0 !important; }
+
+/* Set a 0 padding to the bottom */
+.pb-0 { padding-bottom: 0 !important; }
+
+/* Set a 0 padding to the left */
+.pl-0 { padding-left: 0 !important; }
+
+/* Set a 0 padding to the left & right */
+.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
+
+/* Set a 0 padding to the top & bottom */
+.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
+
+/* Set a 4px padding to all sides */
+.p-1 { padding: 4px !important; }
+
+/* Set a 4px padding to the top */
+.pt-1 { padding-top: 4px !important; }
+
+/* Set a 4px padding to the right */
+.pr-1 { padding-right: 4px !important; }
+
+/* Set a 4px padding to the bottom */
+.pb-1 { padding-bottom: 4px !important; }
+
+/* Set a 4px padding to the left */
+.pl-1 { padding-left: 4px !important; }
+
+/* Set a 4px padding to the left & right */
+.px-1 { padding-right: 4px !important; padding-left: 4px !important; }
+
+/* Set a 4px padding to the top & bottom */
+.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
+
+/* Set a 8px padding to all sides */
+.p-2 { padding: 8px !important; }
+
+/* Set a 8px padding to the top */
+.pt-2 { padding-top: 8px !important; }
+
+/* Set a 8px padding to the right */
+.pr-2 { padding-right: 8px !important; }
+
+/* Set a 8px padding to the bottom */
+.pb-2 { padding-bottom: 8px !important; }
+
+/* Set a 8px padding to the left */
+.pl-2 { padding-left: 8px !important; }
+
+/* Set a 8px padding to the left & right */
+.px-2 { padding-right: 8px !important; padding-left: 8px !important; }
+
+/* Set a 8px padding to the top & bottom */
+.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; }
+
+/* Set a 16px padding to all sides */
+.p-3 { padding: 16px !important; }
+
+/* Set a 16px padding to the top */
+.pt-3 { padding-top: 16px !important; }
+
+/* Set a 16px padding to the right */
+.pr-3 { padding-right: 16px !important; }
+
+/* Set a 16px padding to the bottom */
+.pb-3 { padding-bottom: 16px !important; }
+
+/* Set a 16px padding to the left */
+.pl-3 { padding-left: 16px !important; }
+
+/* Set a 16px padding to the left & right */
+.px-3 { padding-right: 16px !important; padding-left: 16px !important; }
+
+/* Set a 16px padding to the top & bottom */
+.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
+
+/* Set a 24px padding to all sides */
+.p-4 { padding: 24px !important; }
+
+/* Set a 24px padding to the top */
+.pt-4 { padding-top: 24px !important; }
+
+/* Set a 24px padding to the right */
+.pr-4 { padding-right: 24px !important; }
+
+/* Set a 24px padding to the bottom */
+.pb-4 { padding-bottom: 24px !important; }
+
+/* Set a 24px padding to the left */
+.pl-4 { padding-left: 24px !important; }
+
+/* Set a 24px padding to the left & right */
+.px-4 { padding-right: 24px !important; padding-left: 24px !important; }
+
+/* Set a 24px padding to the top & bottom */
+.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; }
+
+/* Set a 32px padding to all sides */
+.p-5 { padding: 32px !important; }
+
+/* Set a 32px padding to the top */
+.pt-5 { padding-top: 32px !important; }
+
+/* Set a 32px padding to the right */
+.pr-5 { padding-right: 32px !important; }
+
+/* Set a 32px padding to the bottom */
+.pb-5 { padding-bottom: 32px !important; }
+
+/* Set a 32px padding to the left */
+.pl-5 { padding-left: 32px !important; }
+
+/* Set a 32px padding to the left & right */
+.px-5 { padding-right: 32px !important; padding-left: 32px !important; }
+
+/* Set a 32px padding to the top & bottom */
+.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; }
+
+/* Set a 40px padding to all sides */
+.p-6 { padding: 40px !important; }
+
+/* Set a 40px padding to the top */
+.pt-6 { padding-top: 40px !important; }
+
+/* Set a 40px padding to the right */
+.pr-6 { padding-right: 40px !important; }
+
+/* Set a 40px padding to the bottom */
+.pb-6 { padding-bottom: 40px !important; }
+
+/* Set a 40px padding to the left */
+.pl-6 { padding-left: 40px !important; }
+
+/* Set a 40px padding to the left & right */
+.px-6 { padding-right: 40px !important; padding-left: 40px !important; }
+
+/* Set a 40px padding to the top & bottom */
+.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; }
+
+@media (min-width: 544px) { /* Set a 0 padding to all sides at the sm breakpoint */
+ .p-sm-0 { padding: 0 !important; }
+ /* Set a 0 padding to the top at the sm breakpoint */
+ .pt-sm-0 { padding-top: 0 !important; }
+ /* Set a 0 padding to the right at the sm breakpoint */
+ .pr-sm-0 { padding-right: 0 !important; }
+ /* Set a 0 padding to the bottom at the sm breakpoint */
+ .pb-sm-0 { padding-bottom: 0 !important; }
+ /* Set a 0 padding to the left at the sm breakpoint */
+ .pl-sm-0 { padding-left: 0 !important; }
+ /* Set a 0 padding to the left & right at the sm breakpoint */
+ .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; }
+ /* Set a 0 padding to the top & bottom at the sm breakpoint */
+ .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
+@media (min-width: 544px) { /* Set a 4px padding to all sides at the sm breakpoint */
+ .p-sm-1 { padding: 4px !important; }
+ /* Set a 4px padding to the top at the sm breakpoint */
+ .pt-sm-1 { padding-top: 4px !important; }
+ /* Set a 4px padding to the right at the sm breakpoint */
+ .pr-sm-1 { padding-right: 4px !important; }
+ /* Set a 4px padding to the bottom at the sm breakpoint */
+ .pb-sm-1 { padding-bottom: 4px !important; }
+ /* Set a 4px padding to the left at the sm breakpoint */
+ .pl-sm-1 { padding-left: 4px !important; }
+ /* Set a 4px padding to the left & right at the sm breakpoint */
+ .px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; }
+ /* Set a 4px padding to the top & bottom at the sm breakpoint */
+ .py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
+@media (min-width: 544px) { /* Set a 8px padding to all sides at the sm breakpoint */
+ .p-sm-2 { padding: 8px !important; }
+ /* Set a 8px padding to the top at the sm breakpoint */
+ .pt-sm-2 { padding-top: 8px !important; }
+ /* Set a 8px padding to the right at the sm breakpoint */
+ .pr-sm-2 { padding-right: 8px !important; }
+ /* Set a 8px padding to the bottom at the sm breakpoint */
+ .pb-sm-2 { padding-bottom: 8px !important; }
+ /* Set a 8px padding to the left at the sm breakpoint */
+ .pl-sm-2 { padding-left: 8px !important; }
+ /* Set a 8px padding to the left & right at the sm breakpoint */
+ .px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; }
+ /* Set a 8px padding to the top & bottom at the sm breakpoint */
+ .py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
+@media (min-width: 544px) { /* Set a 16px padding to all sides at the sm breakpoint */
+ .p-sm-3 { padding: 16px !important; }
+ /* Set a 16px padding to the top at the sm breakpoint */
+ .pt-sm-3 { padding-top: 16px !important; }
+ /* Set a 16px padding to the right at the sm breakpoint */
+ .pr-sm-3 { padding-right: 16px !important; }
+ /* Set a 16px padding to the bottom at the sm breakpoint */
+ .pb-sm-3 { padding-bottom: 16px !important; }
+ /* Set a 16px padding to the left at the sm breakpoint */
+ .pl-sm-3 { padding-left: 16px !important; }
+ /* Set a 16px padding to the left & right at the sm breakpoint */
+ .px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; }
+ /* Set a 16px padding to the top & bottom at the sm breakpoint */
+ .py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
+@media (min-width: 544px) { /* Set a 24px padding to all sides at the sm breakpoint */
+ .p-sm-4 { padding: 24px !important; }
+ /* Set a 24px padding to the top at the sm breakpoint */
+ .pt-sm-4 { padding-top: 24px !important; }
+ /* Set a 24px padding to the right at the sm breakpoint */
+ .pr-sm-4 { padding-right: 24px !important; }
+ /* Set a 24px padding to the bottom at the sm breakpoint */
+ .pb-sm-4 { padding-bottom: 24px !important; }
+ /* Set a 24px padding to the left at the sm breakpoint */
+ .pl-sm-4 { padding-left: 24px !important; }
+ /* Set a 24px padding to the left & right at the sm breakpoint */
+ .px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; }
+ /* Set a 24px padding to the top & bottom at the sm breakpoint */
+ .py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
+@media (min-width: 544px) { /* Set a 32px padding to all sides at the sm breakpoint */
+ .p-sm-5 { padding: 32px !important; }
+ /* Set a 32px padding to the top at the sm breakpoint */
+ .pt-sm-5 { padding-top: 32px !important; }
+ /* Set a 32px padding to the right at the sm breakpoint */
+ .pr-sm-5 { padding-right: 32px !important; }
+ /* Set a 32px padding to the bottom at the sm breakpoint */
+ .pb-sm-5 { padding-bottom: 32px !important; }
+ /* Set a 32px padding to the left at the sm breakpoint */
+ .pl-sm-5 { padding-left: 32px !important; }
+ /* Set a 32px padding to the left & right at the sm breakpoint */
+ .px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; }
+ /* Set a 32px padding to the top & bottom at the sm breakpoint */
+ .py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
+@media (min-width: 544px) { /* Set a 40px padding to all sides at the sm breakpoint */
+ .p-sm-6 { padding: 40px !important; }
+ /* Set a 40px padding to the top at the sm breakpoint */
+ .pt-sm-6 { padding-top: 40px !important; }
+ /* Set a 40px padding to the right at the sm breakpoint */
+ .pr-sm-6 { padding-right: 40px !important; }
+ /* Set a 40px padding to the bottom at the sm breakpoint */
+ .pb-sm-6 { padding-bottom: 40px !important; }
+ /* Set a 40px padding to the left at the sm breakpoint */
+ .pl-sm-6 { padding-left: 40px !important; }
+ /* Set a 40px padding to the left & right at the sm breakpoint */
+ .px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; }
+ /* Set a 40px padding to the top & bottom at the sm breakpoint */
+ .py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
+@media (min-width: 768px) { /* Set a 0 padding to all sides at the md breakpoint */
+ .p-md-0 { padding: 0 !important; }
+ /* Set a 0 padding to the top at the md breakpoint */
+ .pt-md-0 { padding-top: 0 !important; }
+ /* Set a 0 padding to the right at the md breakpoint */
+ .pr-md-0 { padding-right: 0 !important; }
+ /* Set a 0 padding to the bottom at the md breakpoint */
+ .pb-md-0 { padding-bottom: 0 !important; }
+ /* Set a 0 padding to the left at the md breakpoint */
+ .pl-md-0 { padding-left: 0 !important; }
+ /* Set a 0 padding to the left & right at the md breakpoint */
+ .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; }
+ /* Set a 0 padding to the top & bottom at the md breakpoint */
+ .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
+@media (min-width: 768px) { /* Set a 4px padding to all sides at the md breakpoint */
+ .p-md-1 { padding: 4px !important; }
+ /* Set a 4px padding to the top at the md breakpoint */
+ .pt-md-1 { padding-top: 4px !important; }
+ /* Set a 4px padding to the right at the md breakpoint */
+ .pr-md-1 { padding-right: 4px !important; }
+ /* Set a 4px padding to the bottom at the md breakpoint */
+ .pb-md-1 { padding-bottom: 4px !important; }
+ /* Set a 4px padding to the left at the md breakpoint */
+ .pl-md-1 { padding-left: 4px !important; }
+ /* Set a 4px padding to the left & right at the md breakpoint */
+ .px-md-1 { padding-right: 4px !important; padding-left: 4px !important; }
+ /* Set a 4px padding to the top & bottom at the md breakpoint */
+ .py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
+@media (min-width: 768px) { /* Set a 8px padding to all sides at the md breakpoint */
+ .p-md-2 { padding: 8px !important; }
+ /* Set a 8px padding to the top at the md breakpoint */
+ .pt-md-2 { padding-top: 8px !important; }
+ /* Set a 8px padding to the right at the md breakpoint */
+ .pr-md-2 { padding-right: 8px !important; }
+ /* Set a 8px padding to the bottom at the md breakpoint */
+ .pb-md-2 { padding-bottom: 8px !important; }
+ /* Set a 8px padding to the left at the md breakpoint */
+ .pl-md-2 { padding-left: 8px !important; }
+ /* Set a 8px padding to the left & right at the md breakpoint */
+ .px-md-2 { padding-right: 8px !important; padding-left: 8px !important; }
+ /* Set a 8px padding to the top & bottom at the md breakpoint */
+ .py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
+@media (min-width: 768px) { /* Set a 16px padding to all sides at the md breakpoint */
+ .p-md-3 { padding: 16px !important; }
+ /* Set a 16px padding to the top at the md breakpoint */
+ .pt-md-3 { padding-top: 16px !important; }
+ /* Set a 16px padding to the right at the md breakpoint */
+ .pr-md-3 { padding-right: 16px !important; }
+ /* Set a 16px padding to the bottom at the md breakpoint */
+ .pb-md-3 { padding-bottom: 16px !important; }
+ /* Set a 16px padding to the left at the md breakpoint */
+ .pl-md-3 { padding-left: 16px !important; }
+ /* Set a 16px padding to the left & right at the md breakpoint */
+ .px-md-3 { padding-right: 16px !important; padding-left: 16px !important; }
+ /* Set a 16px padding to the top & bottom at the md breakpoint */
+ .py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
+@media (min-width: 768px) { /* Set a 24px padding to all sides at the md breakpoint */
+ .p-md-4 { padding: 24px !important; }
+ /* Set a 24px padding to the top at the md breakpoint */
+ .pt-md-4 { padding-top: 24px !important; }
+ /* Set a 24px padding to the right at the md breakpoint */
+ .pr-md-4 { padding-right: 24px !important; }
+ /* Set a 24px padding to the bottom at the md breakpoint */
+ .pb-md-4 { padding-bottom: 24px !important; }
+ /* Set a 24px padding to the left at the md breakpoint */
+ .pl-md-4 { padding-left: 24px !important; }
+ /* Set a 24px padding to the left & right at the md breakpoint */
+ .px-md-4 { padding-right: 24px !important; padding-left: 24px !important; }
+ /* Set a 24px padding to the top & bottom at the md breakpoint */
+ .py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
+@media (min-width: 768px) { /* Set a 32px padding to all sides at the md breakpoint */
+ .p-md-5 { padding: 32px !important; }
+ /* Set a 32px padding to the top at the md breakpoint */
+ .pt-md-5 { padding-top: 32px !important; }
+ /* Set a 32px padding to the right at the md breakpoint */
+ .pr-md-5 { padding-right: 32px !important; }
+ /* Set a 32px padding to the bottom at the md breakpoint */
+ .pb-md-5 { padding-bottom: 32px !important; }
+ /* Set a 32px padding to the left at the md breakpoint */
+ .pl-md-5 { padding-left: 32px !important; }
+ /* Set a 32px padding to the left & right at the md breakpoint */
+ .px-md-5 { padding-right: 32px !important; padding-left: 32px !important; }
+ /* Set a 32px padding to the top & bottom at the md breakpoint */
+ .py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
+@media (min-width: 768px) { /* Set a 40px padding to all sides at the md breakpoint */
+ .p-md-6 { padding: 40px !important; }
+ /* Set a 40px padding to the top at the md breakpoint */
+ .pt-md-6 { padding-top: 40px !important; }
+ /* Set a 40px padding to the right at the md breakpoint */
+ .pr-md-6 { padding-right: 40px !important; }
+ /* Set a 40px padding to the bottom at the md breakpoint */
+ .pb-md-6 { padding-bottom: 40px !important; }
+ /* Set a 40px padding to the left at the md breakpoint */
+ .pl-md-6 { padding-left: 40px !important; }
+ /* Set a 40px padding to the left & right at the md breakpoint */
+ .px-md-6 { padding-right: 40px !important; padding-left: 40px !important; }
+ /* Set a 40px padding to the top & bottom at the md breakpoint */
+ .py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
+@media (min-width: 1012px) { /* Set a 0 padding to all sides at the lg breakpoint */
+ .p-lg-0 { padding: 0 !important; }
+ /* Set a 0 padding to the top at the lg breakpoint */
+ .pt-lg-0 { padding-top: 0 !important; }
+ /* Set a 0 padding to the right at the lg breakpoint */
+ .pr-lg-0 { padding-right: 0 !important; }
+ /* Set a 0 padding to the bottom at the lg breakpoint */
+ .pb-lg-0 { padding-bottom: 0 !important; }
+ /* Set a 0 padding to the left at the lg breakpoint */
+ .pl-lg-0 { padding-left: 0 !important; }
+ /* Set a 0 padding to the left & right at the lg breakpoint */
+ .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; }
+ /* Set a 0 padding to the top & bottom at the lg breakpoint */
+ .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
+@media (min-width: 1012px) { /* Set a 4px padding to all sides at the lg breakpoint */
+ .p-lg-1 { padding: 4px !important; }
+ /* Set a 4px padding to the top at the lg breakpoint */
+ .pt-lg-1 { padding-top: 4px !important; }
+ /* Set a 4px padding to the right at the lg breakpoint */
+ .pr-lg-1 { padding-right: 4px !important; }
+ /* Set a 4px padding to the bottom at the lg breakpoint */
+ .pb-lg-1 { padding-bottom: 4px !important; }
+ /* Set a 4px padding to the left at the lg breakpoint */
+ .pl-lg-1 { padding-left: 4px !important; }
+ /* Set a 4px padding to the left & right at the lg breakpoint */
+ .px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; }
+ /* Set a 4px padding to the top & bottom at the lg breakpoint */
+ .py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
+@media (min-width: 1012px) { /* Set a 8px padding to all sides at the lg breakpoint */
+ .p-lg-2 { padding: 8px !important; }
+ /* Set a 8px padding to the top at the lg breakpoint */
+ .pt-lg-2 { padding-top: 8px !important; }
+ /* Set a 8px padding to the right at the lg breakpoint */
+ .pr-lg-2 { padding-right: 8px !important; }
+ /* Set a 8px padding to the bottom at the lg breakpoint */
+ .pb-lg-2 { padding-bottom: 8px !important; }
+ /* Set a 8px padding to the left at the lg breakpoint */
+ .pl-lg-2 { padding-left: 8px !important; }
+ /* Set a 8px padding to the left & right at the lg breakpoint */
+ .px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; }
+ /* Set a 8px padding to the top & bottom at the lg breakpoint */
+ .py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
+@media (min-width: 1012px) { /* Set a 16px padding to all sides at the lg breakpoint */
+ .p-lg-3 { padding: 16px !important; }
+ /* Set a 16px padding to the top at the lg breakpoint */
+ .pt-lg-3 { padding-top: 16px !important; }
+ /* Set a 16px padding to the right at the lg breakpoint */
+ .pr-lg-3 { padding-right: 16px !important; }
+ /* Set a 16px padding to the bottom at the lg breakpoint */
+ .pb-lg-3 { padding-bottom: 16px !important; }
+ /* Set a 16px padding to the left at the lg breakpoint */
+ .pl-lg-3 { padding-left: 16px !important; }
+ /* Set a 16px padding to the left & right at the lg breakpoint */
+ .px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; }
+ /* Set a 16px padding to the top & bottom at the lg breakpoint */
+ .py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
+@media (min-width: 1012px) { /* Set a 24px padding to all sides at the lg breakpoint */
+ .p-lg-4 { padding: 24px !important; }
+ /* Set a 24px padding to the top at the lg breakpoint */
+ .pt-lg-4 { padding-top: 24px !important; }
+ /* Set a 24px padding to the right at the lg breakpoint */
+ .pr-lg-4 { padding-right: 24px !important; }
+ /* Set a 24px padding to the bottom at the lg breakpoint */
+ .pb-lg-4 { padding-bottom: 24px !important; }
+ /* Set a 24px padding to the left at the lg breakpoint */
+ .pl-lg-4 { padding-left: 24px !important; }
+ /* Set a 24px padding to the left & right at the lg breakpoint */
+ .px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; }
+ /* Set a 24px padding to the top & bottom at the lg breakpoint */
+ .py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
+@media (min-width: 1012px) { /* Set a 32px padding to all sides at the lg breakpoint */
+ .p-lg-5 { padding: 32px !important; }
+ /* Set a 32px padding to the top at the lg breakpoint */
+ .pt-lg-5 { padding-top: 32px !important; }
+ /* Set a 32px padding to the right at the lg breakpoint */
+ .pr-lg-5 { padding-right: 32px !important; }
+ /* Set a 32px padding to the bottom at the lg breakpoint */
+ .pb-lg-5 { padding-bottom: 32px !important; }
+ /* Set a 32px padding to the left at the lg breakpoint */
+ .pl-lg-5 { padding-left: 32px !important; }
+ /* Set a 32px padding to the left & right at the lg breakpoint */
+ .px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; }
+ /* Set a 32px padding to the top & bottom at the lg breakpoint */
+ .py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
+@media (min-width: 1012px) { /* Set a 40px padding to all sides at the lg breakpoint */
+ .p-lg-6 { padding: 40px !important; }
+ /* Set a 40px padding to the top at the lg breakpoint */
+ .pt-lg-6 { padding-top: 40px !important; }
+ /* Set a 40px padding to the right at the lg breakpoint */
+ .pr-lg-6 { padding-right: 40px !important; }
+ /* Set a 40px padding to the bottom at the lg breakpoint */
+ .pb-lg-6 { padding-bottom: 40px !important; }
+ /* Set a 40px padding to the left at the lg breakpoint */
+ .pl-lg-6 { padding-left: 40px !important; }
+ /* Set a 40px padding to the left & right at the lg breakpoint */
+ .px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; }
+ /* Set a 40px padding to the top & bottom at the lg breakpoint */
+ .py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
+@media (min-width: 1280px) { /* Set a 0 padding to all sides at the xl breakpoint */
+ .p-xl-0 { padding: 0 !important; }
+ /* Set a 0 padding to the top at the xl breakpoint */
+ .pt-xl-0 { padding-top: 0 !important; }
+ /* Set a 0 padding to the right at the xl breakpoint */
+ .pr-xl-0 { padding-right: 0 !important; }
+ /* Set a 0 padding to the bottom at the xl breakpoint */
+ .pb-xl-0 { padding-bottom: 0 !important; }
+ /* Set a 0 padding to the left at the xl breakpoint */
+ .pl-xl-0 { padding-left: 0 !important; }
+ /* Set a 0 padding to the left & right at the xl breakpoint */
+ .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; }
+ /* Set a 0 padding to the top & bottom at the xl breakpoint */
+ .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
+@media (min-width: 1280px) { /* Set a 4px padding to all sides at the xl breakpoint */
+ .p-xl-1 { padding: 4px !important; }
+ /* Set a 4px padding to the top at the xl breakpoint */
+ .pt-xl-1 { padding-top: 4px !important; }
+ /* Set a 4px padding to the right at the xl breakpoint */
+ .pr-xl-1 { padding-right: 4px !important; }
+ /* Set a 4px padding to the bottom at the xl breakpoint */
+ .pb-xl-1 { padding-bottom: 4px !important; }
+ /* Set a 4px padding to the left at the xl breakpoint */
+ .pl-xl-1 { padding-left: 4px !important; }
+ /* Set a 4px padding to the left & right at the xl breakpoint */
+ .px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; }
+ /* Set a 4px padding to the top & bottom at the xl breakpoint */
+ .py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; } }
+@media (min-width: 1280px) { /* Set a 8px padding to all sides at the xl breakpoint */
+ .p-xl-2 { padding: 8px !important; }
+ /* Set a 8px padding to the top at the xl breakpoint */
+ .pt-xl-2 { padding-top: 8px !important; }
+ /* Set a 8px padding to the right at the xl breakpoint */
+ .pr-xl-2 { padding-right: 8px !important; }
+ /* Set a 8px padding to the bottom at the xl breakpoint */
+ .pb-xl-2 { padding-bottom: 8px !important; }
+ /* Set a 8px padding to the left at the xl breakpoint */
+ .pl-xl-2 { padding-left: 8px !important; }
+ /* Set a 8px padding to the left & right at the xl breakpoint */
+ .px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; }
+ /* Set a 8px padding to the top & bottom at the xl breakpoint */
+ .py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; } }
+@media (min-width: 1280px) { /* Set a 16px padding to all sides at the xl breakpoint */
+ .p-xl-3 { padding: 16px !important; }
+ /* Set a 16px padding to the top at the xl breakpoint */
+ .pt-xl-3 { padding-top: 16px !important; }
+ /* Set a 16px padding to the right at the xl breakpoint */
+ .pr-xl-3 { padding-right: 16px !important; }
+ /* Set a 16px padding to the bottom at the xl breakpoint */
+ .pb-xl-3 { padding-bottom: 16px !important; }
+ /* Set a 16px padding to the left at the xl breakpoint */
+ .pl-xl-3 { padding-left: 16px !important; }
+ /* Set a 16px padding to the left & right at the xl breakpoint */
+ .px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; }
+ /* Set a 16px padding to the top & bottom at the xl breakpoint */
+ .py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; } }
+@media (min-width: 1280px) { /* Set a 24px padding to all sides at the xl breakpoint */
+ .p-xl-4 { padding: 24px !important; }
+ /* Set a 24px padding to the top at the xl breakpoint */
+ .pt-xl-4 { padding-top: 24px !important; }
+ /* Set a 24px padding to the right at the xl breakpoint */
+ .pr-xl-4 { padding-right: 24px !important; }
+ /* Set a 24px padding to the bottom at the xl breakpoint */
+ .pb-xl-4 { padding-bottom: 24px !important; }
+ /* Set a 24px padding to the left at the xl breakpoint */
+ .pl-xl-4 { padding-left: 24px !important; }
+ /* Set a 24px padding to the left & right at the xl breakpoint */
+ .px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; }
+ /* Set a 24px padding to the top & bottom at the xl breakpoint */
+ .py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; } }
+@media (min-width: 1280px) { /* Set a 32px padding to all sides at the xl breakpoint */
+ .p-xl-5 { padding: 32px !important; }
+ /* Set a 32px padding to the top at the xl breakpoint */
+ .pt-xl-5 { padding-top: 32px !important; }
+ /* Set a 32px padding to the right at the xl breakpoint */
+ .pr-xl-5 { padding-right: 32px !important; }
+ /* Set a 32px padding to the bottom at the xl breakpoint */
+ .pb-xl-5 { padding-bottom: 32px !important; }
+ /* Set a 32px padding to the left at the xl breakpoint */
+ .pl-xl-5 { padding-left: 32px !important; }
+ /* Set a 32px padding to the left & right at the xl breakpoint */
+ .px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; }
+ /* Set a 32px padding to the top & bottom at the xl breakpoint */
+ .py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; } }
+@media (min-width: 1280px) { /* Set a 40px padding to all sides at the xl breakpoint */
+ .p-xl-6 { padding: 40px !important; }
+ /* Set a 40px padding to the top at the xl breakpoint */
+ .pt-xl-6 { padding-top: 40px !important; }
+ /* Set a 40px padding to the right at the xl breakpoint */
+ .pr-xl-6 { padding-right: 40px !important; }
+ /* Set a 40px padding to the bottom at the xl breakpoint */
+ .pb-xl-6 { padding-bottom: 40px !important; }
+ /* Set a 40px padding to the left at the xl breakpoint */
+ .pl-xl-6 { padding-left: 40px !important; }
+ /* Set a 40px padding to the left & right at the xl breakpoint */
+ .px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; }
+ /* Set a 40px padding to the top & bottom at the xl breakpoint */
+ .py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } }
+.p-responsive { padding-right: 16px !important; padding-left: 16px !important; }
+@media (min-width: 544px) { .p-responsive { padding-right: 40px !important; padding-left: 40px !important; } }
+@media (min-width: 1012px) { .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } }
+
+/* Set the font size to 26px */
+.h1 { font-size: 26px !important; }
+@media (min-width: 768px) { .h1 { font-size: 32px !important; } }
+
+/* Set the font size to 22px */
+.h2 { font-size: 22px !important; }
+@media (min-width: 768px) { .h2 { font-size: 24px !important; } }
+
+/* Set the font size to 18px */
+.h3 { font-size: 18px !important; }
+@media (min-width: 768px) { .h3 { font-size: 20px !important; } }
+
+/* Set the font size to 16px */
+.h4 { font-size: 16px !important; }
+
+/* Set the font size to 14px */
+.h5 { font-size: 14px !important; }
+
+/* Set the font size to 12px */
+.h6 { font-size: 12px !important; }
+
+.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600 !important; }
+
+/* Set the font size to 26px */
+.f1 { font-size: 26px !important; }
+@media (min-width: 768px) { .f1 { font-size: 32px !important; } }
+
+/* Set the font size to 22px */
+.f2 { font-size: 22px !important; }
+@media (min-width: 768px) { .f2 { font-size: 24px !important; } }
+
+/* Set the font size to 18px */
+.f3 { font-size: 18px !important; }
+@media (min-width: 768px) { .f3 { font-size: 20px !important; } }
+
+/* Set the font size to 16px */
+.f4 { font-size: 16px !important; }
+@media (min-width: 768px) { .f4 { font-size: 16px !important; } }
+
+/* Set the font size to 14px */
+.f5 { font-size: 14px !important; }
+
+/* Set the font size to 12px */
+.f6 { font-size: 12px !important; }
+
+/* Set the font size to 40px and weight to light */
+.f00-light { font-size: 40px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f00-light { font-size: 48px !important; } }
+
+/* Set the font size to 32px and weight to light */
+.f0-light { font-size: 32px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f0-light { font-size: 40px !important; } }
+
+/* Set the font size to 26px and weight to light */
+.f1-light { font-size: 26px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f1-light { font-size: 32px !important; } }
+
+/* Set the font size to 22px and weight to light */
+.f2-light { font-size: 22px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f2-light { font-size: 24px !important; } }
+
+/* Set the font size to 18px and weight to light */
+.f3-light { font-size: 18px !important; font-weight: 300 !important; }
+@media (min-width: 768px) { .f3-light { font-size: 20px !important; } }
+
+/* Set the font size to ${#h6-size} */
+.text-small { font-size: 12px !important; }
+
+/* Large leading paragraphs */
+.lead { margin-bottom: 30px; font-size: 20px; font-weight: 300; color: #586069; }
+
+/* Set the line height to ultra condensed */
+.lh-condensed-ultra { line-height: 1 !important; }
+
+/* Set the line height to condensed */
+.lh-condensed { line-height: 1.25 !important; }
+
+/* Set the line height to default */
+.lh-default { line-height: 1.5 !important; }
+
+/* Text align to the right */
+.text-right { text-align: right !important; }
+
+/* Text align to the left */
+.text-left { text-align: left !important; }
+
+/* Text align to the center */
+.text-center { text-align: center !important; }
+
+@media (min-width: 544px) { .text-sm-right { text-align: right !important; }
+ .text-sm-left { text-align: left !important; }
+ .text-sm-center { text-align: center !important; } }
+@media (min-width: 768px) { .text-md-right { text-align: right !important; }
+ .text-md-left { text-align: left !important; }
+ .text-md-center { text-align: center !important; } }
+@media (min-width: 1012px) { .text-lg-right { text-align: right !important; }
+ .text-lg-left { text-align: left !important; }
+ .text-lg-center { text-align: center !important; } }
+@media (min-width: 1280px) { .text-xl-right { text-align: right !important; }
+ .text-xl-left { text-align: left !important; }
+ .text-xl-center { text-align: center !important; } }
+/* Set the font weight to normal */
+.text-normal { font-weight: 400 !important; }
+
+/* Set the font weight to bold */
+.text-bold { font-weight: 600 !important; }
+
+/* Set the font to italic */
+.text-italic { font-style: italic !important; }
+
+/* Make text uppercase */
+.text-uppercase { text-transform: uppercase !important; }
+
+/* Underline text */
+.no-underline { text-decoration: none !important; }
+
+/* Don't wrap white space */
+.no-wrap { white-space: nowrap !important; }
+
+/* Normal white space */
+.ws-normal { white-space: normal !important; }
+
+/* Allow long lines with no spaces to line break */
+.wb-break-all { word-break: break-all !important; }
+
+.text-emphasized { font-weight: 600; color: #24292e; }
+
+.list-style-none { list-style: none !important; }
+
+/* Add a dark text shadow */
+.text-shadow-dark { text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25), 0 1px 25px rgba(27, 31, 35, 0.75); }
+
+/* Add a light text shadow */
+.text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
+
+/* Visibility hidden */
+.v-hidden { visibility: hidden !important; }
+
+/* Visibility visible */
+.v-visible { visibility: visible !important; }
+
+/* Set the display to table */
+.d-table { display: table !important; }
+
+/* Set the display to table-cell */
+.d-table-cell { display: table-cell !important; }
+
+/* Set the table-layout to fixed */
+.table-fixed { table-layout: fixed !important; }
+
+/* Set the display to block */
+.d-block { display: block !important; }
+
+/* Set the display to inline */
+.d-inline { display: inline !important; }
+
+/* Set the display to inline-block */
+.d-inline-block { display: inline-block !important; }
+
+/* Set the display to flex */
+.d-flex { display: flex !important; }
+
+/* Set the display to inline-flex */
+.d-inline-flex { display: inline-flex !important; }
+
+/* Set the display to none */
+.d-none { display: none !important; }
+
+@media (min-width: 544px) { /* Set the display to table at the sm breakpoint */
+ .d-sm-table { display: table !important; }
+ /* Set the display to table cell at the sm breakpoint */
+ .d-sm-table-cell { display: table-cell !important; }
+ /* Set the display to block at the sm breakpoint */
+ .d-sm-block { display: block !important; }
+ /* Set the display to inline at the sm breakpoint */
+ .d-sm-inline { display: inline !important; }
+ /* Set the display to inline block at the sm breakpoint */
+ .d-sm-inline-block { display: inline-block !important; }
+ /* Set the display to flex at the sm breakpoint */
+ .d-sm-flex { display: flex !important; }
+ /* Set the display to flex at the sm breakpoint */
+ .d-sm-inline-flex { display: inline-flex !important; }
+ /* Set the display to none at the sm breakpoint */
+ .d-sm-none { display: none !important; } }
+@media (min-width: 768px) { /* Set the display to table at the md breakpoint */
+ .d-md-table { display: table !important; }
+ /* Set the display to table cell at the md breakpoint */
+ .d-md-table-cell { display: table-cell !important; }
+ /* Set the display to block at the md breakpoint */
+ .d-md-block { display: block !important; }
+ /* Set the display to inline at the md breakpoint */
+ .d-md-inline { display: inline !important; }
+ /* Set the display to inline block at the md breakpoint */
+ .d-md-inline-block { display: inline-block !important; }
+ /* Set the display to flex at the md breakpoint */
+ .d-md-flex { display: flex !important; }
+ /* Set the display to flex at the md breakpoint */
+ .d-md-inline-flex { display: inline-flex !important; }
+ /* Set the display to none at the md breakpoint */
+ .d-md-none { display: none !important; } }
+@media (min-width: 1012px) { /* Set the display to table at the lg breakpoint */
+ .d-lg-table { display: table !important; }
+ /* Set the display to table cell at the lg breakpoint */
+ .d-lg-table-cell { display: table-cell !important; }
+ /* Set the display to block at the lg breakpoint */
+ .d-lg-block { display: block !important; }
+ /* Set the display to inline at the lg breakpoint */
+ .d-lg-inline { display: inline !important; }
+ /* Set the display to inline block at the lg breakpoint */
+ .d-lg-inline-block { display: inline-block !important; }
+ /* Set the display to flex at the lg breakpoint */
+ .d-lg-flex { display: flex !important; }
+ /* Set the display to flex at the lg breakpoint */
+ .d-lg-inline-flex { display: inline-flex !important; }
+ /* Set the display to none at the lg breakpoint */
+ .d-lg-none { display: none !important; } }
+@media (min-width: 1280px) { /* Set the display to table at the xl breakpoint */
+ .d-xl-table { display: table !important; }
+ /* Set the display to table cell at the xl breakpoint */
+ .d-xl-table-cell { display: table-cell !important; }
+ /* Set the display to block at the xl breakpoint */
+ .d-xl-block { display: block !important; }
+ /* Set the display to inline at the xl breakpoint */
+ .d-xl-inline { display: inline !important; }
+ /* Set the display to inline block at the xl breakpoint */
+ .d-xl-inline-block { display: inline-block !important; }
+ /* Set the display to flex at the xl breakpoint */
+ .d-xl-flex { display: flex !important; }
+ /* Set the display to flex at the xl breakpoint */
+ .d-xl-inline-flex { display: inline-flex !important; }
+ /* Set the display to none at the xl breakpoint */
+ .d-xl-none { display: none !important; } }
+@media (max-width: 544px) { .hide-sm { display: none !important; } }
+@media (min-width: 544px) and (max-width: 768px) { .hide-md { display: none !important; } }
+@media (min-width: 768px) and (max-width: 1012px) { .hide-lg { display: none !important; } }
+@media (min-width: 1012px) { .hide-xl { display: none !important; } }
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; }
+
+.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
+.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; }
+
+.container { width: 980px; margin-right: auto; margin-left: auto; }
+.container::before { display: table; content: ""; }
+.container::after { display: table; clear: both; content: ""; }
+
+.container-md { max-width: 768px; margin-right: auto; margin-left: auto; }
+
+.container-lg { max-width: 1012px; margin-right: auto; margin-left: auto; }
+
+.container-xl { max-width: 1280px; margin-right: auto; margin-left: auto; }
+
+.columns { margin-right: -10px; margin-left: -10px; }
+.columns::before { display: table; content: ""; }
+.columns::after { display: table; clear: both; content: ""; }
+
+.column { float: left; padding-right: 10px; padding-left: 10px; }
+
+.one-third { width: 33.333333%; }
+
+.two-thirds { width: 66.666667%; }
+
+.one-fourth { width: 25%; }
+
+.one-half { width: 50%; }
+
+.three-fourths { width: 75%; }
+
+.one-fifth { width: 20%; }
+
+.four-fifths { width: 80%; }
+
+.centered { display: block; float: none; margin-right: auto; margin-left: auto; }
+
+.col-1 { width: 8.3333333333%; }
+
+.col-2 { width: 16.6666666667%; }
+
+.col-3 { width: 25%; }
+
+.col-4 { width: 33.3333333333%; }
+
+.col-5 { width: 41.6666666667%; }
+
+.col-6 { width: 50%; }
+
+.col-7 { width: 58.3333333333%; }
+
+.col-8 { width: 66.6666666667%; }
+
+.col-9 { width: 75%; }
+
+.col-10 { width: 83.3333333333%; }
+
+.col-11 { width: 91.6666666667%; }
+
+.col-12 { width: 100%; }
+
+@media (min-width: 544px) { .col-sm-1 { width: 8.3333333333%; }
+ .col-sm-2 { width: 16.6666666667%; }
+ .col-sm-3 { width: 25%; }
+ .col-sm-4 { width: 33.3333333333%; }
+ .col-sm-5 { width: 41.6666666667%; }
+ .col-sm-6 { width: 50%; }
+ .col-sm-7 { width: 58.3333333333%; }
+ .col-sm-8 { width: 66.6666666667%; }
+ .col-sm-9 { width: 75%; }
+ .col-sm-10 { width: 83.3333333333%; }
+ .col-sm-11 { width: 91.6666666667%; }
+ .col-sm-12 { width: 100%; } }
+@media (min-width: 768px) { .col-md-1 { width: 8.3333333333%; }
+ .col-md-2 { width: 16.6666666667%; }
+ .col-md-3 { width: 25%; }
+ .col-md-4 { width: 33.3333333333%; }
+ .col-md-5 { width: 41.6666666667%; }
+ .col-md-6 { width: 50%; }
+ .col-md-7 { width: 58.3333333333%; }
+ .col-md-8 { width: 66.6666666667%; }
+ .col-md-9 { width: 75%; }
+ .col-md-10 { width: 83.3333333333%; }
+ .col-md-11 { width: 91.6666666667%; }
+ .col-md-12 { width: 100%; } }
+@media (min-width: 1012px) { .col-lg-1 { width: 8.3333333333%; }
+ .col-lg-2 { width: 16.6666666667%; }
+ .col-lg-3 { width: 25%; }
+ .col-lg-4 { width: 33.3333333333%; }
+ .col-lg-5 { width: 41.6666666667%; }
+ .col-lg-6 { width: 50%; }
+ .col-lg-7 { width: 58.3333333333%; }
+ .col-lg-8 { width: 66.6666666667%; }
+ .col-lg-9 { width: 75%; }
+ .col-lg-10 { width: 83.3333333333%; }
+ .col-lg-11 { width: 91.6666666667%; }
+ .col-lg-12 { width: 100%; } }
+@media (min-width: 1280px) { .col-xl-1 { width: 8.3333333333%; }
+ .col-xl-2 { width: 16.6666666667%; }
+ .col-xl-3 { width: 25%; }
+ .col-xl-4 { width: 33.3333333333%; }
+ .col-xl-5 { width: 41.6666666667%; }
+ .col-xl-6 { width: 50%; }
+ .col-xl-7 { width: 58.3333333333%; }
+ .col-xl-8 { width: 66.6666666667%; }
+ .col-xl-9 { width: 75%; }
+ .col-xl-10 { width: 83.3333333333%; }
+ .col-xl-11 { width: 91.6666666667%; }
+ .col-xl-12 { width: 100%; } }
+.gutter { margin-right: -16px; margin-left: -16px; }
+.gutter > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+
+.gutter-condensed { margin-right: -8px; margin-left: -8px; }
+.gutter-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+
+.gutter-spacious { margin-right: -24px; margin-left: -24px; }
+.gutter-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; }
+
+@media (min-width: 544px) { .gutter-sm { margin-right: -16px; margin-left: -16px; }
+ .gutter-sm > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+ .gutter-sm-condensed { margin-right: -8px; margin-left: -8px; }
+ .gutter-sm-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+ .gutter-sm-spacious { margin-right: -24px; margin-left: -24px; }
+ .gutter-sm-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
+@media (min-width: 768px) { .gutter-md { margin-right: -16px; margin-left: -16px; }
+ .gutter-md > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+ .gutter-md-condensed { margin-right: -8px; margin-left: -8px; }
+ .gutter-md-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+ .gutter-md-spacious { margin-right: -24px; margin-left: -24px; }
+ .gutter-md-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
+@media (min-width: 1012px) { .gutter-lg { margin-right: -16px; margin-left: -16px; }
+ .gutter-lg > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+ .gutter-lg-condensed { margin-right: -8px; margin-left: -8px; }
+ .gutter-lg-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+ .gutter-lg-spacious { margin-right: -24px; margin-left: -24px; }
+ .gutter-lg-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
+@media (min-width: 1280px) { .gutter-xl { margin-right: -16px; margin-left: -16px; }
+ .gutter-xl > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; }
+ .gutter-xl-condensed { margin-right: -8px; margin-left: -8px; }
+ .gutter-xl-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; }
+ .gutter-xl-spacious { margin-right: -24px; margin-left: -24px; }
+ .gutter-xl-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } }
+.offset-1 { margin-left: 8.3333333333%; }
+
+.offset-2 { margin-left: 16.6666666667%; }
+
+.offset-3 { margin-left: 25%; }
+
+.offset-4 { margin-left: 33.3333333333%; }
+
+.offset-5 { margin-left: 41.6666666667%; }
+
+.offset-6 { margin-left: 50%; }
+
+.offset-7 { margin-left: 58.3333333333%; }
+
+.offset-8 { margin-left: 66.6666666667%; }
+
+.offset-9 { margin-left: 75%; }
+
+.offset-10 { margin-left: 83.3333333333%; }
+
+.offset-11 { margin-left: 91.6666666667%; }
+
+@media (min-width: 544px) { .offset-sm-1 { margin-left: 8.3333333333%; }
+ .offset-sm-2 { margin-left: 16.6666666667%; }
+ .offset-sm-3 { margin-left: 25%; }
+ .offset-sm-4 { margin-left: 33.3333333333%; }
+ .offset-sm-5 { margin-left: 41.6666666667%; }
+ .offset-sm-6 { margin-left: 50%; }
+ .offset-sm-7 { margin-left: 58.3333333333%; }
+ .offset-sm-8 { margin-left: 66.6666666667%; }
+ .offset-sm-9 { margin-left: 75%; }
+ .offset-sm-10 { margin-left: 83.3333333333%; }
+ .offset-sm-11 { margin-left: 91.6666666667%; } }
+@media (min-width: 768px) { .offset-md-1 { margin-left: 8.3333333333%; }
+ .offset-md-2 { margin-left: 16.6666666667%; }
+ .offset-md-3 { margin-left: 25%; }
+ .offset-md-4 { margin-left: 33.3333333333%; }
+ .offset-md-5 { margin-left: 41.6666666667%; }
+ .offset-md-6 { margin-left: 50%; }
+ .offset-md-7 { margin-left: 58.3333333333%; }
+ .offset-md-8 { margin-left: 66.6666666667%; }
+ .offset-md-9 { margin-left: 75%; }
+ .offset-md-10 { margin-left: 83.3333333333%; }
+ .offset-md-11 { margin-left: 91.6666666667%; } }
+@media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.3333333333%; }
+ .offset-lg-2 { margin-left: 16.6666666667%; }
+ .offset-lg-3 { margin-left: 25%; }
+ .offset-lg-4 { margin-left: 33.3333333333%; }
+ .offset-lg-5 { margin-left: 41.6666666667%; }
+ .offset-lg-6 { margin-left: 50%; }
+ .offset-lg-7 { margin-left: 58.3333333333%; }
+ .offset-lg-8 { margin-left: 66.6666666667%; }
+ .offset-lg-9 { margin-left: 75%; }
+ .offset-lg-10 { margin-left: 83.3333333333%; }
+ .offset-lg-11 { margin-left: 91.6666666667%; } }
+@media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.3333333333%; }
+ .offset-xl-2 { margin-left: 16.6666666667%; }
+ .offset-xl-3 { margin-left: 25%; }
+ .offset-xl-4 { margin-left: 33.3333333333%; }
+ .offset-xl-5 { margin-left: 41.6666666667%; }
+ .offset-xl-6 { margin-left: 50%; }
+ .offset-xl-7 { margin-left: 58.3333333333%; }
+ .offset-xl-8 { margin-left: 66.6666666667%; }
+ .offset-xl-9 { margin-left: 75%; }
+ .offset-xl-10 { margin-left: 83.3333333333%; }
+ .offset-xl-11 { margin-left: 91.6666666667%; } }
+.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; }
+.markdown-body::before { display: table; content: ""; }
+.markdown-body::after { display: table; clear: both; content: ""; }
+.markdown-body > *:first-child { margin-top: 0 !important; }
+.markdown-body > *:last-child { margin-bottom: 0 !important; }
+.markdown-body a:not([href]) { color: inherit; text-decoration: none; }
+.markdown-body .absent { color: #cb2431; }
+.markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; }
+.markdown-body .anchor:focus { outline: none; }
+.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { margin-top: 0; margin-bottom: 16px; }
+.markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }
+.markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: 0.25em solid #dfe2e5; }
+.markdown-body blockquote > :first-child { margin-top: 0; }
+.markdown-body blockquote > :last-child { margin-bottom: 0; }
+.markdown-body kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; }
+
+.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; }
+.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; }
+.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; }
+.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; }
+.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { font-size: inherit; }
+.markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eaecef; }
+.markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eaecef; }
+.markdown-body h3 { font-size: 1.25em; }
+.markdown-body h4 { font-size: 1em; }
+.markdown-body h5 { font-size: 0.875em; }
+.markdown-body h6 { font-size: 0.85em; color: #6a737d; }
+
+.markdown-body ul, .markdown-body ol { padding-left: 2em; }
+.markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; }
+.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; }
+.markdown-body li { word-wrap: break-all; }
+.markdown-body li > p { margin-top: 16px; }
+.markdown-body li + li { margin-top: 0.25em; }
+.markdown-body dl { padding: 0; }
+.markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; }
+.markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; }
+
+.markdown-body table { display: block; width: 100%; overflow: auto; }
+.markdown-body table th { font-weight: 600; }
+.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }
+.markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; }
+.markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; }
+.markdown-body table img { background-color: transparent; }
+
+.markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }
+.markdown-body img[align=right] { padding-left: 20px; }
+.markdown-body img[align=left] { padding-right: 20px; }
+.markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent; }
+.markdown-body span.frame { display: block; overflow: hidden; }
+.markdown-body span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #dfe2e5; }
+.markdown-body span.frame span img { display: block; float: left; }
+.markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #24292e; }
+.markdown-body span.align-center { display: block; overflow: hidden; clear: both; }
+.markdown-body span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; }
+.markdown-body span.align-center span img { margin: 0 auto; text-align: center; }
+.markdown-body span.align-right { display: block; overflow: hidden; clear: both; }
+.markdown-body span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; }
+.markdown-body span.align-right span img { margin: 0; text-align: right; }
+.markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; }
+.markdown-body span.float-left span { margin: 13px 0 0; }
+.markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; }
+.markdown-body span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; }
+
+.markdown-body code, .markdown-body tt { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; }
+.markdown-body code br, .markdown-body tt br { display: none; }
+.markdown-body del code { text-decoration: inherit; }
+.markdown-body pre { word-wrap: normal; }
+.markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; }
+.markdown-body .highlight { margin-bottom: 16px; }
+.markdown-body .highlight pre { margin-bottom: 0; word-break: normal; }
+.markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; }
+.markdown-body pre code, .markdown-body pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; }
+
+.markdown-body .csv-data td, .markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; }
+.markdown-body .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; }
+.markdown-body .csv-data tr { border-top: 0; }
+.markdown-body .csv-data th { font-weight: 600; background: #f6f8fa; border-top: 0; }
+
+.highlight table td { padding: 5px; }
+
+.highlight table pre { margin: 0; }
+
+.highlight .cm { color: #999988; font-style: italic; }
+
+.highlight .cp { color: #999999; font-weight: bold; }
+
+.highlight .c1 { color: #999988; font-style: italic; }
+
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
+
+.highlight .c, .highlight .cd { color: #999988; font-style: italic; }
+
+.highlight .err { color: #a61717; background-color: #e3d2d2; }
+
+.highlight .gd { color: #000000; background-color: #ffdddd; }
+
+.highlight .ge { color: #000000; font-style: italic; }
+
+.highlight .gr { color: #aa0000; }
+
+.highlight .gh { color: #999999; }
+
+.highlight .gi { color: #000000; background-color: #ddffdd; }
+
+.highlight .go { color: #888888; }
+
+.highlight .gp { color: #555555; }
+
+.highlight .gs { font-weight: bold; }
+
+.highlight .gu { color: #aaaaaa; }
+
+.highlight .gt { color: #aa0000; }
+
+.highlight .kc { color: #000000; font-weight: bold; }
+
+.highlight .kd { color: #000000; font-weight: bold; }
+
+.highlight .kn { color: #000000; font-weight: bold; }
+
+.highlight .kp { color: #000000; font-weight: bold; }
+
+.highlight .kr { color: #000000; font-weight: bold; }
+
+.highlight .kt { color: #445588; font-weight: bold; }
+
+.highlight .k, .highlight .kv { color: #000000; font-weight: bold; }
+
+.highlight .mf { color: #009999; }
+
+.highlight .mh { color: #009999; }
+
+.highlight .il { color: #009999; }
+
+.highlight .mi { color: #009999; }
+
+.highlight .mo { color: #009999; }
+
+.highlight .m, .highlight .mb, .highlight .mx { color: #009999; }
+
+.highlight .sb { color: #d14; }
+
+.highlight .sc { color: #d14; }
+
+.highlight .sd { color: #d14; }
+
+.highlight .s2 { color: #d14; }
+
+.highlight .se { color: #d14; }
+
+.highlight .sh { color: #d14; }
+
+.highlight .si { color: #d14; }
+
+.highlight .sx { color: #d14; }
+
+.highlight .sr { color: #009926; }
+
+.highlight .s1 { color: #d14; }
+
+.highlight .ss { color: #990073; }
+
+.highlight .s { color: #d14; }
+
+.highlight .na { color: #008080; }
+
+.highlight .bp { color: #999999; }
+
+.highlight .nb { color: #0086B3; }
+
+.highlight .nc { color: #445588; font-weight: bold; }
+
+.highlight .no { color: #008080; }
+
+.highlight .nd { color: #3c5d5d; font-weight: bold; }
+
+.highlight .ni { color: #800080; }
+
+.highlight .ne { color: #990000; font-weight: bold; }
+
+.highlight .nf { color: #990000; font-weight: bold; }
+
+.highlight .nl { color: #990000; font-weight: bold; }
+
+.highlight .nn { color: #555555; }
+
+.highlight .nt { color: #000080; }
+
+.highlight .vc { color: #008080; }
+
+.highlight .vg { color: #008080; }
+
+.highlight .vi { color: #008080; }
+
+.highlight .nv { color: #008080; }
+
+.highlight .ow { color: #000000; font-weight: bold; }
+
+.highlight .o { color: #000000; font-weight: bold; }
+
+.highlight .w { color: #bbbbbb; }
+
+.highlight { background-color: #f8f8f8; }
diff --git a/assets/img/prof_pic.jpg b/assets/img/prof_pic.jpg
index 46bcf9c91ade..3f853f5b73a8 100644
Binary files a/assets/img/prof_pic.jpg and b/assets/img/prof_pic.jpg differ
diff --git a/assets/pdf/cv_cybulski.pdf b/assets/pdf/cv_cybulski.pdf
new file mode 100644
index 000000000000..f9f9fcdd5e7a
Binary files /dev/null and b/assets/pdf/cv_cybulski.pdf differ
diff --git a/blog/hide_index/index.html b/blog/hide_index/index.html
new file mode 100644
index 000000000000..06906e665d37
--- /dev/null
+++ b/blog/hide_index/index.html
@@ -0,0 +1,156 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/blog/index.html b/blog/index.html
deleted file mode 100644
index 4b935ac23296..000000000000
--- a/blog/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
----
-layout: default
----
-
-
-
-
-
- {% for post in paginator.posts %}
-
-
- {{ post.date | date: '%B %-d, %Y — %H:%M' }}
- {{ post.description }}
-
- {% endfor %}
-
-
-{% include pagination.html %}
diff --git a/index.html b/index.html
new file mode 100644
index 000000000000..abf8bb2b427a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,177 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+I am a physician-scientist interested in computational and informatics approaches to medicine, in particular investigating the temporal dynamics of complex, multidimensional systems. Formerly of Sharp Lab at MIT, and Kording Lab and Tyo Lab at Northwestern University.
+
+I am currently a Pulmonary and Critical Care Medicine fellow, and a member of Northwestern's Physician Scientist Training Program .
+
+
+ MD - Northwestern University, 2019
+ PhD (Neuroscience) - Northwestern University, 2017
+ SB (Biological Engineering) - MIT, 2010
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/news/announcement_3/index.html b/news/announcement_3/index.html
new file mode 100644
index 000000000000..dd82d86c88ab
--- /dev/null
+++ b/news/announcement_3/index.html
@@ -0,0 +1,145 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski | Announcement_3
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ A simple inline announcement with Markdown emoji!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/projects/1_project/index.html b/projects/1_project/index.html
new file mode 100644
index 000000000000..61302cb78174
--- /dev/null
+++ b/projects/1_project/index.html
@@ -0,0 +1,191 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski | Project 1
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Every project has a beautiful feature shocase page. It’s easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
+
+To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+---
+layout: page
+title: Project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, bled for your project, and then…. you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
+
+The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here’s the code for the last row of images above:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/projects/2_project/index.html b/projects/2_project/index.html
new file mode 100644
index 000000000000..d5cdbe883db1
--- /dev/null
+++ b/projects/2_project/index.html
@@ -0,0 +1,191 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski | Project 2
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Every project has a beautiful feature shocase page. It’s easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
+
+To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+---
+layout: page
+title: Project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, bled for your project, and then…. you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
+
+The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here’s the code for the last row of images above:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/projects/3_project/index.html b/projects/3_project/index.html
new file mode 100644
index 000000000000..295e7ced8f2f
--- /dev/null
+++ b/projects/3_project/index.html
@@ -0,0 +1,191 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski | Project 3
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Every project has a beautiful feature shocase page. It’s easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
+
+To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+---
+layout: page
+title: Project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, bled for your project, and then…. you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
+
+The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here’s the code for the last row of images above:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/projects/4_project/index.html b/projects/4_project/index.html
new file mode 100644
index 000000000000..8f6afa1aa572
--- /dev/null
+++ b/projects/4_project/index.html
@@ -0,0 +1,191 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski | Project 4
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Every project has a beautiful feature shocase page. It’s easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
+
+To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+---
+layout: page
+title: Project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, bled for your project, and then…. you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
+
+The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here’s the code for the last row of images above:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/projects/5_project/index.html b/projects/5_project/index.html
new file mode 100644
index 000000000000..3deddcdba33d
--- /dev/null
+++ b/projects/5_project/index.html
@@ -0,0 +1,191 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski | Project 5
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Every project has a beautiful feature shocase page. It’s easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
+
+To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+---
+layout: page
+title: Project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, bled for your project, and then…. you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
+
+The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here’s the code for the last row of images above:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/projects/6_project/index.html b/projects/6_project/index.html
new file mode 100644
index 000000000000..62e202cb1135
--- /dev/null
+++ b/projects/6_project/index.html
@@ -0,0 +1,191 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski | Project 6
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Every project has a beautiful feature shocase page. It’s easy to include images, in a flexible 3-column grid format. Make your photos 1/3, 2/3, or full width.
+
+To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+---
+layout: page
+title: Project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+You can also put regular text between your rows of images. Say you wanted to write a little bit about your project before you posted the rest of the images. You describe how you toiled, sweated, bled for your project, and then…. you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
+
+The code is simple. Just add a col class to your image, and another class specifying the width: one, two, or three columns wide. Here’s the code for the last row of images above:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/publications/index.html b/publications/index.html
new file mode 100644
index 000000000000..ea0b09cecaa2
--- /dev/null
+++ b/publications/index.html
@@ -0,0 +1,835 @@
+
+
+
+
+
+
+
+
+ Ted Cybulski | publications
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+2013
+
+
+
+
+ Physical principles for scalable neural recording
+
+
+
+
+
+ Maguire, Yael G,
+
+
+
+
+
+
+
+ Shapiro, Mikhail G,
+
+
+
+
+
+
+ Cybulski, Thaddeus R ,
+
+
+
+
+
+
+ Glaser, Joshua I,
+
+
+
+
+
+
+
+ Amodei, Dario,
+
+
+
+
+
+
+
+ Stranges, P Benjamin,
+
+
+
+
+
+
+
+ Kalhor, Reza,
+
+
+
+
+
+
+
+ Dalrymple, David A,
+
+
+
+
+
+
+
+ Seo, Dongjin,
+
+
+
+
+
+
+
+ Alon, Elad,
+
+
+
+
+
+ and
+
+
+ others,
+
+
+
+
+
+
+
+
+ Frontiers in computational neuroscience
+
+
+ 2013
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+2014
+
+
+
+
+ Decide now or decide later?: Quantifying the tradeoff between prospective and retrospective access decisions
+
+
+
+
+
+ Zhang, Wen,
+
+
+
+
+
+
+
+ Chen, You,
+
+
+
+
+
+
+ Cybulski, Thaddeus ,
+
+
+
+
+
+
+ Fabbri, Daniel,
+
+
+
+
+
+
+
+ Gunter, Carl,
+
+
+
+
+
+
+
+ Lawlor, Patrick,
+
+
+
+
+
+
+
+ Liebovitz, David,
+
+
+
+
+
+ and
+
+
+ Malin, Bradley
+
+
+
+
+
+
+
+
+ In Proceedings of the 2014 ACM SIGSAC Conference on Computer and Communications Security
+
+
+ 2014
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+2015
+
+
+
+
+ Spatial information in large-scale neural recordings
+
+
+
+
+ Cybulski, Thaddeus R ,
+
+
+
+
+
+
+ Glaser, Joshua I,
+
+
+
+
+
+
+
+ Marblestone, Adam H,
+
+
+
+
+
+
+
+ Zamft, Bradley M,
+
+
+
+
+
+
+
+ Boyden, Edward S,
+
+
+
+
+
+
+
+ Church, George M,
+
+
+
+
+
+ and
+
+
+ Kording, Konrad P
+
+
+
+
+
+
+
+
+ Frontiers in computational neuroscience
+
+
+ 2015
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+2017
+
+
+
+
+ Nucleotide-time alignment for molecular recorders
+
+
+
+
+ Cybulski, Thaddeus R ,
+
+
+
+
+
+
+ Boyden, Edward S,
+
+
+
+
+
+
+
+ Church, George M,
+
+
+
+
+
+
+
+ Tyo, Keith EJ,
+
+
+
+
+
+ and
+
+
+ Kording, Konrad P
+
+
+
+
+
+
+
+
+ PLoS computational biology
+
+
+ 2017
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Toward the Statistical and Biological Realization of DNA Polymerase as a Molecular Recorder
+
+
+
+ and
+
+ Cybulski, Thaddeus R
+
+
+
+
+
+
+
+
+ 2017
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Scalable passive sleep monitoring using mobile phones: opportunities and obstacles
+
+
+
+
+
+ Saeb, Sohrab,
+
+
+
+
+
+
+ Cybulski, Thaddeus R ,
+
+
+
+
+
+
+ Schueller, Stephen M,
+
+
+
+
+
+
+
+ Kording, Konrad P,
+
+
+
+
+
+ and
+
+
+ Mohr, David C
+
+
+
+
+
+
+
+
+ Journal of medical Internet research
+
+
+ 2017
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+2018
+
+
+
+
+ High-resolution mapping of DNA polymerase fidelity using nucleotide imbalances and next-generation sequencing
+
+
+
+
+
+ Paz, Alexandra M,
+
+
+
+
+
+
+ Cybulski, Thaddeus R ,
+
+
+
+
+
+
+ Marblestone, Adam H,
+
+
+
+
+
+
+
+ Zamft, Bradley M,
+
+
+
+
+
+
+
+ Church, George M,
+
+
+
+
+
+
+
+ Boyden, Edward S,
+
+
+
+
+
+
+
+ Kording, Konrad P,
+
+
+
+
+
+ and
+
+
+ Tyo, Keith E J
+
+
+
+
+
+
+
+
+ Nucleic acids research
+
+
+ 2018
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Development of novel metabolite-responsive transcription factors via transposon-mediated protein fusion
+
+
+
+
+
+ Younger, Andrew KD,
+
+
+
+
+
+
+
+ Su, Peter Y,
+
+
+
+
+
+
+
+ Shepard, Andrea J,
+
+
+
+
+
+
+
+ Udani, Shreya V,
+
+
+
+
+
+
+ Cybulski, Thaddeus R ,
+
+
+
+
+
+
+ Tyo, Keith EJ,
+
+
+
+
+
+ and
+
+
+ Leonard, Joshua N
+
+
+
+
+
+
+
+
+ Protein Engineering, Design and Selection
+
+
+ 2018
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+