From 58c59f499cb3f63623e6e75464347697f7f48bc9 Mon Sep 17 00:00:00 2001 From: CZmisaCZ <50033306+CZmisaCZ@users.noreply.github.com> Date: Thu, 13 Jun 2024 18:25:58 +0200 Subject: [PATCH] new website init --- assets/css/fontawesome-all.min.css | 101 + assets/css/images/overlay.png | Bin 0 -> 20100 bytes assets/css/main.css | 3803 +++++++++++++++++++++++ assets/css/noscript.css | 18 + assets/css/stars.css | 151 + assets/js/breakpoints.min.js | 2 + assets/js/browser.min.js | 2 + assets/js/jquery.min.js | 2 + assets/js/jquery.scrollex.min.js | 2 + assets/js/jquery.scrolly.min.js | 2 + assets/js/main.js | 123 + assets/js/util.js | 587 ++++ assets/sass/base/_page.scss | 51 + assets/sass/base/_reset.scss | 76 + assets/sass/base/_typography.scss | 216 ++ assets/sass/components/_actions.scss | 101 + assets/sass/components/_box.scss | 34 + assets/sass/components/_button.scss | 109 + assets/sass/components/_features.scss | 60 + assets/sass/components/_form.scss | 221 ++ assets/sass/components/_icon.scss | 146 + assets/sass/components/_icons.scss | 22 + assets/sass/components/_image.scss | 60 + assets/sass/components/_list.scss | 94 + assets/sass/components/_row.scss | 31 + assets/sass/components/_section.scss | 104 + assets/sass/components/_spotlight.scss | 93 + assets/sass/components/_statistics.scss | 108 + assets/sass/components/_table.scss | 114 + assets/sass/layout/_footer.scss | 60 + assets/sass/layout/_header.scss | 116 + assets/sass/layout/_main.scss | 99 + assets/sass/layout/_nav.scss | 96 + assets/sass/layout/_wrapper.scss | 21 + assets/sass/libs/_breakpoints.scss | 223 ++ assets/sass/libs/_functions.scss | 90 + assets/sass/libs/_html-grid.scss | 149 + assets/sass/libs/_mixins.scss | 78 + assets/sass/libs/_vars.scss | 60 + assets/sass/libs/_vendor.scss | 376 +++ assets/sass/main.scss | 70 + assets/sass/noscript.scss | 28 + 42 files changed, 7899 insertions(+) create mode 100644 assets/css/fontawesome-all.min.css create mode 100644 assets/css/images/overlay.png create mode 100644 assets/css/main.css create mode 100644 assets/css/noscript.css create mode 100644 assets/css/stars.css create mode 100644 assets/js/breakpoints.min.js create mode 100644 assets/js/browser.min.js create mode 100644 assets/js/jquery.min.js create mode 100644 assets/js/jquery.scrollex.min.js create mode 100644 assets/js/jquery.scrolly.min.js create mode 100644 assets/js/main.js create mode 100644 assets/js/util.js create mode 100644 assets/sass/base/_page.scss create mode 100644 assets/sass/base/_reset.scss create mode 100644 assets/sass/base/_typography.scss create mode 100644 assets/sass/components/_actions.scss create mode 100644 assets/sass/components/_box.scss create mode 100644 assets/sass/components/_button.scss create mode 100644 assets/sass/components/_features.scss create mode 100644 assets/sass/components/_form.scss create mode 100644 assets/sass/components/_icon.scss create mode 100644 assets/sass/components/_icons.scss create mode 100644 assets/sass/components/_image.scss create mode 100644 assets/sass/components/_list.scss create mode 100644 assets/sass/components/_row.scss create mode 100644 assets/sass/components/_section.scss create mode 100644 assets/sass/components/_spotlight.scss create mode 100644 assets/sass/components/_statistics.scss create mode 100644 assets/sass/components/_table.scss create mode 100644 assets/sass/layout/_footer.scss create mode 100644 assets/sass/layout/_header.scss create mode 100644 assets/sass/layout/_main.scss create mode 100644 assets/sass/layout/_nav.scss create mode 100644 assets/sass/layout/_wrapper.scss create mode 100644 assets/sass/libs/_breakpoints.scss create mode 100644 assets/sass/libs/_functions.scss create mode 100644 assets/sass/libs/_html-grid.scss create mode 100644 assets/sass/libs/_mixins.scss create mode 100644 assets/sass/libs/_vars.scss create mode 100644 assets/sass/libs/_vendor.scss create mode 100644 assets/sass/main.scss create mode 100644 assets/sass/noscript.scss diff --git a/assets/css/fontawesome-all.min.css b/assets/css/fontawesome-all.min.css new file mode 100644 index 0000000..03c42e3 --- /dev/null +++ b/assets/css/fontawesome-all.min.css @@ -0,0 +1,101 @@ +/*! + * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} \ No newline at end of file diff --git a/assets/css/images/overlay.png b/assets/css/images/overlay.png new file mode 100644 index 0000000000000000000000000000000000000000..a5619432c61cf8b68bd79f2fe75ce988dc54692d GIT binary patch literal 20100 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 N002ovPDHLkV1fZZ-2DIm literal 0 HcmV?d00001 diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..c732e04 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,3803 @@ +@import url(fontawesome-all.min.css); + +/* @import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400'; */ +@import 'assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2'; /*THIS NEEDS TO WORK*/ +@import 'assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2'; + +/* + Stellar by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +html, body, div, span, applet, object, +iframe, h1, h2, h3, h4, h5, h6, p, blockquote, +pre, a, abbr, acronym, address, big, cite, +code, del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, b, +u, i, center, dl, dt, dd, ol, ul, li, fieldset, +form, label, legend, table, caption, tbody, +tfoot, thead, tr, th, td, article, aside, +canvas, details, embed, figure, figcaption, +footer, header, hgroup, menu, nav, output, ruby, +section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline;} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block;} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + + blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; + } + +table { + border-collapse: collapse; + border-spacing: 0; +} + +body { + -webkit-text-size-adjust: none; +} + +mark { + background-color: transparent; + color: inherit; +} + +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input, select, textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; +} + +/* Basic */ + + @-ms-viewport { + width: device-width; + } + + body { + -ms-overflow-style: scrollbar; + } + + @media screen and (max-width: 480px) { + + html, body { + min-width: 320px; + } + + } + + html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + + /* body { + background-color: #935d8c; + background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, #e37682 15%, #5f4d93 85%); + background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, #e37682 15%, #5f4d93 85%); + background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, #e37682 15%, #5f4d93 85%); + background-image: url("images/overlay.png"), linear-gradient(45deg, #e37682 15%, #5f4d93 85%); + } */ + + body.is-preload *, body.is-preload *:before, body.is-preload *:after { + -moz-animation: none !important; + -webkit-animation: none !important; + -ms-animation: none !important; + animation: none !important; + -moz-transition: none !important; + -webkit-transition: none !important; + -ms-transition: none !important; + transition: none !important; + } + +/* Type */ + + /* body { + background-color: #935d8c; + color: rgba(255, 255, 255, 0.65); + } */ + + body, input, select, textarea { + font-family: "Source Sans Pro", Helvetica, sans-serif; + font-size: 17pt; + font-weight: 300; + line-height: 1.65; + } + + @media screen and (max-width: 1680px) { + + body, input, select, textarea { + font-size: 14pt; + } + + } + + @media screen and (max-width: 1280px) { + + body, input, select, textarea { + font-size: 12pt; + } + + } + + @media screen and (max-width: 360px) { + + body, input, select, textarea { + font-size: 11pt; + } + + } + + a { + -moz-transition: color 0.2s ease, border-bottom 0.2s ease; + -webkit-transition: color 0.2s ease, border-bottom 0.2s ease; + -ms-transition: color 0.2s ease, border-bottom 0.2s ease; + transition: color 0.2s ease, border-bottom 0.2s ease; + text-decoration: none; + border-bottom: dotted 1px; + color: inherit; + } + + a:hover { + border-bottom-color: transparent; + } + + strong, b { + font-weight: 400; + } + + em, i { + font-style: italic; + } + + p { + margin: 0 0 2em 0; + } + + p.content { + -moz-columns: 20em 2; + -webkit-columns: 20em 2; + -ms-columns: 20em 2; + columns: 20em 2; + -moz-column-gap: 2em; + -webkit-column-gap: 2em; + -ms-column-gap: 2em; + column-gap: 2em; + text-align: justify; + } + + h1, h2, h3, h4, h5, h6 { + font-weight: 300; + line-height: 1.5; + margin: 0 0 0.7em 0; + letter-spacing: -0.025em; + } + + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + color: inherit; + text-decoration: none; + } + + h1 { + font-size: 2.5em; + line-height: 1.2; + } + + h2 { + font-size: 1.5em; + } + + h3 { + font-size: 1.25em; + } + + h4 { + font-size: 1.1em; + } + + h5 { + font-size: 0.9em; + } + + h6 { + font-size: 0.7em; + } + + @media screen and (max-width: 736px) { + + h1 { + font-size: 2em; + } + + } + + sub { + font-size: 0.8em; + position: relative; + top: 0.5em; + } + + sup { + font-size: 0.8em; + position: relative; + top: -0.5em; + } + + blockquote { + border-left: solid 4px; + font-style: italic; + margin: 0 0 2em 0; + padding: 0.5em 0 0.5em 2em; + } + + code { + border-radius: 8px; + border: solid 1px; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0.25em; + padding: 0.25em 0.65em; + } + + pre { + -webkit-overflow-scrolling: touch; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0 2em 0; + } + + pre code { + display: block; + line-height: 1.75; + padding: 1em 1.5em; + overflow-x: auto; + } + + hr { + border: 0; + border-bottom: solid 1px; + margin: 2em 0; + } + + hr.major { + margin: 3em 0; + } + + .align-left { + text-align: left; + } + + .align-center { + text-align: center; + } + + .align-right { + text-align: right; + } + + input, select, textarea { + color: #ffffff; + } + + a:hover { + color: #ffffff; + } + + strong, b { + color: #ffffff; + } + + h1, h2, h3, h4, h5, h6 { + color: #ffffff; + } + + blockquote { + border-left-color: rgba(255, 255, 255, 0.35); + } + + code { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.35); + } + + hr { + border-bottom-color: rgba(255, 255, 255, 0.35); + } + +/* Row */ + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp { + order: -1; + } + + .row > .col-1 { + width: 8.33333%; + } + + .row > .off-1 { + margin-left: 8.33333%; + } + + .row > .col-2 { + width: 16.66667%; + } + + .row > .off-2 { + margin-left: 16.66667%; + } + + .row > .col-3 { + width: 25%; + } + + .row > .off-3 { + margin-left: 25%; + } + + .row > .col-4 { + width: 33.33333%; + } + + .row > .off-4 { + margin-left: 33.33333%; + } + + .row > .col-5 { + width: 41.66667%; + } + + .row > .off-5 { + margin-left: 41.66667%; + } + + .row > .col-6 { + width: 50%; + } + + .row > .off-6 { + margin-left: 50%; + } + + .row > .col-7 { + width: 58.33333%; + } + + .row > .off-7 { + margin-left: 58.33333%; + } + + .row > .col-8 { + width: 66.66667%; + } + + .row > .off-8 { + margin-left: 66.66667%; + } + + .row > .col-9 { + width: 75%; + } + + .row > .off-9 { + margin-left: 75%; + } + + .row > .col-10 { + width: 83.33333%; + } + + .row > .off-10 { + margin-left: 83.33333%; + } + + .row > .col-11 { + width: 91.66667%; + } + + .row > .off-11 { + margin-left: 91.66667%; + } + + .row > .col-12 { + width: 100%; + } + + .row > .off-12 { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } + + @media screen and (max-width: 1680px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xlarge { + order: -1; + } + + .row > .col-1-xlarge { + width: 8.33333%; + } + + .row > .off-1-xlarge { + margin-left: 8.33333%; + } + + .row > .col-2-xlarge { + width: 16.66667%; + } + + .row > .off-2-xlarge { + margin-left: 16.66667%; + } + + .row > .col-3-xlarge { + width: 25%; + } + + .row > .off-3-xlarge { + margin-left: 25%; + } + + .row > .col-4-xlarge { + width: 33.33333%; + } + + .row > .off-4-xlarge { + margin-left: 33.33333%; + } + + .row > .col-5-xlarge { + width: 41.66667%; + } + + .row > .off-5-xlarge { + margin-left: 41.66667%; + } + + .row > .col-6-xlarge { + width: 50%; + } + + .row > .off-6-xlarge { + margin-left: 50%; + } + + .row > .col-7-xlarge { + width: 58.33333%; + } + + .row > .off-7-xlarge { + margin-left: 58.33333%; + } + + .row > .col-8-xlarge { + width: 66.66667%; + } + + .row > .off-8-xlarge { + margin-left: 66.66667%; + } + + .row > .col-9-xlarge { + width: 75%; + } + + .row > .off-9-xlarge { + margin-left: 75%; + } + + .row > .col-10-xlarge { + width: 83.33333%; + } + + .row > .off-10-xlarge { + margin-left: 83.33333%; + } + + .row > .col-11-xlarge { + width: 91.66667%; + } + + .row > .off-11-xlarge { + margin-left: 91.66667%; + } + + .row > .col-12-xlarge { + width: 100%; + } + + .row > .off-12-xlarge { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } + + } + + @media screen and (max-width: 1280px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-large { + order: -1; + } + + .row > .col-1-large { + width: 8.33333%; + } + + .row > .off-1-large { + margin-left: 8.33333%; + } + + .row > .col-2-large { + width: 16.66667%; + } + + .row > .off-2-large { + margin-left: 16.66667%; + } + + .row > .col-3-large { + width: 25%; + } + + .row > .off-3-large { + margin-left: 25%; + } + + .row > .col-4-large { + width: 33.33333%; + } + + .row > .off-4-large { + margin-left: 33.33333%; + } + + .row > .col-5-large { + width: 41.66667%; + } + + .row > .off-5-large { + margin-left: 41.66667%; + } + + .row > .col-6-large { + width: 50%; + } + + .row > .off-6-large { + margin-left: 50%; + } + + .row > .col-7-large { + width: 58.33333%; + } + + .row > .off-7-large { + margin-left: 58.33333%; + } + + .row > .col-8-large { + width: 66.66667%; + } + + .row > .off-8-large { + margin-left: 66.66667%; + } + + .row > .col-9-large { + width: 75%; + } + + .row > .off-9-large { + margin-left: 75%; + } + + .row > .col-10-large { + width: 83.33333%; + } + + .row > .off-10-large { + margin-left: 83.33333%; + } + + .row > .col-11-large { + width: 91.66667%; + } + + .row > .off-11-large { + margin-left: 91.66667%; + } + + .row > .col-12-large { + width: 100%; + } + + .row > .off-12-large { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } + + } + + @media screen and (max-width: 980px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-medium { + order: -1; + } + + .row > .col-1-medium { + width: 8.33333%; + } + + .row > .off-1-medium { + margin-left: 8.33333%; + } + + .row > .col-2-medium { + width: 16.66667%; + } + + .row > .off-2-medium { + margin-left: 16.66667%; + } + + .row > .col-3-medium { + width: 25%; + } + + .row > .off-3-medium { + margin-left: 25%; + } + + .row > .col-4-medium { + width: 33.33333%; + } + + .row > .off-4-medium { + margin-left: 33.33333%; + } + + .row > .col-5-medium { + width: 41.66667%; + } + + .row > .off-5-medium { + margin-left: 41.66667%; + } + + .row > .col-6-medium { + width: 50%; + } + + .row > .off-6-medium { + margin-left: 50%; + } + + .row > .col-7-medium { + width: 58.33333%; + } + + .row > .off-7-medium { + margin-left: 58.33333%; + } + + .row > .col-8-medium { + width: 66.66667%; + } + + .row > .off-8-medium { + margin-left: 66.66667%; + } + + .row > .col-9-medium { + width: 75%; + } + + .row > .off-9-medium { + margin-left: 75%; + } + + .row > .col-10-medium { + width: 83.33333%; + } + + .row > .off-10-medium { + margin-left: 83.33333%; + } + + .row > .col-11-medium { + width: 91.66667%; + } + + .row > .off-11-medium { + margin-left: 91.66667%; + } + + .row > .col-12-medium { + width: 100%; + } + + .row > .off-12-medium { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } + + } + + @media screen and (max-width: 736px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-small { + order: -1; + } + + .row > .col-1-small { + width: 8.33333%; + } + + .row > .off-1-small { + margin-left: 8.33333%; + } + + .row > .col-2-small { + width: 16.66667%; + } + + .row > .off-2-small { + margin-left: 16.66667%; + } + + .row > .col-3-small { + width: 25%; + } + + .row > .off-3-small { + margin-left: 25%; + } + + .row > .col-4-small { + width: 33.33333%; + } + + .row > .off-4-small { + margin-left: 33.33333%; + } + + .row > .col-5-small { + width: 41.66667%; + } + + .row > .off-5-small { + margin-left: 41.66667%; + } + + .row > .col-6-small { + width: 50%; + } + + .row > .off-6-small { + margin-left: 50%; + } + + .row > .col-7-small { + width: 58.33333%; + } + + .row > .off-7-small { + margin-left: 58.33333%; + } + + .row > .col-8-small { + width: 66.66667%; + } + + .row > .off-8-small { + margin-left: 66.66667%; + } + + .row > .col-9-small { + width: 75%; + } + + .row > .off-9-small { + margin-left: 75%; + } + + .row > .col-10-small { + width: 83.33333%; + } + + .row > .off-10-small { + margin-left: 83.33333%; + } + + .row > .col-11-small { + width: 91.66667%; + } + + .row > .off-11-small { + margin-left: 91.66667%; + } + + .row > .col-12-small { + width: 100%; + } + + .row > .off-12-small { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.25em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.25em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.25em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.25em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.5em; + } + + .row { + margin-top: 0; + margin-left: -1em; + } + + .row > * { + padding: 0 0 0 1em; + } + + .row.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-uniform > * { + padding-top: 1em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -1.5em; + } + + .row.gtr-150 > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -2em; + } + + .row.gtr-200 > * { + padding: 0 0 0 2em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 2em; + } + + } + + @media screen and (max-width: 480px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xsmall { + order: -1; + } + + .row > .col-1-xsmall { + width: 8.33333%; + } + + .row > .off-1-xsmall { + margin-left: 8.33333%; + } + + .row > .col-2-xsmall { + width: 16.66667%; + } + + .row > .off-2-xsmall { + margin-left: 16.66667%; + } + + .row > .col-3-xsmall { + width: 25%; + } + + .row > .off-3-xsmall { + margin-left: 25%; + } + + .row > .col-4-xsmall { + width: 33.33333%; + } + + .row > .off-4-xsmall { + margin-left: 33.33333%; + } + + .row > .col-5-xsmall { + width: 41.66667%; + } + + .row > .off-5-xsmall { + margin-left: 41.66667%; + } + + .row > .col-6-xsmall { + width: 50%; + } + + .row > .off-6-xsmall { + margin-left: 50%; + } + + .row > .col-7-xsmall { + width: 58.33333%; + } + + .row > .off-7-xsmall { + margin-left: 58.33333%; + } + + .row > .col-8-xsmall { + width: 66.66667%; + } + + .row > .off-8-xsmall { + margin-left: 66.66667%; + } + + .row > .col-9-xsmall { + width: 75%; + } + + .row > .off-9-xsmall { + margin-left: 75%; + } + + .row > .col-10-xsmall { + width: 83.33333%; + } + + .row > .off-10-xsmall { + margin-left: 83.33333%; + } + + .row > .col-11-xsmall { + width: 91.66667%; + } + + .row > .off-11-xsmall { + margin-left: 91.66667%; + } + + .row > .col-12-xsmall { + width: 100%; + } + + .row > .off-12-xsmall { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.3125em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.3125em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.3125em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.3125em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.625em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.625em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.625em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.625em; + } + + .row { + margin-top: 0; + margin-left: -1.25em; + } + + .row > * { + padding: 0 0 0 1.25em; + } + + .row.gtr-uniform { + margin-top: -1.25em; + } + + .row.gtr-uniform > * { + padding-top: 1.25em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -1.875em; + } + + .row.gtr-150 > * { + padding: 0 0 0 1.875em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -1.875em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 1.875em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -2.5em; + } + + .row.gtr-200 > * { + padding: 0 0 0 2.5em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -2.5em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 2.5em; + } + + } + +/* Box */ + + .box { + border-radius: 8px; + border: solid; + margin-bottom: 2em; + padding: 1.5em; + } + + .box > :last-child, + .box > :last-child > :last-child, + .box > :last-child > :last-child > :last-child { + margin-bottom: 0; + } + + .box.alt { + border: 0; + border-radius: 0; + padding: 0; + } + + .box { + border-color: rgba(255, 255, 255, 0.35); + } + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + border-radius: 8px; + border: 0; + cursor: pointer; + display: inline-block; + font-weight: 300; + height: 2.75em; + line-height: 2.75em; + min-width: 9.25em; + padding: 0 1.5em; + text-align: center; + text-decoration: none; + white-space: nowrap; + } + + input[type="submit"].icon, + input[type="reset"].icon, + input[type="button"].icon, + button.icon, + .button.icon { + padding-left: 1.35em; + } + + input[type="submit"].icon:before, + input[type="reset"].icon:before, + input[type="button"].icon:before, + button.icon:before, + .button.icon:before { + margin-right: 0.5em; + } + + input[type="submit"].fit, + input[type="reset"].fit, + input[type="button"].fit, + button.fit, + .button.fit { + width: 100%; + } + + input[type="submit"].small, + input[type="reset"].small, + input[type="button"].small, + button.small, + .button.small { + font-size: 0.8em; + } + + input[type="submit"].large, + input[type="reset"].large, + input[type="button"].large, + button.large, + .button.large { + font-size: 1.35em; + } + + input[type="submit"].disabled, input[type="submit"]:disabled, + input[type="reset"].disabled, + input[type="reset"]:disabled, + input[type="button"].disabled, + input[type="button"]:disabled, + button.disabled, + button:disabled, + .button.disabled, + .button:disabled { + pointer-events: none; + opacity: 0.25; + } + + @media screen and (max-width: 736px) { + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + min-width: 0; + } + + } + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + background-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35); + color: #ffffff !important; + } + + input[type="submit"]:hover, + input[type="reset"]:hover, + input[type="button"]:hover, + button:hover, + .button:hover { + background-color: rgba(255, 255, 255, 0.075); + } + + input[type="submit"]:active, + input[type="reset"]:active, + input[type="button"]:active, + button:active, + .button:active { + background-color: rgb(255, 255, 255); + } + + input[type="submit"].icon:before, + input[type="reset"].icon:before, + input[type="button"].icon:before, + button.icon:before, + .button.icon:before { + color: rgba(255, 255, 255, 0.5); + } + + input[type="submit"].primary, + input[type="reset"].primary, + input[type="button"].primary, + button.primary, + .button.primary { + background-color: #8cc9f0; + color: #ffffff !important; + box-shadow: none; + } + + input[type="submit"].primary:hover, + input[type="reset"].primary:hover, + input[type="button"].primary:hover, + button.primary:hover, + .button.primary:hover { + background-color: #9acff2; + } + + input[type="submit"].primary:active, + input[type="reset"].primary:active, + input[type="button"].primary:active, + button.primary:active, + .button.primary:active { + background-color: #7ec3ee; + } + + input[type="submit"].primary.icon:before, + input[type="reset"].primary.icon:before, + input[type="button"].primary.icon:before, + button.primary.icon:before, + .button.primary.icon:before { + color: #ffffff !important; + } + +/* Form */ + + form { + margin: 0 0 2em 0; + } + + label { + display: block; + font-size: 0.9em; + font-weight: 400; + margin: 0 0 1em 0; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + border-radius: 8px; + border: solid 1px; + color: inherit; + display: block; + outline: 0; + padding: 0 1em; + text-decoration: none; + width: 100%; + } + + input[type="text"]:invalid, + input[type="password"]:invalid, + input[type="email"]:invalid, + select:invalid, + textarea:invalid { + box-shadow: none; + } + + select { + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: 2.75em; + padding-right: 2.75em; + text-overflow: ellipsis; + } + + select:focus::-ms-value { + background-color: transparent; + } + + select::-ms-expand { + display: none; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select { + height: 2.75em; + } + + textarea { + padding: 0.75em 1em; + } + + input[type="checkbox"], + input[type="radio"] { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + display: block; + float: left; + margin-right: -2em; + opacity: 0; + width: 1em; + z-index: -1; + } + + input[type="checkbox"] + label, + input[type="radio"] + label { + text-decoration: none; + cursor: pointer; + display: inline-block; + font-size: 1em; + font-weight: 300; + padding-left: 2.4em; + padding-right: 0.75em; + position: relative; + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + border-radius: 8px; + border: solid 1px; + content: ''; + display: inline-block; + font-size: 0.8em; + height: 2.0625em; + left: 0; + line-height: 2.0625em; + position: absolute; + text-align: center; + top: 0; + width: 2.0625em; + } + + input[type="checkbox"]:checked + label:before, + input[type="radio"]:checked + label:before { + content: '\f00c'; + } + + input[type="checkbox"] + label:before { + border-radius: 8px; + } + + input[type="radio"] + label:before { + border-radius: 100%; + } + + ::-webkit-input-placeholder { + opacity: 1.0; + } + + :-moz-placeholder { + opacity: 1.0; + } + + ::-moz-placeholder { + opacity: 1.0; + } + + :-ms-input-placeholder { + opacity: 1.0; + } + + label { + color: #ffffff; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + background-color: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.35); + } + + input[type="text"]:focus, + input[type="password"]:focus, + input[type="email"]:focus, + select:focus, + textarea:focus { + border-color: #8cc9f0; + box-shadow: 0 0 0 1px #8cc9f0; + } + + select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.35)' /%3E%3C/svg%3E"); + } + + select option { + color: #ffffff; + background: #935d8c; + } + + input[type="checkbox"] + label, + input[type="radio"] + label { + color: rgba(255, 255, 255, 0.65); + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.35); + } + + input[type="checkbox"]:checked + label:before, + input[type="radio"]:checked + label:before { + background-color: #ffffff; + border-color: #ffffff; + color: #935d8c; + } + + input[type="checkbox"]:focus + label:before, + input[type="radio"]:focus + label:before { + border-color: #8cc9f0; + box-shadow: 0 0 0 1px #8cc9f0; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } + + .formerize-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } +/* Icon */ + +.icon { + text-decoration: none; + -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + border-bottom: none; + position: relative; +} + +.icon:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 400; +} + +.icon > .label { + display: none; +} + +.icon:before { + line-height: solid; +} + +.icon.solid:before { + font-weight: 900; +} + +.icon.brands:before { + font-family: 'Font Awesome 5 Brands'; +} + +.icon.major { + border: solid 1px; + display: inline-block; + border-radius: 100%; + padding: 0.65em; + margin: 0 0 2em 0; + cursor: default; +} + +.icon.major:before { + display: inline-block; + font-size: 6.25rem; + width: 2.25em; + height: 2.25em; + line-height: 2.2em; + border-radius: 100%; + border: solid 1px; + text-align: center; +} + +.icon.alt { + display: inline-block; + border: solid 1px; + border-radius: 100%; +} + +.icon.alt:before { + display: block; + font-size: 1.25em; + width: 2em; + height: 2em; + text-align: center; + line-height: 2em; +} + +.icon.alt img { + display: block; + width: 2.5em; + height: 2.5em; + text-align: center; + border-radius: 100%; + padding: 0.5em; +} + +.icon.style1 { + color: #efa8b0; +} + +.icon.style2 { + color: #c79cc8; +} + +.icon.style3 { + color: #a89cc8; +} + +.icon.style4 { + color: #9bb2e1; +} + +.icon.style5 { + color: #8cc9f0; +} + +@media screen and (max-width: 1680px) { + + .icon.major:before { + font-size: 5.5rem; + } + +} + +@media screen and (max-width: 1280px) { + + .icon.major:before { + font-size: 4.75rem; + } + +} + +@media screen and (max-width: 736px) { + + .icon.major { + margin: 0 0 1.5em 0; + padding: 0.35em; + } + + .icon.major:before { + font-size: 3.5rem; + } + +} + +.icon.major { + border-color: rgba(255, 255, 255, 0.35); +} + +.icon.major:before { + border-color: rgba(255, 255, 255, 0.35); +} + +.icon.alt { + border-color: rgba(255, 255, 255, 0.35); + color: #ffffff; +} + +.icon.alt:hover { + background-color: rgba(255, 255, 255, 0.075); +} + +.icon.alt:active { + background-color: rgba(255, 255, 255, 0.2); +} + + +/* Image */ + + .image { + border-radius: 8px; + border: 0; + display: inline-block; + position: relative; + } + + .image img { + border-radius: 8px; + display: block; + } + + .image.left, .image.right { + max-width: 40%; + } + + .image.left img, .image.right img { + width: 100%; + } + + .image.left { + float: left; + margin: 0 1.5em 1em 0; + top: 0.25em; + } + + .image.right { + float: right; + margin: 0 0 1em 1.5em; + top: 0.25em; + } + + .image.fit { + display: block; + margin: 0 0 2em 0; + width: 100%; + } + + .image.fit img { + width: 100%; + } + + .image.main { + display: block; + margin: 0 0 3em 0; + width: 100%; + } + + .image.main img { + width: 100%; + } + +/* List */ + + ol { + list-style: decimal; + margin: 0 0 2em 0; + padding-left: 1.25em; + } + + ol li { + padding-left: 0.25em; + } + + ul { + list-style: disc; + margin: 0 0 2em 0; + padding-left: 1em; + } + + ul li { + padding-left: 0.5em; + } + + ul.alt { + list-style: none; + padding-left: 0; + } + + ul.alt li { + border-top: solid 1px; + padding: 0.5em 0; + } + + ul.alt li:first-child { + border-top: 0; + padding-top: 0; + } + + dl { + margin: 0 0 2em 0; + } + + dl dt { + display: block; + font-weight: 400; + margin: 0 0 1em 0; + } + + dl dd { + margin-left: 2em; + } + + dl.alt dt { + display: block; + width: 3em; + margin: 0; + clear: left; + float: left; + } + + dl.alt dd { + margin: 0 0 0.85em 5.5em; + } + + dl.alt:after { + content: ''; + display: block; + clear: both; + } + + ul.alt li { + border-top-color: rgba(255, 255, 255, 0.35); + } + + dl dt { + color: #ffffff; + } + +/* Actions */ + + ul.actions { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + cursor: default; + list-style: none; + margin-left: -1em; + padding-left: 0; + } + + ul.actions li { + padding: 0 0 0 1em; + vertical-align: middle; + } + + ul.actions.special { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: 100%; + margin-left: 0; + } + + ul.actions.special li:first-child { + padding-left: 0; + } + + ul.actions.stacked { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + } + + ul.actions.stacked li { + padding: 1.3em 0 0 0; + } + + ul.actions.stacked li:first-child { + padding-top: 0; + } + + ul.actions.fit { + width: calc(100% + 1em); + } + + ul.actions.fit li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + width: 100%; + } + + ul.actions.fit li > * { + width: 100%; + } + + ul.actions.fit.stacked { + width: 100%; + } + + @media screen and (max-width: 480px) { + + ul.actions:not(.fixed) { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + width: 100% !important; + } + + ul.actions:not(.fixed) li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + padding: 1em 0 0 0; + text-align: center; + width: 100%; + } + + ul.actions:not(.fixed) li > * { + width: 100%; + } + + ul.actions:not(.fixed) li:first-child { + padding-top: 0; + } + + ul.actions:not(.fixed) li input[type="submit"], + ul.actions:not(.fixed) li input[type="reset"], + ul.actions:not(.fixed) li input[type="button"], + ul.actions:not(.fixed) li button, + ul.actions:not(.fixed) li .button { + width: 100%; + } + + ul.actions:not(.fixed) li input[type="submit"].icon:before, + ul.actions:not(.fixed) li input[type="reset"].icon:before, + ul.actions:not(.fixed) li input[type="button"].icon:before, + ul.actions:not(.fixed) li button.icon:before, + ul.actions:not(.fixed) li .button.icon:before { + margin-left: -0.5rem; + } + + } + +/* Icons */ + + ul.icons { + cursor: default; + list-style: none; + padding-left: 0; + } + + ul.icons li { + display: inline-block; + padding: 0 0.65em 0 0; + } + + ul.icons li:last-child { + padding-right: 0 !important; + } + +/* Section/Article */ + + section.special, article.special { + text-align: center; + } + + header.major { + margin-bottom: 3em; + } + + header.major h2 { + font-size: 2em; + } + + header.major h2:after { + display: block; + content: ''; + width: 3.25em; + height: 2px; + margin: 0.7em 0 1em 0; + border-radius: 2px; + } + + section.special header.major h2:after, article.special header.major h2:after { + margin-left: auto; + margin-right: auto; + } + + header.major p { + font-size: 1.25em; + letter-spacing: -0.025em; + } + + header.major.special { + text-align: center; + } + + header.major.special h2:after { + margin-left: auto; + margin-right: auto; + } + + footer.major { + margin-top: 3em; + } + + @media screen and (max-width: 736px) { + + header.major { + margin-bottom: 0; + } + + header.major h2 { + font-size: 1.5em; + } + + header.major p { + font-size: 1em; + letter-spacing: 0; + } + + header.major p br { + display: none; + } + + footer.major { + margin-top: 0; + } + + } + + header.major h2:after { + background-color: rgba(255, 255, 255, 0.35); + } + +/* Table */ + + .table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + } + + table { + margin: 0 0 2em 0; + width: 100%; + } + + table tbody tr { + border: solid 1px; + border-left: 0; + border-right: 0; + } + + table td { + padding: 0.75em 0.75em; + } + + table th { + font-size: 0.9em; + font-weight: 400; + padding: 0 0.75em 0.75em 0.75em; + text-align: left; + } + + table thead { + border-bottom: solid 2px; + } + + table tfoot { + border-top: solid 2px; + } + + table.alt { + border-collapse: separate; + } + + table.alt tbody tr td { + border: solid 1px; + border-left-width: 0; + border-top-width: 0; + } + + table.alt tbody tr td:first-child { + border-left-width: 1px; + } + + table.alt tbody tr:first-child td { + border-top-width: 1px; + } + + table.alt thead { + border-bottom: 0; + } + + table.alt tfoot { + border-top: 0; + } + + table tbody tr { + border-color: rgba(255, 255, 255, 0.35); + } + + table tbody tr:nth-child(2n + 1) { + background-color: rgba(255, 255, 255, 0.075); + } + + table th { + color: #ffffff; + } + + table thead { + border-bottom-color: rgba(255, 255, 255, 0.35); + } + + table tfoot { + border-top-color: rgba(255, 255, 255, 0.35); + } + + table.alt tbody tr td { + border-color: rgba(255, 255, 255, 0.35); + } + +/* Features */ + + .features { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: calc(100% + 2em); + margin: 0 0 3em -2em; + padding: 0; + list-style: none; + } + + .features li { + width: calc(33.33333% - 2em); + margin-left: 2em; + margin-top: 3em; + padding: 0; + } + + .features li:nth-child(1), .features li:nth-child(2), .features li:nth-child(3) { + margin-top: 0; + } + + .features li > :last-child { + margin-bottom: 0; + } + + @media screen and (max-width: 980px) { + + .features li { + width: calc(50% - 2em); + } + + .features li:nth-child(3) { + margin-top: 3em; + } + + } + + @media screen and (max-width: 736px) { + + .features { + width: 100%; + margin: 0 0 2em 0; + } + + .features li { + width: 100%; + margin-left: 0; + margin-top: 2em; + } + + .features li:nth-child(2), .features li:nth-child(3) { + margin-top: 2em; + } + + } + +/* Statistics */ + + .statistics { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + width: 100%; + margin: 0 0 3em 0; + padding: 0; + list-style: none; + cursor: default; + } + + .statistics li { + -moz-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 1.5em; + color: #ffffff; + text-align: center; + } + + .statistics li.style1 { + background-color: #efa8b0; + } + + .statistics li.style2 { + background-color: #c79cc8; + } + + .statistics li.style3 { + background-color: #a89cc8; + } + + .statistics li.style4 { + background-color: #9bb2e1; + } + + .statistics li.style5 { + background-color: #8cc9f0; + } + + .statistics li strong, .statistics li b { + display: block; + font-size: 2em; + line-height: 1.1; + color: inherit !important; + font-weight: 300; + letter-spacing: -0.025em; + } + + .statistics li:first-child { + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; + } + + .statistics li:last-child { + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; + } + + .statistics li .icon { + display: inline-block; + } + + .statistics li .icon:before { + font-size: 2.75rem; + line-height: 1.3; + } + + @media screen and (max-width: 980px) { + + .statistics li strong, .statistics li b { + font-size: 1.5em; + } + + } + + @media screen and (max-width: 736px) { + + .statistics { + display: block; + width: 20em; + max-width: 100%; + margin: 0 auto 2em auto; + } + + .statistics li:first-child { + border-bottom-left-radius: 0; + border-top-right-radius: 8px; + } + + .statistics li:last-child { + border-top-right-radius: 0; + border-bottom-left-radius: 8px; + } + + .statistics li .icon:before { + font-size: 3.75rem; + } + + .statistics li strong, .statistics li b { + font-size: 2.5em; + } + + } + +/* Spotlight */ + + .spotlight { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-align-items: center; + -webkit-align-items: center; + -ms-align-items: center; + align-items: center; + margin: 0 0 2em 0; + } + + .spotlight .content { + -moz-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + + .spotlight .content > :last-child { + margin-bottom: 0; + } + + .spotlight .content header.major { + margin: 0 0 2em 0; + } + + .spotlight .image { + display: inline-block; + margin-left: 4em; + padding: 0.65em; + border-radius: 100%; + border: solid 1px; + } + + .spotlight .image img { + display: block; + border-radius: 100%; + width: 16em; + } + + @media screen and (max-width: 980px) { + + .spotlight { + -moz-flex-direction: column-reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + text-align: center; + } + + .spotlight .content { + -moz-flex: 0 1 auto; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 100%; + } + + .spotlight .content header.major h2:after { + margin-left: auto; + margin-right: auto; + } + + .spotlight .content .actions { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: calc(100% + 1em); + } + + .spotlight .image { + -moz-flex: 0 1 auto; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin-left: 0; + margin-bottom: 2em; + } + + } + + @media screen and (max-width: 736px) { + + .spotlight .image { + padding: 0.35em; + } + + .spotlight .image img { + width: 12em; + } + + } + + .spotlight .image { + border-color: rgba(255, 255, 255, 0.35); + } + +/* Header */ + + #header { + padding: 5em 5em 1em 5em ; + text-align: center; + } + + #header h1 { + margin: 0 0 0.25em 0; + } + + #header p { + font-size: 1.25em; + letter-spacing: -0.025em; + } + + #header.alt { + padding: 7em 5em 4em 5em ; + } + + #header.alt h1 { + font-size: 3.25em; + } + + #header.alt > * { + -moz-transition: opacity 3s ease; + -webkit-transition: opacity 3s ease; + -ms-transition: opacity 3s ease; + transition: opacity 3s ease; + -moz-transition-delay: 0.5s; + -webkit-transition-delay: 0.5s; + -ms-transition-delay: 0.5s; + transition-delay: 0.5s; + opacity: 1; + } + + #header.alt .logo { + -moz-transition: opacity 1.25s ease, -moz-transform 0.5s ease; + -webkit-transition: opacity 1.25s ease, -webkit-transform 0.5s ease; + -ms-transition: opacity 1.25s ease, -ms-transform 0.5s ease; + transition: opacity 1.25s ease, transform 0.5s ease; + -moz-transition-delay: 0s; + -webkit-transition-delay: 0s; + -ms-transition-delay: 0s; + transition-delay: 0s; + display: block; + margin: 0 0 1.5em 0; + } + + #header.alt .logo img { + display: block; + margin: 0 auto; + max-width: 75%; + } + + @media screen and (max-width: 1280px) { + + #header { + padding: 4em 4em 0.1em 4em ; + } + + #header.alt { + padding: 6em 4em 3em 4em ; + } + + } + + @media screen and (max-width: 980px) { + + #header { + padding: 4em 3em 0.1em 3em ; + } + + #header.alt { + padding: 5em 3em 2em 3em ; + } + + } + + @media screen and (max-width: 736px) { + + #header { + padding: 3em 2em 0.1em 2em ; + } + + #header p { + font-size: 1em; + letter-spacing: 0; + } + + #header p br { + display: none; + } + + #header.alt { + padding: 4em 2em 1em 2em ; + } + + #header.alt h1 { + font-size: 2.5em; + } + + } + + @media screen and (max-width: 480px) { + + #header { + padding: 3em 1.5em 0.1em 1.5em ; + } + + #header.alt { + padding: 4em 1.5em 1em 1.5em ; + } + + } + + @media screen and (max-width: 360px) { + + #header { + padding: 2.5em 1em 0.1em 1em ; + } + + #header.alt { + padding: 3.5em 1em 0.5em 1em ; + } + + } + + body.is-preload #header.alt > * { + opacity: 0; + } + + body.is-preload #header.alt .logo { + -moz-transform: scale(0.8) rotate(-30deg); + -webkit-transform: scale(0.8) rotate(-30deg); + -ms-transform: scale(0.8) rotate(-30deg); + transform: scale(0.8) rotate(-30deg); + } + +/* Nav */ + + #nav { + -moz-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; + -webkit-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; + -ms-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; + transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; + background-color: #0a0a0a; + color: #fafafa; + position: absolute; + width: 64em; + max-width: calc(100% - 4em); + padding: 1em; + background-color: #0a0a0a; + border-top-left-radius: 0.25em; + border-top-right-radius: 0.25em; + cursor: default; + text-align: center; + } + + #nav input, #nav select, #nav textarea { + color: #fafafa; + } + + #nav a:hover { + color: #ffffff; + } + + #nav strong, #nav b { + color: #0a0a0a; + } + + #nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 { + color: #ffffff; + } + + #nav blockquote { + border-left-color: #0a0a0a; + } + + #nav code { + background: #0a0a0a; + border-color: #0a0a0a; + } + + #nav hr { + border-bottom-color: #0a0a0a; + } + + #nav + #main { + padding-top: 4.25em; + } + + #nav ul { + margin: 0; + padding: 0; + list-style: none; + } + + #nav ul li { + -moz-transition: margin 0.2s ease; + -webkit-transition: margin 0.2s ease; + -ms-transition: margin 0.2s ease; + transition: margin 0.2s ease; + display: inline-block; + margin: 0 0.35em; + padding: 0; + vertical-align: middle; + } + + #nav ul li a { + -moz-transition: font-size 0.2s ease; + -webkit-transition: font-size 0.2s ease; + -ms-transition: font-size 0.2s ease; + transition: font-size 0.2s ease; + display: inline-block; + height: 2.25em; + line-height: 2.25em; + padding: 0 1.25em; + border: 0; + border-radius: 8px; + box-shadow: inset 0 0 0 1px transparent; + } + + #nav ul li a:hover { + background-color: #080808; + } + + #nav ul li a.active { + background-color: #000000; + box-shadow: none; + } + + #nav.alt { + position: fixed; + top: 0; + padding: 0.5em 1em; + background-color: #0a0a0a; + border-top-left-radius: 0; + border-top-right-radius: 0; + z-index: 10000; + } + + #nav.alt ul li { + margin: 0 0.175em; + } + + #nav.alt ul li a { + font-size: 0.9em; + } + + @media screen and (max-width: 736px) { + + #nav { + display: none; + } + + #nav + #main { + padding-top: 0; + } + + } + +/* Main */ + + #main { + background-color: #0a0a0a; + color: #fafafa; + border-radius: 0.25em; + } + + #main input, #main select, #main textarea { + color: #ffffff; + } + + #main a:hover { + color: #ffffff; + } + + #main strong, #main b { + color: #ffffff; + } + + #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { + color: #ffffff; + } + + #main blockquote { + border-left-color: #dddddd; + } + + #main code { + background: rgba(222, 222, 222, 0.25); + border-color: #dddddd; + } + + #main hr { + border-bottom-color: #dddddd; + } + + #main a,p { + color: #fafafa; + } + + #main .box { + border-color: #dddddd; + } + + #main input[type="submit"], + #main input[type="reset"], + #main input[type="button"], + #main button, + #main .button { + background-color: transparent; + box-shadow: inset 0 0 0 1px #dddddd; + color: #ffffff !important; + } + + #main input[type="submit"]:hover, + #main input[type="reset"]:hover, + #main input[type="button"]:hover, + #main button:hover, + #main .button:hover { + background-color: rgba(222, 222, 222, 0.25); + } + + #main input[type="submit"]:active, + #main input[type="reset"]:active, + #main input[type="button"]:active, + #main button:active, + #main .button:active { + background-color: rgba(222, 222, 222, 0.5); + } + + #main input[type="submit"].icon:before, + #main input[type="reset"].icon:before, + #main input[type="button"].icon:before, + #main button.icon:before, + #main .button.icon:before { + color: rgba(99, 99, 99, 0.25); + } + + #main input[type="submit"].primary, + #main input[type="reset"].primary, + #main input[type="button"].primary, + #main button.primary, + #main .button.primary { + background-color: #1f1f1f; + color: #ffffff !important; + box-shadow: none; + } + + #main input[type="submit"].primary:hover, + #main input[type="reset"].primary:hover, + #main input[type="button"].primary:hover, + #main button.primary:hover, + #main .button.primary:hover { + background-color: #000000; + } + + #main input[type="submit"].primary:active, + #main input[type="reset"].primary:active, + #main input[type="button"].primary:active, + #main button.primary:active, + #main .button.primary:active { + background-color: #080808; + } + + #main input[type="submit"].primary.icon:before, + #main input[type="reset"].primary.icon:before, + #main input[type="button"].primary.icon:before, + #main button.primary.icon:before, + #main .button.primary.icon:before { + color: #ffffff !important; + } + + #main label { + color: #636363; + } + + #main input[type="text"], + #main input[type="password"], + #main input[type="email"], + #main select, + #main textarea { + background-color: rgba(222, 222, 222, 0.25); + border-color: #dddddd; + } + + #main input[type="text"]:focus, + #main input[type="password"]:focus, + #main input[type="email"]:focus, + #main select:focus, + #main textarea:focus { + border-color: #8cc9f0; + box-shadow: 0 0 0 1px #8cc9f0; + } + + #main select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23dddddd' /%3E%3C/svg%3E"); + } + + #main select option { + color: #636363; + background: #ffffff; + } + + #main input[type="checkbox"] + label, + #main input[type="radio"] + label { + color: #636363; + } + + #main input[type="checkbox"] + label:before, + #main input[type="radio"] + label:before { + background: rgba(222, 222, 222, 0.25); + border-color: #dddddd; + } + + #main input[type="checkbox"]:checked + label:before, + #main input[type="radio"]:checked + label:before { + background-color: #636363; + border-color: #636363; + color: #ffffff; + } + + #main input[type="checkbox"]:focus + label:before, + #main input[type="radio"]:focus + label:before { + border-color: #8cc9f0; + box-shadow: 0 0 0 1px #8cc9f0; + } + + #main ::-webkit-input-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main :-moz-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main ::-moz-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main :-ms-input-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main .formerize-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main .icon.major { + border-color: #dddddd; + } + + #main .icon.major:before { + border-color: #dddddd; + } + + #main .icon.alt { + border-color: #dddddd; + color: #636363; + } + + #main .icon.alt:hover { + background-color: rgba(222, 222, 222, 0.25); + } + + #main .icon.alt:active { + background-color: rgba(222, 222, 222, 0.5); + } + + #main ul.alt li { + border-top-color: #dddddd; + } + + #main dl dt { + color: #636363; + } + + #main header.major h2:after { + background-color: #dddddd; + background-image: -moz-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); + background-image: -webkit-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); + background-image: -ms-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); + background-image: linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); + } + + #main table tbody tr { + border-color: #dddddd; + } + + #main table tbody tr:nth-child(2n + 1) { + background-color: rgba(222, 222, 222, 0.25); + } + + #main table th { + color: #636363; + } + + #main table thead { + border-bottom-color: #dddddd; + } + + #main table tfoot { + border-top-color: #dddddd; + } + + #main table.alt tbody tr td { + border-color: #dddddd; + } + + #main .spotlight .image { + border-color: #dddddd; + } + + #main > .main { + padding: 5em 5em 3em 5em ; + border-top: solid 1px #dddddd; + } + + #main > .main:first-child { + border-top: 0; + } + + #main > .main > .image.main:first-child { + margin: -5em 0 5em -5em; + width: calc(100% + 10em); + border-top-right-radius: 0.25em; + border-top-left-radius: 0.25em; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + #main > .main > .image.main:first-child img { + border-top-right-radius: 0.25em; + border-top-left-radius: 0.25em; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + @media screen and (max-width: 1280px) { + + #main > .main { + padding: 4em 4em 2em 4em ; + } + + #main > .main > .image.main:first-child { + margin: -4em 0 4em -4em; + width: calc(100% + 8em); + } + + } + + @media screen and (max-width: 980px) { + + #main > .main { + padding: 4em 3em 2em 3em ; + } + + #main > .main > .image.main:first-child { + margin: -4em 0 4em -3em; + width: calc(100% + 6em); + } + + } + + @media screen and (max-width: 736px) { + + #main > .main { + padding: 3em 2em 1em 2em ; + } + + #main > .main > .image.main:first-child { + margin: -3em 0 2em -2em; + width: calc(100% + 4em); + } + + } + + @media screen and (max-width: 480px) { + + #main > .main { + padding: 3em 1.5em 1em 1.5em ; + } + + #main > .main > .image.main:first-child { + margin: -3em 0 1.5em -1.5em; + width: calc(100% + 3em); + } + + } + + @media screen and (max-width: 360px) { + + #main { + border-radius: 0; + } + + #main > .main { + padding: 2.5em 1em 0.5em 1em ; + } + + #main > .main > .image.main:first-child { + margin: -2.5em 0 1.5em -1em; + width: calc(100% + 2em); + border-radius: 0; + } + + #main > .main > .image.main:first-child img { + border-radius: 0; + } + + } + +/* Footer */ + + #footer { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 5em 5em 3em 5em ; + width: calc(100% + 2em); + margin: 0 0 3em -2em; + } + + #footer > * { + width: calc(50% - 2em); + margin-left: 2em; + } + + #footer .copyright { + width: 100%; + margin: 2.5em 0 2em 0; + font-size: 0.8em; + text-align: center; + } + + @media screen and (max-width: 1280px) { + + #footer { + padding: 4em 4em 2em 4em ; + } + + } + + @media screen and (max-width: 980px) { + + #footer { + padding: 4em 3em 2em 3em ; + display: block; + margin: 0 0 3em 0; + width: 100%; + } + + #footer > * { + width: 100%; + margin-left: 0; + margin-bottom: 3em; + } + + #footer .copyright { + text-align: left; + } + + } + + @media screen and (max-width: 736px) { + + #footer { + padding: 3em 2em 1em 2em ; + } + + } + + @media screen and (max-width: 480px) { + + #footer { + padding: 3em 1.5em 1em 1.5em ; + } + + } + + @media screen and (max-width: 480px) { + + #footer { + padding: 2.5em 1em 0.5em 1em ; + } + + } + +/* Wrapper */ + + #wrapper { + width: 64em; + max-width: calc(100% - 4em); + margin: 0 auto; + } + + @media screen and (max-width: 480px) { + + #wrapper { + max-width: calc(100% - 2em); + } + + } + + @media screen and (max-width: 360px) { + + #wrapper { + max-width: 100%; + } + + } + + diff --git a/assets/css/noscript.css b/assets/css/noscript.css new file mode 100644 index 0000000..5c1a717 --- /dev/null +++ b/assets/css/noscript.css @@ -0,0 +1,18 @@ +/* + Stellar by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Header */ + + body.is-preload #header.alt > * { + opacity: 1; + } + + body.is-preload #header.alt .logo { + -moz-transform: none; + -webkit-transform: none; + -ms-transform: none; + transform: none; + } \ No newline at end of file diff --git a/assets/css/stars.css b/assets/css/stars.css new file mode 100644 index 0000000..f158efd --- /dev/null +++ b/assets/css/stars.css @@ -0,0 +1,151 @@ +/* Remove the existing colorful background from the body */ +body { + background-color: black; +} + + + +.full-wh { + position: absolute; + top: 0px; + left: 0px; + bottom: 0px; + width: 100%; +} + +.bg-animation { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.bg-animation { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + +} + +#stars { + width: 1px; + height: 1px; + background: transparent; + box-shadow: 117px 1613px #333333, 1488px 635px #333333, 944px 914px #333333, 647px 277px #333333, 1792px 1205px #333333, 656px 1517px #333333, 820px 1839px #333333, 1153px 1400px #333333, 870px 13px #333333, 550px 702px #333333, 1155px 1056px #333333, 88px 1709px #333333, 1450px 1090px #333333, 1929px 457px #333333, 1390px 905px #333333, 1771px 269px #333333, 1741px 669px #333333, 432px 64px #333333, 563px 996px #333333, 1918px 1873px #333333, 1845px 1211px #333333, 231px 1503px #333333, 37px 220px #333333, 1970px 495px #333333, 1812px 925px #333333, 67px 1398px #333333, 535px 279px #333333, 1837px 829px #333333, 1945px 685px #333333, 1677px 1817px #333333, 1317px 1415px #333333, 1785px 905px #333333, 1787px 1554px #333333, 802px 1296px #333333, 512px 1101px #333333, 583px 1364px #333333, 336px 558px #333333, 979px 334px #333333, 106px 792px #333333, 204px 34px #333333, 1845px 1763px #333333, 445px 1599px #333333, 386px 453px #333333, 471px 952px #333333, 1466px 1676px #333333, 1885px 303px #333333, 51px 1717px #333333, 1211px 299px #333333, 1546px 1887px #333333, 1067px 33px #333333, 1088px 1326px #333333, 1938px 760px #333333, 470px 648px #333333, 1213px 269px #333333, 1767px 78px #333333, 977px 976px #333333, 1926px 175px #333333, 722px 1512px #333333, 945px 227px #333333, 1811px 99px #333333, 1912px 1406px #333333, 1602px 1243px #333333, 610px 449px #333333, 654px 1393px #333333, 1930px 1193px #333333, 258px 1184px #333333, 89px 265px #333333, 824px 1494px #333333, 1506px 1435px #333333, 1027px 753px #333333, 1px 1197px #333333, 530px 1161px #333333, 864px 1555px #333333, 1610px 1604px #333333, 1035px 1114px #333333, 1456px 133px #333333, 1196px 1253px #333333, 361px 1037px #333333, 834px 351px #333333, 436px 1676px #333333, 1194px 1007px #333333, 1141px 647px #333333, 319px 454px #333333, 937px 1769px #333333, 1872px 1013px #333333, 733px 643px #333333, 1250px 511px #333333, 189px 296px #333333, 1639px 163px #333333, 1584px 336px #333333, 1912px 1343px #333333, 1298px 1307px #333333, 1750px 902px #333333, 1129px 845px #333333, 1899px 1470px #333333, 1427px 232px #333333, 1391px 838px #333333, 1225px 1819px #333333, 190px 1366px #333333, 1865px 518px #333333, 203px 1383px #333333, 1455px 614px #333333, 423px 354px #333333, 1678px 1790px #333333, 241px 608px #333333, 1089px 730px #333333, 1342px 38px #333333, 1848px 249px #333333, 1874px 1785px #333333, 1040px 1837px #333333, 751px 261px #333333, 510px 1975px #333333, 52px 795px #333333, 1786px 1310px #333333, 498px 712px #333333, 190px 375px #333333, 1341px 722px #333333, 43px 1394px #333333, 1821px 1687px #333333, 106px 130px #333333, 1717px 1978px #333333, 168px 151px #333333, 183px 740px #333333, 945px 1381px #333333, 669px 1170px #333333, 1285px 1816px #333333, 110px 1217px #333333, 1623px 813px #333333, 869px 647px #333333, 867px 582px #333333, 735px 1240px #333333, 519px 1896px #333333, 132px 156px #333333, 1649px 193px #333333, 241px 1109px #333333, 643px 484px #333333, 574px 1282px #333333, 1952px 564px #333333, 1978px 145px #333333, 329px 903px #333333, 1674px 617px #333333, 1978px 558px #333333, 1808px 1715px #333333, 1526px 1238px #333333, 475px 1330px #333333, 810px 425px #333333, 1709px 634px #333333, 1658px 336px #333333, 425px 194px #333333, 352px 96px #333333, 148px 180px #333333, 1139px 1046px #333333, 1809px 1233px #333333, 1669px 171px #333333, 263px 1394px #333333, 534px 715px #333333, 396px 1008px #333333, 589px 1445px #333333, 1190px 381px #333333, 1709px 279px #333333, 520px 891px #333333, 1136px 1867px #333333, 1280px 1233px #333333, 836px 296px #333333, 1348px 646px #333333, 1539px 913px #333333, 423px 781px #333333, 1271px 1805px #333333, 696px 564px #333333, 1549px 804px #333333, 303px 1555px #333333, 1449px 1903px #333333, 66px 687px #333333, 1164px 856px #333333, 1958px 1326px #333333, 125px 157px #333333, 508px 1669px #333333, 465px 725px #333333, 1925px 1440px #333333, 405px 793px #333333, 278px 110px #333333, 1084px 1065px #333333, 1077px 705px #333333, 663px 1844px #333333, 734px 263px #333333, 870px 1761px #333333, 103px 1169px #333333, 1506px 1295px #333333, 1883px 926px #333333, 335px 1361px #333333, 1126px 1284px #333333, 257px 1165px #333333, 837px 580px #333333, 1211px 1362px #333333, 1137px 1380px #333333, 135px 632px #333333, 1491px 1965px #333333, 1098px 195px #333333, 506px 417px #333333, 693px 1243px #333333, 622px 1862px #333333, 1412px 1343px #333333, 948px 1894px #333333, 1315px 1363px #333333, 754px 1098px #333333, 1931px 930px #333333, 1831px 342px #333333, 1751px 1839px #333333, 84px 775px #333333, 1662px 1488px #333333, 617px 1769px #333333, 1869px 1292px #333333, 963px 432px #333333, 371px 1114px #333333, 37px 642px #333333, 21px 1184px #333333, 602px 366px #333333, 414px 524px #333333, 282px 244px #333333, 1689px 868px #333333, 943px 681px #333333, 898px 679px #333333, 449px 1774px #333333, 1678px 1313px #333333, 475px 1811px #333333, 1146px 1509px #333333, 1151px 1863px #333333, 1617px 846px #333333, 82px 1077px #333333, 324px 1317px #333333, 1516px 885px #333333, 1706px 1526px #333333, 1925px 1180px #333333, 553px 967px #333333, 1072px 536px #333333, 1715px 1816px #333333, 185px 286px #333333, 1362px 1600px #333333, 628px 1938px #333333, 1187px 412px #333333, 569px 211px #333333, 1959px 1356px #333333, 1571px 105px #333333, 319px 1111px #333333, 36px 1364px #333333, 502px 1788px #333333, 1051px 1993px #333333, 1617px 773px #333333, 424px 1507px #333333, 1623px 1955px #333333, 307px 662px #333333, 183px 1048px #333333, 1919px 1453px #333333, 1006px 1817px #333333, 468px 673px #333333, 1142px 1375px #333333, 1228px 443px #333333, 1734px 552px #333333, 20px 1041px #333333, 1783px 334px #333333, 98px 1237px #333333, 1356px 1940px #333333, 853px 1779px #333333, 1910px 560px #333333, 1174px 1656px #333333, 110px 1724px #333333, 542px 1771px #333333, 1758px 1931px #333333, 1463px 1401px #333333, 1155px 84px #333333, 1504px 835px #333333, 750px 322px #333333, 407px 1900px #333333, 1600px 1141px #333333, 657px 886px #333333, 526px 714px #333333, 18px 836px #333333, 1546px 1548px #333333, 22px 469px #333333, 594px 1466px #333333, 1160px 1078px #333333, 627px 1055px #333333, 195px 699px #333333, 1099px 684px #333333, 530px 551px #333333, 1160px 1325px #333333, 894px 727px #333333, 1157px 98px #333333, 136px 1483px #333333, 1875px 1975px #333333, 1803px 566px #333333, 318px 1073px #333333, 1866px 1656px #333333, 543px 414px #333333, 719px 474px #333333, 1115px 738px #333333, 353px 875px #333333, 184px 1938px #333333, 1854px 1534px #333333, 420px 1698px #333333, 1480px 1550px #333333, 522px 203px #333333, 1897px 1904px #333333, 975px 1708px #333333, 1774px 602px #333333, 1908px 274px #333333, 61px 715px #333333, 983px 1156px #333333, 326px 1013px #333333, 641px 290px #333333, 1522px 120px #333333, 405px 1637px #333333, 1021px 1099px #333333, 631px 1145px #333333, 982px 1967px #333333, 200px 651px #333333, 795px 351px #333333, 790px 1082px #333333, 144px 1572px #333333, 1542px 901px #333333, 158px 1524px #333333, 849px 1843px #333333, 1807px 203px #333333, 1747px 45px #333333, 1603px 1738px #333333, 617px 1966px #333333, 342px 748px #333333, 1779px 1173px #333333, 1428px 152px #333333, 589px 1998px #333333, 1940px 1838px #333333, 115px 272px #333333, 1217px 1395px #333333, 1402px 1491px #333333, 1833px 1814px #333333, 243px 966px #333333, 319px 578px #333333, 813px 364px #333333, 669px 882px #333333, 551px 134px #333333, 1819px 920px #333333, 740px 1826px #333333, 1021px 952px #333333, 1575px 453px #333333, 324px 419px #333333, 929px 417px #333333, 885px 1112px #333333, 503px 187px #333333, 1908px 362px #333333, 1063px 1601px #333333, 169px 1792px #333333, 789px 963px #333333, 1697px 948px #333333, 1761px 1810px #333333, 1844px 1591px #333333, 1709px 949px #333333, 1402px 1396px #333333, 1037px 225px #333333, 1832px 518px #333333, 1728px 1782px #333333, 194px 1421px #333333, 1395px 742px #333333, 1478px 1325px #333333, 40px 593px #333333, 1732px 117px #333333, 51px 158px #333333, 1598px 1672px #333333, 701px 849px #333333, 1403px 1979px #333333, 145px 1414px #333333, 550px 906px #333333, 1366px 460px #333333, 142px 1379px #333333, 34px 1864px #333333, 1346px 308px #333333, 293px 998px #333333, 21px 1868px #333333, 540px 1033px #333333, 60px 746px #333333, 1602px 1476px #333333, 180px 804px #333333, 345px 1982px #333333, 1439px 640px #333333, 939px 1834px #333333, 20px 432px #333333, 492px 1549px #333333, 109px 1579px #333333, 1796px 1403px #333333, 1079px 519px #333333, 1664px 389px #333333, 1627px 1061px #333333, 823px 419px #333333, 1399px 1882px #333333, 1906px 344px #333333, 1189px 848px #333333, 117px 882px #333333, 1262px 33px #333333, 1048px 434px #333333, 1208px 1309px #333333, 1616px 408px #333333, 1833px 853px #333333, 1433px 1656px #333333, 811px 1861px #333333, 439px 1672px #333333, 1105px 248px #333333, 328px 1652px #333333, 13px 1658px #333333, 685px 987px #333333, 985px 403px #333333, 1664px 1206px #333333, 1993px 1925px #333333, 440px 917px #333333, 1835px 319px #333333, 1404px 1907px #333333, 624px 1443px #333333, 843px 954px #333333, 478px 1567px #333333, 895px 1602px #333333, 1231px 871px #333333, 1267px 1646px #333333, 475px 334px #333333, 784px 796px #333333, 1294px 199px #333333, 109px 702px #333333, 1978px 362px #333333, 291px 940px #333333, 971px 1343px #333333, 74px 719px #333333, 36px 715px #333333, 1007px 1423px #333333, 860px 314px #333333, 631px 177px #333333, 1900px 1590px #333333, 1239px 1348px #333333, 1346px 1270px #333333, 1934px 1475px #333333, 1553px 559px #333333, 588px 1969px #333333, 670px 1269px #333333, 1484px 376px #333333, 20px 1424px #333333, 1396px 8px #333333, 969px 244px #333333, 1807px 538px #333333, 1873px 891px #333333, 636px 1142px #333333, 1474px 1562px #333333, 763px 350px #333333, 663px 700px #333333, 500px 1469px #333333, 1302px 722px #333333, 181px 291px #333333, 266px 893px #333333, 1403px 654px #333333, 492px 460px #333333, 1503px 1369px #333333, 23px 1662px #333333, 349px 333px #333333, 1435px 1017px #333333, 1441px 705px #333333, 1708px 1446px #333333, 1041px 911px #333333, 1063px 780px #333333, 1158px 1356px #333333, 767px 1454px #333333, 1912px 797px #333333, 1731px 1759px #333333, 1378px 1390px #333333, 1815px 1364px #333333, 960px 270px #333333, 1343px 427px #333333, 275px 203px #333333, 1319px 1092px #333333, 1455px 770px #333333, 283px 1503px #333333, 1505px 901px #333333, 1738px 1561px #333333, 1526px 1935px #333333, 1757px 669px #333333, 1640px 620px #333333, 1750px 722px #333333, 748px 66px #333333, 1149px 540px #333333, 159px 953px #333333, 200px 1426px #333333, 515px 1110px #333333, 1552px 737px #333333, 1094px 1459px #333333, 778px 799px #333333, 1031px 523px #333333, 743px 1825px #333333, 1100px 882px #333333, 1088px 1836px #333333, 255px 599px #333333, 67px 1361px #333333, 247px 1721px #333333, 1722px 346px #333333, 1822px 155px #333333, 452px 1973px #333333, 415px 1960px #333333, 1109px 57px #333333, 273px 1392px #333333, 404px 1071px #333333, 1212px 353px #333333, 370px 460px #333333, 795px 1523px #333333, 1932px 340px #333333, 51px 1473px #333333, 1268px 364px #333333, 1512px 1862px #333333, 1678px 1801px #333333, 1796px 579px #333333, 254px 251px #333333, 1466px 1717px #333333, 893px 379px #333333, 1153px 923px #333333, 913px 1808px #333333, 791px 789px #333333, 417px 1924px #333333, 1336px 1599px #333333, 1695px 908px #333333, 1120px 114px #333333, 493px 1949px #333333, 68px 1905px #333333, 969px 481px #333333, 1420px 1095px #333333, 800px 1117px #333333, 390px 234px #333333, 356px 1644px #333333, 1098px 1486px #333333, 1360px 521px #333333, 149px 1198px #333333, 354px 747px #333333, 1749px 487px #333333, 470px 76px #333333, 1672px 289px #333333, 1731px 545px #333333, 1547px 1590px #333333, 498px 692px #333333, 398px 1592px #333333, 1846px 1237px #333333, 1537px 1474px #333333, 1726px 1374px #333333, 1922px 858px #333333, 376px 321px #333333, 985px 227px #333333, 234px 1421px #333333, 760px 745px #333333, 1990px 1132px #333333, 1560px 1597px #333333, 338px 1310px #333333, 1924px 1664px #333333, 547px 1747px #333333, 1639px 1282px #333333, 1202px 337px #333333, 1985px 779px #333333, 737px 456px #333333, 89px 501px #333333, 963px 792px #333333, 655px 1447px #333333, 1492px 1994px #333333, 1171px 254px #333333, 892px 827px #333333, 1735px 442px #333333, 1474px 1187px #333333, 846px 1518px #333333, 557px 1805px #333333, 738px 945px #333333, 795px 68px #333333, 663px 1956px #333333, 1607px 290px #333333, 1524px 15px #333333, 1097px 1911px #333333, 157px 1939px #333333, 935px 1065px #333333, 1809px 1708px #333333, 164px 1157px #333333, 83px 855px #333333, 625px 501px #333333, 814px 398px #333333, 552px 695px #333333, 597px 1546px #333333, 1237px 1417px #333333, 628px 284px #333333, 866px 767px #333333, 1403px 1394px #333333, 765px 1563px #333333, 1648px 109px #333333, 1205px 1659px #333333, 921px 1313px #333333, 1319px 243px #333333, 18px 125px #333333, 7px 777px #333333, 181px 418px #333333, 1062px 1892px #333333, 382px 106px #333333, 994px 751px #333333, 964px 234px #333333, 40px 118px #333333, 278px 706px #333333, 1540px 1978px #333333, 425px 1661px #333333, 1050px 321px #333333, 735px 1729px #333333, 1438px 260px #333333, 1229px 1109px #333333, 186px 1041px #333333, 244px 1184px #333333, 392px 1472px #333333, 670px 1249px #333333, 1260px 1443px #333333, 1977px 1511px #333333, 1240px 773px #333333, 303px 513px #333333, 63px 1530px #333333, 610px 792px #333333, 1987px 1647px #333333, 676px 1597px #333333, 1740px 1244px #333333, 816px 1661px #333333, 351px 802px #333333, 252px 1082px #333333, 31px 365px #333333, 1453px 984px #333333, 667px 1233px #333333, 1247px 1800px #333333, 839px 270px #333333, 775px 913px #333333, 1966px 1398px #333333, 499px 813px #333333, 922px 1982px #333333, 1409px 1902px #333333, 1499px 1766px #333333, 721px 899px #333333, 788px 807px #333333, 989px 1355px #333333, 1248px 1274px #333333, 849px 1091px #333333, 1799px 1036px #333333, 1486px 700px #333333, 170px 1989px #333333, 1275px 799px #333333, 772px 2000px #333333, 1642px 362px #333333, 216px 940px #333333, 1893px 281px #333333, 1944px 1298px #333333, 1294px 400px #333333, 1523px 441px #333333, 1829px 340px #333333, 468px 170px #333333, 1099px 967px #333333, 1331px 665px #333333, 1174px 1553px #333333, 1567px 325px #333333, 1028px 1399px #333333, 781px 1451px #333333, 1912px 1954px #333333, 874px 873px #333333, 1298px 1722px #333333, 1879px 706px #333333, 57px 1221px #333333, 1116px 1432px #333333, 48px 811px #333333, 101px 916px #333333, 677px 304px #333333, 1203px 639px #333333, 1391px 199px #333333, 1895px 1988px #333333, 1462px 1023px #333333, 1216px 1751px #333333, 1261px 663px #333333, 1290px 1119px #333333, 137px 1793px #333333, 1052px 1470px #333333, 1561px 226px #333333, 1156px 402px #333333, 709px 693px #333333, 1040px 1911px #333333, 1624px 1115px #333333, 551px 475px #333333, 416px 1090px #333333, 1183px 451px #333333, 58px 765px #333333, 743px 1016px #333333, 198px 369px #333333, 1645px 1503px #333333, 997px 22px #333333, 1447px 1323px #333333, 379px 883px #333333, 1171px 1195px #333333, 919px 133px #333333, 1400px 517px #333333, 725px 804px #333333, 1600px 699px #333333, 357px 581px #333333, 266px 1713px #333333, 848px 1749px #333333, 1963px 1045px #333333, 119px 1136px #333333; + -webkit-animation: animStar 50s linear infinite; + -moz-animation: animStar 50s linear infinite; + -ms-animation: animStar 50s linear infinite; + animation: animStar 50s linear infinite; +} + +#stars:after { + content: " "; + position: absolute; + top: 2000px; + width: 1px; + height: 1px; + background: transparent; + box-shadow: 117px 1613px #333333, 1488px 635px #333333, 944px 914px #333333, 647px 277px #333333, 1792px 1205px #333333, 656px 1517px #333333, 820px 1839px #333333, 1153px 1400px #333333, 870px 13px #333333, 550px 702px #333333, 1155px 1056px #333333, 88px 1709px #333333, 1450px 1090px #333333, 1929px 457px #333333, 1390px 905px #333333, 1771px 269px #333333, 1741px 669px #333333, 432px 64px #333333, 563px 996px #333333, 1918px 1873px #333333, 1845px 1211px #333333, 231px 1503px #333333, 37px 220px #333333, 1970px 495px #333333, 1812px 925px #333333, 67px 1398px #333333, 535px 279px #333333, 1837px 829px #333333, 1945px 685px #333333, 1677px 1817px #333333, 1317px 1415px #333333, 1785px 905px #333333, 1787px 1554px #333333, 802px 1296px #333333, 512px 1101px #333333, 583px 1364px #333333, 336px 558px #333333, 979px 334px #333333, 106px 792px #333333, 204px 34px #333333, 1845px 1763px #333333, 445px 1599px #333333, 386px 453px #333333, 471px 952px #333333, 1466px 1676px #333333, 1885px 303px #333333, 51px 1717px #333333, 1211px 299px #333333, 1546px 1887px #333333, 1067px 33px #333333, 1088px 1326px #333333, 1938px 760px #333333, 470px 648px #333333, 1213px 269px #333333, 1767px 78px #333333, 977px 976px #333333, 1926px 175px #333333, 722px 1512px #333333, 945px 227px #333333, 1811px 99px #333333, 1912px 1406px #333333, 1602px 1243px #333333, 610px 449px #333333, 654px 1393px #333333, 1930px 1193px #333333, 258px 1184px #333333, 89px 265px #333333, 824px 1494px #333333, 1506px 1435px #333333, 1027px 753px #333333, 1px 1197px #333333, 530px 1161px #333333, 864px 1555px #333333, 1610px 1604px #333333, 1035px 1114px #333333, 1456px 133px #333333, 1196px 1253px #333333, 361px 1037px #333333, 834px 351px #333333, 436px 1676px #333333, 1194px 1007px #333333, 1141px 647px #333333, 319px 454px #333333, 937px 1769px #333333, 1872px 1013px #333333, 733px 643px #333333, 1250px 511px #333333, 189px 296px #333333, 1639px 163px #333333, 1584px 336px #333333, 1912px 1343px #333333, 1298px 1307px #333333, 1750px 902px #333333, 1129px 845px #333333, 1899px 1470px #333333, 1427px 232px #333333, 1391px 838px #333333, 1225px 1819px #333333, 190px 1366px #333333, 1865px 518px #333333, 203px 1383px #333333, 1455px 614px #333333, 423px 354px #333333, 1678px 1790px #333333, 241px 608px #333333, 1089px 730px #333333, 1342px 38px #333333, 1848px 249px #333333, 1874px 1785px #333333, 1040px 1837px #333333, 751px 261px #333333, 510px 1975px #333333, 52px 795px #333333, 1786px 1310px #333333, 498px 712px #333333, 190px 375px #333333, 1341px 722px #333333, 43px 1394px #333333, 1821px 1687px #333333, 106px 130px #333333, 1717px 1978px #333333, 168px 151px #333333, 183px 740px #333333, 945px 1381px #333333, 669px 1170px #333333, 1285px 1816px #333333, 110px 1217px #333333, 1623px 813px #333333, 869px 647px #333333, 867px 582px #333333, 735px 1240px #333333, 519px 1896px #333333, 132px 156px #333333, 1649px 193px #333333, 241px 1109px #333333, 643px 484px #333333, 574px 1282px #333333, 1952px 564px #333333, 1978px 145px #333333, 329px 903px #333333, 1674px 617px #333333, 1978px 558px #333333, 1808px 1715px #333333, 1526px 1238px #333333, 475px 1330px #333333, 810px 425px #333333, 1709px 634px #333333, 1658px 336px #333333, 425px 194px #333333, 352px 96px #333333, 148px 180px #333333, 1139px 1046px #333333, 1809px 1233px #333333, 1669px 171px #333333, 263px 1394px #333333, 534px 715px #333333, 396px 1008px #333333, 589px 1445px #333333, 1190px 381px #333333, 1709px 279px #333333, 520px 891px #333333, 1136px 1867px #333333, 1280px 1233px #333333, 836px 296px #333333, 1348px 646px #333333, 1539px 913px #333333, 423px 781px #333333, 1271px 1805px #333333, 696px 564px #333333, 1549px 804px #333333, 303px 1555px #333333, 1449px 1903px #333333, 66px 687px #333333, 1164px 856px #333333, 1958px 1326px #333333, 125px 157px #333333, 508px 1669px #333333, 465px 725px #333333, 1925px 1440px #333333, 405px 793px #333333, 278px 110px #333333, 1084px 1065px #333333, 1077px 705px #333333, 663px 1844px #333333, 734px 263px #333333, 870px 1761px #333333, 103px 1169px #333333, 1506px 1295px #333333, 1883px 926px #333333, 335px 1361px #333333, 1126px 1284px #333333, 257px 1165px #333333, 837px 580px #333333, 1211px 1362px #333333, 1137px 1380px #333333, 135px 632px #333333, 1491px 1965px #333333, 1098px 195px #333333, 506px 417px #333333, 693px 1243px #333333, 622px 1862px #333333, 1412px 1343px #333333, 948px 1894px #333333, 1315px 1363px #333333, 754px 1098px #333333, 1931px 930px #333333, 1831px 342px #333333, 1751px 1839px #333333, 84px 775px #333333, 1662px 1488px #333333, 617px 1769px #333333, 1869px 1292px #333333, 963px 432px #333333, 371px 1114px #333333, 37px 642px #333333, 21px 1184px #333333, 602px 366px #333333, 414px 524px #333333, 282px 244px #333333, 1689px 868px #333333, 943px 681px #333333, 898px 679px #333333, 449px 1774px #333333, 1678px 1313px #333333, 475px 1811px #333333, 1146px 1509px #333333, 1151px 1863px #333333, 1617px 846px #333333, 82px 1077px #333333, 324px 1317px #333333, 1516px 885px #333333, 1706px 1526px #333333, 1925px 1180px #333333, 553px 967px #333333, 1072px 536px #333333, 1715px 1816px #333333, 185px 286px #333333, 1362px 1600px #333333, 628px 1938px #333333, 1187px 412px #333333, 569px 211px #333333, 1959px 1356px #333333, 1571px 105px #333333, 319px 1111px #333333, 36px 1364px #333333, 502px 1788px #333333, 1051px 1993px #333333, 1617px 773px #333333, 424px 1507px #333333, 1623px 1955px #333333, 307px 662px #333333, 183px 1048px #333333, 1919px 1453px #333333, 1006px 1817px #333333, 468px 673px #333333, 1142px 1375px #333333, 1228px 443px #333333, 1734px 552px #333333, 20px 1041px #333333, 1783px 334px #333333, 98px 1237px #333333, 1356px 1940px #333333, 853px 1779px #333333, 1910px 560px #333333, 1174px 1656px #333333, 110px 1724px #333333, 542px 1771px #333333, 1758px 1931px #333333, 1463px 1401px #333333, 1155px 84px #333333, 1504px 835px #333333, 750px 322px #333333, 407px 1900px #333333, 1600px 1141px #333333, 657px 886px #333333, 526px 714px #333333, 18px 836px #333333, 1546px 1548px #333333, 22px 469px #333333, 594px 1466px #333333, 1160px 1078px #333333, 627px 1055px #333333, 195px 699px #333333, 1099px 684px #333333, 530px 551px #333333, 1160px 1325px #333333, 894px 727px #333333, 1157px 98px #333333, 136px 1483px #333333, 1875px 1975px #333333, 1803px 566px #333333, 318px 1073px #333333, 1866px 1656px #333333, 543px 414px #333333, 719px 474px #333333, 1115px 738px #333333, 353px 875px #333333, 184px 1938px #333333, 1854px 1534px #333333, 420px 1698px #333333, 1480px 1550px #333333, 522px 203px #333333, 1897px 1904px #333333, 975px 1708px #333333, 1774px 602px #333333, 1908px 274px #333333, 61px 715px #333333, 983px 1156px #333333, 326px 1013px #333333, 641px 290px #333333, 1522px 120px #333333, 405px 1637px #333333, 1021px 1099px #333333, 631px 1145px #333333, 982px 1967px #333333, 200px 651px #333333, 795px 351px #333333, 790px 1082px #333333, 144px 1572px #333333, 1542px 901px #333333, 158px 1524px #333333, 849px 1843px #333333, 1807px 203px #333333, 1747px 45px #333333, 1603px 1738px #333333, 617px 1966px #333333, 342px 748px #333333, 1779px 1173px #333333, 1428px 152px #333333, 589px 1998px #333333, 1940px 1838px #333333, 115px 272px #333333, 1217px 1395px #333333, 1402px 1491px #333333, 1833px 1814px #333333, 243px 966px #333333, 319px 578px #333333, 813px 364px #333333, 669px 882px #333333, 551px 134px #333333, 1819px 920px #333333, 740px 1826px #333333, 1021px 952px #333333, 1575px 453px #333333, 324px 419px #333333, 929px 417px #333333, 885px 1112px #333333, 503px 187px #333333, 1908px 362px #333333, 1063px 1601px #333333, 169px 1792px #333333, 789px 963px #333333, 1697px 948px #333333, 1761px 1810px #333333, 1844px 1591px #333333, 1709px 949px #333333, 1402px 1396px #333333, 1037px 225px #333333, 1832px 518px #333333, 1728px 1782px #333333, 194px 1421px #333333, 1395px 742px #333333, 1478px 1325px #333333, 40px 593px #333333, 1732px 117px #333333, 51px 158px #333333, 1598px 1672px #333333, 701px 849px #333333, 1403px 1979px #333333, 145px 1414px #333333, 550px 906px #333333, 1366px 460px #333333, 142px 1379px #333333, 34px 1864px #333333, 1346px 308px #333333, 293px 998px #333333, 21px 1868px #333333, 540px 1033px #333333, 60px 746px #333333, 1602px 1476px #333333, 180px 804px #333333, 345px 1982px #333333, 1439px 640px #333333, 939px 1834px #333333, 20px 432px #333333, 492px 1549px #333333, 109px 1579px #333333, 1796px 1403px #333333, 1079px 519px #333333, 1664px 389px #333333, 1627px 1061px #333333, 823px 419px #333333, 1399px 1882px #333333, 1906px 344px #333333, 1189px 848px #333333, 117px 882px #333333, 1262px 33px #333333, 1048px 434px #333333, 1208px 1309px #333333, 1616px 408px #333333, 1833px 853px #333333, 1433px 1656px #333333, 811px 1861px #333333, 439px 1672px #333333, 1105px 248px #333333, 328px 1652px #333333, 13px 1658px #333333, 685px 987px #333333, 985px 403px #333333, 1664px 1206px #333333, 1993px 1925px #333333, 440px 917px #333333, 1835px 319px #333333, 1404px 1907px #333333, 624px 1443px #333333, 843px 954px #333333, 478px 1567px #333333, 895px 1602px #333333, 1231px 871px #333333, 1267px 1646px #333333, 475px 334px #333333, 784px 796px #333333, 1294px 199px #333333, 109px 702px #333333, 1978px 362px #333333, 291px 940px #333333, 971px 1343px #333333, 74px 719px #333333, 36px 715px #333333, 1007px 1423px #333333, 860px 314px #333333, 631px 177px #333333, 1900px 1590px #333333, 1239px 1348px #333333, 1346px 1270px #333333, 1934px 1475px #333333, 1553px 559px #333333, 588px 1969px #333333, 670px 1269px #333333, 1484px 376px #333333, 20px 1424px #333333, 1396px 8px #333333, 969px 244px #333333, 1807px 538px #333333, 1873px 891px #333333, 636px 1142px #333333, 1474px 1562px #333333, 763px 350px #333333, 663px 700px #333333, 500px 1469px #333333, 1302px 722px #333333, 181px 291px #333333, 266px 893px #333333, 1403px 654px #333333, 492px 460px #333333, 1503px 1369px #333333, 23px 1662px #333333, 349px 333px #333333, 1435px 1017px #333333, 1441px 705px #333333, 1708px 1446px #333333, 1041px 911px #333333, 1063px 780px #333333, 1158px 1356px #333333, 767px 1454px #333333, 1912px 797px #333333, 1731px 1759px #333333, 1378px 1390px #333333, 1815px 1364px #333333, 960px 270px #333333, 1343px 427px #333333, 275px 203px #333333, 1319px 1092px #333333, 1455px 770px #333333, 283px 1503px #333333, 1505px 901px #333333, 1738px 1561px #333333, 1526px 1935px #333333, 1757px 669px #333333, 1640px 620px #333333, 1750px 722px #333333, 748px 66px #333333, 1149px 540px #333333, 159px 953px #333333, 200px 1426px #333333, 515px 1110px #333333, 1552px 737px #333333, 1094px 1459px #333333, 778px 799px #333333, 1031px 523px #333333, 743px 1825px #333333, 1100px 882px #333333, 1088px 1836px #333333, 255px 599px #333333, 67px 1361px #333333, 247px 1721px #333333, 1722px 346px #333333, 1822px 155px #333333, 452px 1973px #333333, 415px 1960px #333333, 1109px 57px #333333, 273px 1392px #333333, 404px 1071px #333333, 1212px 353px #333333, 370px 460px #333333, 795px 1523px #333333, 1932px 340px #333333, 51px 1473px #333333, 1268px 364px #333333, 1512px 1862px #333333, 1678px 1801px #333333, 1796px 579px #333333, 254px 251px #333333, 1466px 1717px #333333, 893px 379px #333333, 1153px 923px #333333, 913px 1808px #333333, 791px 789px #333333, 417px 1924px #333333, 1336px 1599px #333333, 1695px 908px #333333, 1120px 114px #333333, 493px 1949px #333333, 68px 1905px #333333, 969px 481px #333333, 1420px 1095px #333333, 800px 1117px #333333, 390px 234px #333333, 356px 1644px #333333, 1098px 1486px #333333, 1360px 521px #333333, 149px 1198px #333333, 354px 747px #333333, 1749px 487px #333333, 470px 76px #333333, 1672px 289px #333333, 1731px 545px #333333, 1547px 1590px #333333, 498px 692px #333333, 398px 1592px #333333, 1846px 1237px #333333, 1537px 1474px #333333, 1726px 1374px #333333, 1922px 858px #333333, 376px 321px #333333, 985px 227px #333333, 234px 1421px #333333, 760px 745px #333333, 1990px 1132px #333333, 1560px 1597px #333333, 338px 1310px #333333, 1924px 1664px #333333, 547px 1747px #333333, 1639px 1282px #333333, 1202px 337px #333333, 1985px 779px #333333, 737px 456px #333333, 89px 501px #333333, 963px 792px #333333, 655px 1447px #333333, 1492px 1994px #333333, 1171px 254px #333333, 892px 827px #333333, 1735px 442px #333333, 1474px 1187px #333333, 846px 1518px #333333, 557px 1805px #333333, 738px 945px #333333, 795px 68px #333333, 663px 1956px #333333, 1607px 290px #333333, 1524px 15px #333333, 1097px 1911px #333333, 157px 1939px #333333, 935px 1065px #333333, 1809px 1708px #333333, 164px 1157px #333333, 83px 855px #333333, 625px 501px #333333, 814px 398px #333333, 552px 695px #333333, 597px 1546px #333333, 1237px 1417px #333333, 628px 284px #333333, 866px 767px #333333, 1403px 1394px #333333, 765px 1563px #333333, 1648px 109px #333333, 1205px 1659px #333333, 921px 1313px #333333, 1319px 243px #333333, 18px 125px #333333, 7px 777px #333333, 181px 418px #333333, 1062px 1892px #333333, 382px 106px #333333, 994px 751px #333333, 964px 234px #333333, 40px 118px #333333, 278px 706px #333333, 1540px 1978px #333333, 425px 1661px #333333, 1050px 321px #333333, 735px 1729px #333333, 1438px 260px #333333, 1229px 1109px #333333, 186px 1041px #333333, 244px 1184px #333333, 392px 1472px #333333, 670px 1249px #333333, 1260px 1443px #333333, 1977px 1511px #333333, 1240px 773px #333333, 303px 513px #333333, 63px 1530px #333333, 610px 792px #333333, 1987px 1647px #333333, 676px 1597px #333333, 1740px 1244px #333333, 816px 1661px #333333, 351px 802px #333333, 252px 1082px #333333, 31px 365px #333333, 1453px 984px #333333, 667px 1233px #333333, 1247px 1800px #333333, 839px 270px #333333, 775px 913px #333333, 1966px 1398px #333333, 499px 813px #333333, 922px 1982px #333333, 1409px 1902px #333333, 1499px 1766px #333333, 721px 899px #333333, 788px 807px #333333, 989px 1355px #333333, 1248px 1274px #333333, 849px 1091px #333333, 1799px 1036px #333333, 1486px 700px #333333, 170px 1989px #333333, 1275px 799px #333333, 772px 2000px #333333, 1642px 362px #333333, 216px 940px #333333, 1893px 281px #333333, 1944px 1298px #333333, 1294px 400px #333333, 1523px 441px #333333, 1829px 340px #333333, 468px 170px #333333, 1099px 967px #333333, 1331px 665px #333333, 1174px 1553px #333333, 1567px 325px #333333, 1028px 1399px #333333, 781px 1451px #333333, 1912px 1954px #333333, 874px 873px #333333, 1298px 1722px #333333, 1879px 706px #333333, 57px 1221px #333333, 1116px 1432px #333333, 48px 811px #333333, 101px 916px #333333, 677px 304px #333333, 1203px 639px #333333, 1391px 199px #333333, 1895px 1988px #333333, 1462px 1023px #333333, 1216px 1751px #333333, 1261px 663px #333333, 1290px 1119px #333333, 137px 1793px #333333, 1052px 1470px #333333, 1561px 226px #333333, 1156px 402px #333333, 709px 693px #333333, 1040px 1911px #333333, 1624px 1115px #333333, 551px 475px #333333, 416px 1090px #333333, 1183px 451px #333333, 58px 765px #333333, 743px 1016px #333333, 198px 369px #333333, 1645px 1503px #333333, 997px 22px #333333, 1447px 1323px #333333, 379px 883px #333333, 1171px 1195px #333333, 919px 133px #333333, 1400px 517px #333333, 725px 804px #333333, 1600px 699px #333333, 357px 581px #333333, 266px 1713px #333333, 848px 1749px #333333, 1963px 1045px #333333, 119px 1136px #333333; +} + +#stars2 { + width: 2px; + height: 2px; + background: transparent; + box-shadow: 1117px 1306px #333333, 1078px 1783px #333333, 1179px 1085px #333333, 1145px 920px #333333, 422px 1233px #333333, 387px 98px #333333, 1153px 637px #333333, 1084px 782px #333333, 476px 453px #333333, 926px 1306px #333333, 60px 1086px #333333, 753px 1575px #333333, 272px 1684px #333333, 1285px 750px #333333, 1416px 1327px #333333, 1931px 473px #333333, 736px 1395px #333333, 1816px 763px #333333, 438px 879px #333333, 665px 1902px #333333, 1341px 677px #333333, 1404px 1073px #333333, 100px 597px #333333, 357px 1689px #333333, 1044px 1342px #333333, 1954px 502px #333333, 1192px 1308px #333333, 540px 1239px #333333, 1360px 552px #333333, 89px 752px #333333, 659px 1253px #333333, 62px 517px #333333, 1375px 1705px #333333, 1343px 1511px #333333, 1659px 1922px #333333, 1560px 289px #333333, 1362px 1799px #333333, 1886px 1480px #333333, 1718px 1885px #333333, 824px 738px #333333, 1060px 1370px #333333, 1781px 1171px #333333, 255px 273px #333333, 1197px 120px #333333, 213px 7px #333333, 1226px 1920px #333333, 1844px 207px #333333, 1675px 970px #333333, 1435px 1283px #333333, 37px 353px #333333, 59px 417px #333333, 921px 1602px #333333, 1549px 1490px #333333, 638px 1845px #333333, 1328px 198px #333333, 1050px 1149px #333333, 1884px 711px #333333, 333px 263px #333333, 342px 1508px #333333, 1388px 1810px #333333, 1377px 1558px #333333, 890px 487px #333333, 1081px 759px #333333, 890px 1515px #333333, 911px 1284px #333333, 335px 735px #333333, 1140px 549px #333333, 1239px 1064px #333333, 226px 71px #333333, 1100px 1278px #333333, 1851px 1805px #333333, 1370px 1999px #333333, 1008px 1122px #333333, 785px 813px #333333, 1358px 601px #333333, 1833px 1305px #333333, 1768px 1304px #333333, 1303px 532px #333333, 860px 598px #333333, 1329px 593px #333333, 1038px 1088px #333333, 408px 405px #333333, 965px 82px #333333, 1483px 1438px #333333, 310px 1479px #333333, 1786px 1500px #333333, 1866px 852px #333333, 18px 1757px #333333, 1473px 1004px #333333, 1542px 1933px #333333, 633px 1970px #333333, 1334px 1713px #333333, 175px 28px #333333, 592px 894px #333333, 121px 1162px #333333, 1601px 1567px #333333, 1095px 657px #333333, 640px 1233px #333333, 1073px 1255px #333333, 840px 1087px #333333, 718px 250px #333333, 967px 709px #333333, 731px 239px #333333, 1623px 593px #333333, 1058px 1820px #333333, 516px 1898px #333333, 666px 12px #333333, 1997px 1382px #333333, 112px 1690px #333333, 687px 1309px #333333, 63px 539px #333333, 185px 1897px #333333, 1055px 1691px #333333, 435px 1517px #333333, 1175px 1119px #333333, 1721px 133px #333333, 1212px 47px #333333, 166px 18px #333333, 1416px 1652px #333333, 1409px 1745px #333333, 1357px 1232px #333333, 1677px 1998px #333333, 448px 1415px #333333, 705px 1736px #333333, 1031px 1466px #333333, 543px 1651px #333333, 1592px 1888px #333333, 1749px 1175px #333333, 639px 1114px #333333, 1591px 508px #333333, 759px 1244px #333333, 824px 380px #333333, 942px 955px #333333, 723px 732px #333333, 113px 1369px #333333, 203px 1739px #333333, 868px 733px #333333, 713px 971px #333333, 341px 833px #333333, 762px 824px #333333, 1359px 310px #333333, 1858px 1349px #333333, 1531px 692px #333333, 1075px 1512px #333333, 1677px 142px #333333, 1912px 1478px #333333, 1810px 1078px #333333, 426px 844px #333333, 1426px 588px #333333, 1909px 654px #333333, 1107px 295px #333333, 1351px 527px #333333, 1393px 599px #333333, 1379px 1068px #333333, 228px 1846px #333333, 1271px 374px #333333, 1348px 612px #333333, 7px 1301px #333333, 1501px 1782px #333333, 1795px 423px #333333, 1475px 1918px #333333, 1328px 1861px #333333, 1624px 51px #333333, 1791px 672px #333333, 1594px 1467px #333333, 1655px 1603px #333333, 919px 850px #333333, 523px 609px #333333, 1196px 207px #333333, 753px 410px #333333, 686px 1097px #333333, 1570px 133px #333333, 1996px 1137px #333333, 361px 116px #333333, 1015px 462px #333333, 76px 1143px #333333, 491px 1818px #333333, 1563px 795px #333333, 982px 1721px #333333, 831px 1204px #333333, 1737px 589px #333333, 861px 1579px #333333, 1666px 130px #333333, 698px 1799px #333333, 726px 1519px #333333, 109px 1208px #333333, 1184px 1057px #333333, 835px 451px #333333, 896px 594px #333333, 35px 893px #333333, 895px 542px #333333, 706px 225px #333333, 56px 1040px #333333, 1954px 108px #333333, 1439px 1423px #333333, 26px 1881px #333333, 802px 1564px #333333, 273px 708px #333333, 40px 31px #333333, 859px 108px #333333; + -webkit-animation: animStar 100s linear infinite; + -moz-animation: animStar 100s linear infinite; + -ms-animation: animStar 100s linear infinite; + animation: animStar 100s linear infinite; +} + +#stars2:after { + content: " "; + position: absolute; + top: 2000px; + width: 2px; + height: 2px; + background: transparent; + box-shadow: 1117px 1306px #333333, 1078px 1783px #333333, 1179px 1085px #333333, 1145px 920px #333333, 422px 1233px #333333, 387px 98px #333333, 1153px 637px #333333, 1084px 782px #333333, 476px 453px #333333, 926px 1306px #333333, 60px 1086px #333333, 753px 1575px #333333, 272px 1684px #333333, 1285px 750px #333333, 1416px 1327px #333333, 1931px 473px #333333, 736px 1395px #333333, 1816px 763px #333333, 438px 879px #333333, 665px 1902px #333333, 1341px 677px #333333, 1404px 1073px #333333, 100px 597px #333333, 357px 1689px #333333, 1044px 1342px #333333, 1954px 502px #333333, 1192px 1308px #333333, 540px 1239px #333333, 1360px 552px #333333, 89px 752px #333333, 659px 1253px #333333, 62px 517px #333333, 1375px 1705px #333333, 1343px 1511px #333333, 1659px 1922px #333333, 1560px 289px #333333, 1362px 1799px #333333, 1886px 1480px #333333, 1718px 1885px #333333, 824px 738px #333333, 1060px 1370px #333333, 1781px 1171px #333333, 255px 273px #333333, 1197px 120px #333333, 213px 7px #333333, 1226px 1920px #333333, 1844px 207px #333333, 1675px 970px #333333, 1435px 1283px #333333, 37px 353px #333333, 59px 417px #333333, 921px 1602px #333333, 1549px 1490px #333333, 638px 1845px #333333, 1328px 198px #333333, 1050px 1149px #333333, 1884px 711px #333333, 333px 263px #333333, 342px 1508px #333333, 1388px 1810px #333333, 1377px 1558px #333333, 890px 487px #333333, 1081px 759px #333333, 890px 1515px #333333, 911px 1284px #333333, 335px 735px #333333, 1140px 549px #333333, 1239px 1064px #333333, 226px 71px #333333, 1100px 1278px #333333, 1851px 1805px #333333, 1370px 1999px #333333, 1008px 1122px #333333, 785px 813px #333333, 1358px 601px #333333, 1833px 1305px #333333, 1768px 1304px #333333, 1303px 532px #333333, 860px 598px #333333, 1329px 593px #333333, 1038px 1088px #333333, 408px 405px #333333, 965px 82px #333333, 1483px 1438px #333333, 310px 1479px #333333, 1786px 1500px #333333, 1866px 852px #333333, 18px 1757px #333333, 1473px 1004px #333333, 1542px 1933px #333333, 633px 1970px #333333, 1334px 1713px #333333, 175px 28px #333333, 592px 894px #333333, 121px 1162px #333333, 1601px 1567px #333333, 1095px 657px #333333, 640px 1233px #333333, 1073px 1255px #333333, 840px 1087px #333333, 718px 250px #333333, 967px 709px #333333, 731px 239px #333333, 1623px 593px #333333, 1058px 1820px #333333, 516px 1898px #333333, 666px 12px #333333, 1997px 1382px #333333, 112px 1690px #333333, 687px 1309px #333333, 63px 539px #333333, 185px 1897px #333333, 1055px 1691px #333333, 435px 1517px #333333, 1175px 1119px #333333, 1721px 133px #333333, 1212px 47px #333333, 166px 18px #333333, 1416px 1652px #333333, 1409px 1745px #333333, 1357px 1232px #333333, 1677px 1998px #333333, 448px 1415px #333333, 705px 1736px #333333, 1031px 1466px #333333, 543px 1651px #333333, 1592px 1888px #333333, 1749px 1175px #333333, 639px 1114px #333333, 1591px 508px #333333, 759px 1244px #333333, 824px 380px #333333, 942px 955px #333333, 723px 732px #333333, 113px 1369px #333333, 203px 1739px #333333, 868px 733px #333333, 713px 971px #333333, 341px 833px #333333, 762px 824px #333333, 1359px 310px #333333, 1858px 1349px #333333, 1531px 692px #333333, 1075px 1512px #333333, 1677px 142px #333333, 1912px 1478px #333333, 1810px 1078px #333333, 426px 844px #333333, 1426px 588px #333333, 1909px 654px #333333, 1107px 295px #333333, 1351px 527px #333333, 1393px 599px #333333, 1379px 1068px #333333, 228px 1846px #333333, 1271px 374px #333333, 1348px 612px #333333, 7px 1301px #333333, 1501px 1782px #333333, 1795px 423px #333333, 1475px 1918px #333333, 1328px 1861px #333333, 1624px 51px #333333, 1791px 672px #333333, 1594px 1467px #333333, 1655px 1603px #333333, 919px 850px #333333, 523px 609px #333333, 1196px 207px #333333, 753px 410px #333333, 686px 1097px #333333, 1570px 133px #333333, 1996px 1137px #333333, 361px 116px #333333, 1015px 462px #333333, 76px 1143px #333333, 491px 1818px #333333, 1563px 795px #333333, 982px 1721px #333333, 831px 1204px #333333, 1737px 589px #333333, 861px 1579px #333333, 1666px 130px #333333, 698px 1799px #333333, 726px 1519px #333333, 109px 1208px #333333, 1184px 1057px #333333, 835px 451px #333333, 896px 594px #333333, 35px 893px #333333, 895px 542px #333333, 706px 225px #333333, 56px 1040px #333333, 1954px 108px #333333, 1439px 1423px #333333, 26px 1881px #333333, 802px 1564px #333333, 273px 708px #333333, 40px 31px #333333, 859px 108px #333333; +} + +#stars3 { + width: 3px; + height: 3px; + background: transparent; + box-shadow: 940px 1360px #333333, 1071px 539px #333333, 1710px 1414px #333333, 836px 299px #333333, 1944px 1420px #333333, 253px 1449px #333333, 1257px 1250px #333333, 1588px 1830px #333333, 1077px 1204px #333333, 273px 1081px #333333, 1993px 766px #333333, 1808px 479px #333333, 917px 263px #333333, 663px 1820px #333333, 342px 1988px #333333, 727px 1250px #333333, 636px 1666px #333333, 692px 1112px #333333, 248px 1211px #333333, 1422px 1121px #333333, 881px 46px #333333, 1531px 1977px #333333, 1643px 1023px #333333, 684px 1071px #333333, 1142px 1873px #333333, 292px 1313px #333333, 256px 1237px #333333, 89px 912px #333333, 964px 1783px #333333, 877px 760px #333333, 1641px 1474px #333333, 1492px 24px #333333, 1776px 1642px #333333, 183px 602px #333333, 1998px 62px #333333, 1560px 367px #333333, 1333px 995px #333333, 704px 1815px #333333, 1809px 712px #333333, 1503px 288px #333333, 630px 556px #333333, 1715px 125px #333333, 353px 1878px #333333, 975px 333px #333333, 1740px 1409px #333333, 1341px 1871px #333333, 1279px 1064px #333333, 169px 874px #333333, 161px 528px #333333, 1671px 1669px #333333, 169px 632px #333333, 547px 1724px #333333, 1904px 110px #333333, 679px 1670px #333333, 196px 123px #333333, 786px 871px #333333, 1840px 324px #333333, 356px 967px #333333, 61px 549px #333333, 99px 677px #333333, 1719px 87px #333333, 1713px 1990px #333333, 1717px 1358px #333333, 108px 1187px #333333, 51px 869px #333333, 1461px 902px #333333, 1034px 891px #333333, 962px 1881px #333333, 1723px 595px #333333, 479px 901px #333333, 1546px 1823px #333333, 285px 1208px #333333, 1056px 347px #333333, 261px 988px #333333, 466px 990px #333333, 1657px 648px #333333, 1249px 933px #333333, 1552px 1555px #333333, 147px 62px #333333, 292px 1157px #333333, 1816px 423px #333333, 1714px 757px #333333, 1036px 961px #333333, 1955px 710px #333333, 1842px 516px #333333, 479px 1870px #333333, 1579px 1445px #333333, 1225px 1309px #333333, 1965px 566px #333333, 1575px 1072px #333333, 923px 329px #333333, 651px 1514px #333333, 865px 1100px #333333, 782px 1873px #333333, 115px 299px #333333, 14px 1668px #333333, 1666px 1817px #333333, 1096px 1068px #333333, 1462px 742px #333333, 1384px 1750px #333333; + -webkit-animation: animStar 150s linear infinite; + -moz-animation: animStar 150s linear infinite; + -ms-animation: animStar 150s linear infinite; + animation: animStar 150s linear infinite; +} + +#stars3:after { + content: " "; + position: absolute; + top: 2000px; + width: 3px; + height: 3px; + background: transparent; + box-shadow: 940px 1360px #333333, 1071px 539px #333333, 1710px 1414px #333333, 836px 299px #333333, 1944px 1420px #333333, 253px 1449px #333333, 1257px 1250px #333333, 1588px 1830px #333333, 1077px 1204px #333333, 273px 1081px #333333, 1993px 766px #333333, 1808px 479px #333333, 917px 263px #333333, 663px 1820px #333333, 342px 1988px #333333, 727px 1250px #333333, 636px 1666px #333333, 692px 1112px #333333, 248px 1211px #333333, 1422px 1121px #333333, 881px 46px #333333, 1531px 1977px #333333, 1643px 1023px #333333, 684px 1071px #333333, 1142px 1873px #333333, 292px 1313px #333333, 256px 1237px #333333, 89px 912px #333333, 964px 1783px #333333, 877px 760px #333333, 1641px 1474px #333333, 1492px 24px #333333, 1776px 1642px #333333, 183px 602px #333333, 1998px 62px #333333, 1560px 367px #333333, 1333px 995px #333333, 704px 1815px #333333, 1809px 712px #333333, 1503px 288px #333333, 630px 556px #333333, 1715px 125px #333333, 353px 1878px #333333, 975px 333px #333333, 1740px 1409px #333333, 1341px 1871px #333333, 1279px 1064px #333333, 169px 874px #333333, 161px 528px #333333, 1671px 1669px #333333, 169px 632px #333333, 547px 1724px #333333, 1904px 110px #333333, 679px 1670px #333333, 196px 123px #333333, 786px 871px #333333, 1840px 324px #333333, 356px 967px #333333, 61px 549px #333333, 99px 677px #333333, 1719px 87px #333333, 1713px 1990px #333333, 1717px 1358px #333333, 108px 1187px #333333, 51px 869px #333333, 1461px 902px #333333, 1034px 891px #333333, 962px 1881px #333333, 1723px 595px #333333, 479px 901px #333333, 1546px 1823px #333333, 285px 1208px #333333, 1056px 347px #333333, 261px 988px #333333, 466px 990px #333333, 1657px 648px #333333, 1249px 933px #333333, 1552px 1555px #333333, 147px 62px #333333, 292px 1157px #333333, 1816px 423px #333333, 1714px 757px #333333, 1036px 961px #333333, 1955px 710px #333333, 1842px 516px #333333, 479px 1870px #333333, 1579px 1445px #333333, 1225px 1309px #333333, 1965px 566px #333333, 1575px 1072px #333333, 923px 329px #333333, 651px 1514px #333333, 865px 1100px #333333, 782px 1873px #333333, 115px 299px #333333, 14px 1668px #333333, 1666px 1817px #333333, 1096px 1068px #333333, 1462px 742px #333333, 1384px 1750px #333333; +} + +#stars4 { + width: 1px; + height: 1px; + background: transparent; + box-shadow: 233px 1976px #333333, 1196px 1119px #333333, 646px 740px #333333, 335px 645px #333333, 1119px 1452px #333333, 176px 1870px #333333, 639px 1711px #333333, 647px 1388px #333333, 1516px 1108px #333333, 464px 66px #333333, 331px 344px #333333, 772px 1189px #333333, 1516px 1850px #333333, 1500px 1463px #333333, 1275px 876px #333333, 1107px 645px #333333, 977px 478px #333333, 583px 1179px #333333, 284px 395px #333333, 1220px 461px #333333, 1160px 249px #333333, 196px 865px #333333, 670px 1915px #333333, 1449px 382px #333333, 1191px 546px #333333, 1329px 605px #333333, 1945px 458px #333333, 995px 749px #333333, 1495px 861px #333333, 708px 1731px #333333, 348px 653px #333333, 548px 1298px #333333, 1606px 990px #333333, 1049px 1204px #333333, 253px 1501px #333333, 1154px 166px #333333, 1087px 104px #333333, 1034px 1161px #333333, 1681px 462px #333333, 577px 1897px #333333, 193px 1901px #333333, 1701px 1755px #333333, 864px 1297px #333333, 800px 1289px #333333, 676px 28px #333333, 185px 1341px #333333, 379px 1151px #333333, 1224px 1725px #333333, 280px 541px #333333, 473px 1196px #333333, 921px 1628px #333333, 969px 432px #333333, 1475px 758px #333333, 1195px 993px #333333, 876px 1840px #333333, 1274px 1689px #333333, 1977px 1101px #333333, 837px 527px #333333, 1785px 1610px #333333, 1650px 1843px #333333, 1127px 1508px #333333, 401px 1050px #333333, 51px 1105px #333333, 545px 880px #333333, 1786px 1672px #333333, 318px 260px #333333, 568px 254px #333333, 1026px 1527px #333333, 1242px 852px #333333, 1785px 982px #333333, 1318px 1071px #333333, 398px 1061px #333333, 1509px 257px #333333, 599px 928px #333333, 1195px 1800px #333333, 1254px 906px #333333, 141px 26px #333333, 1384px 1502px #333333, 476px 767px #333333, 1973px 722px #333333, 1339px 1031px #333333, 778px 818px #333333, 213px 1320px #333333, 184px 221px #333333, 983px 1911px #333333, 923px 1439px #333333, 1936px 581px #333333, 1105px 625px #333333, 325px 729px #333333, 1475px 204px #333333, 1483px 1564px #333333, 1327px 1272px #333333, 1187px 1944px #333333, 1945px 1471px #333333, 116px 960px #333333, 1660px 1610px #333333, 412px 1022px #333333, 1552px 1516px #333333, 1517px 1892px #333333, 306px 829px #333333, 1416px 462px #333333, 1575px 1460px #333333, 424px 1500px #333333, 1530px 1169px #333333, 1388px 1608px #333333, 185px 416px #333333, 634px 1446px #333333, 767px 479px #333333, 71px 426px #333333, 1937px 145px #333333, 1955px 1312px #333333, 1811px 611px #333333, 1145px 569px #333333, 1460px 676px #333333, 131px 1858px #333333, 1557px 473px #333333, 735px 130px #333333, 112px 1531px #333333, 1312px 305px #333333, 409px 1032px #333333, 149px 1964px #333333, 535px 1215px #333333, 1382px 630px #333333, 1437px 1368px #333333, 362px 1181px #333333, 388px 181px #333333, 274px 1287px #333333, 1858px 1414px #333333, 661px 1935px #333333, 675px 1205px #333333, 1829px 1725px #333333, 1937px 1145px #333333, 237px 908px #333333, 1059px 1185px #333333, 824px 1248px #333333, 1167px 1730px #333333, 180px 1961px #333333, 1663px 203px #333333, 374px 221px #333333, 724px 1883px #333333, 970px 1362px #333333, 832px 505px #333333, 313px 233px #333333, 1909px 597px #333333, 434px 201px #333333, 587px 995px #333333, 1833px 623px #333333, 1464px 561px #333333, 231px 593px #333333, 1558px 1433px #333333, 1986px 1767px #333333, 1753px 1728px #333333, 1153px 1623px #333333, 249px 229px #333333, 1503px 1186px #333333, 1784px 137px #333333, 841px 403px #333333, 1400px 354px #333333, 197px 499px #333333, 1188px 681px #333333, 158px 391px #333333, 443px 1099px #333333, 723px 1445px #333333, 1408px 1235px #333333, 1908px 195px #333333, 271px 891px #333333, 469px 1693px #333333, 580px 11px #333333, 1533px 70px #333333, 859px 761px #333333, 1510px 1844px #333333, 421px 558px #333333, 1132px 1453px #333333, 757px 1987px #333333, 212px 293px #333333, 569px 323px #333333, 1404px 1394px #333333, 252px 1386px #333333, 1668px 1857px #333333, 123px 1684px #333333, 105px 490px #333333, 1083px 1769px #333333, 1071px 1953px #333333, 1271px 1159px #333333, 699px 1491px #333333, 1744px 1997px #333333, 1868px 1973px #333333, 1438px 1449px #333333, 1222px 1921px #333333, 1328px 1210px #333333, 438px 873px #333333, 809px 780px #333333, 491px 1524px #333333, 447px 1830px #333333, 927px 1936px #333333, 564px 691px #333333, 1784px 1747px #333333, 1978px 1722px #333333, 1599px 1480px #333333, 1276px 729px #333333, 731px 1174px #333333, 1586px 1711px #333333, 451px 1340px #333333, 1075px 1899px #333333, 13px 575px #333333, 309px 1340px #333333, 981px 183px #333333, 248px 1315px #333333, 849px 80px #333333, 1754px 1540px #333333, 73px 1432px #333333, 1208px 1828px #333333, 65px 575px #333333, 1098px 730px #333333, 127px 1358px #333333, 185px 19px #333333, 1222px 1679px #333333, 1122px 315px #333333, 1906px 452px #333333, 761px 284px #333333, 813px 492px #333333, 1344px 843px #333333, 118px 1834px #333333, 1620px 359px #333333, 1755px 1246px #333333, 299px 1076px #333333, 1746px 158px #333333, 6px 1635px #333333, 143px 190px #333333, 101px 468px #333333, 137px 971px #333333, 1221px 1929px #333333, 1752px 650px #333333, 1635px 1761px #333333, 1522px 833px #333333, 908px 153px #333333, 1044px 350px #333333, 1151px 1940px #333333, 822px 210px #333333, 1774px 310px #333333, 796px 1447px #333333, 1069px 1903px #333333, 217px 565px #333333, 662px 1370px #333333, 1876px 1570px #333333, 847px 46px #333333, 1042px 1689px #333333, 1584px 1434px #333333, 1791px 908px #333333, 973px 908px #333333, 793px 747px #333333, 122px 483px #333333, 1137px 1374px #333333, 1757px 1791px #333333, 513px 225px #333333, 63px 731px #333333, 1179px 1926px #333333, 346px 18px #333333, 589px 175px #333333, 87px 302px #333333, 380px 1295px #333333, 450px 921px #333333, 1667px 1973px #333333, 1495px 1373px #333333, 1462px 1850px #333333, 540px 288px #333333, 1208px 1051px #333333, 1554px 1095px #333333, 1009px 1516px #333333, 181px 572px #333333, 165px 387px #333333, 549px 1835px #333333, 960px 16px #333333, 1360px 403px #333333, 1251px 43px #333333, 1905px 1813px #333333, 1106px 866px #333333, 1809px 277px #333333, 1828px 1720px #333333, 295px 1610px #333333, 523px 166px #333333, 1069px 692px #333333, 1292px 217px #333333, 11px 1721px #333333, 99px 1045px #333333, 51px 1584px #333333, 1053px 266px #333333, 1287px 1235px #333333, 747px 1722px #333333, 1542px 736px #333333, 1256px 18px #333333, 102px 609px #333333, 586px 1339px #333333, 1843px 1697px #333333, 824px 1687px #333333, 1124px 882px #333333, 395px 501px #333333, 1456px 672px #333333, 1472px 1648px #333333, 1326px 1164px #333333, 777px 1672px #333333, 81px 345px #333333, 91px 386px #333333, 243px 411px #333333, 1560px 90px #333333, 6px 1771px #333333, 1601px 616px #333333, 1220px 1808px #333333, 1160px 836px #333333, 246px 1777px #333333, 456px 863px #333333, 97px 1138px #333333, 1811px 942px #333333, 213px 414px #333333, 891px 392px #333333, 1044px 927px #333333, 1856px 216px #333333, 957px 347px #333333, 1486px 406px #333333, 838px 912px #333333, 803px 361px #333333, 564px 826px #333333, 1597px 949px #333333, 1206px 289px #333333, 33px 1035px #333333, 1762px 1377px #333333, 789px 1815px #333333, 1594px 1342px #333333, 1668px 880px #333333, 1539px 1581px #333333, 1547px 53px #333333, 861px 1433px #333333, 693px 1618px #333333, 1762px 782px #333333, 1568px 682px #333333, 1126px 1762px #333333, 1242px 134px #333333, 495px 959px #333333, 1606px 219px #333333, 1878px 1415px #333333, 1652px 797px #333333, 782px 1903px #333333, 1774px 1133px #333333, 1430px 408px #333333, 265px 394px #333333, 890px 336px #333333, 1051px 311px #333333, 461px 1559px #333333, 1931px 91px #333333, 1160px 380px #333333, 1442px 1058px #333333, 1157px 364px #333333, 586px 227px #333333, 1365px 715px #333333, 1658px 1655px #333333, 1923px 1664px #333333, 1023px 1844px #333333, 1939px 1367px #333333, 1203px 1305px #333333, 359px 642px #333333, 1056px 425px #333333, 787px 202px #333333, 1609px 1850px #333333, 1964px 200px #333333, 1537px 586px #333333, 1589px 903px #333333, 1063px 1694px #333333, 760px 1185px #333333, 597px 1396px #333333, 294px 452px #333333, 433px 818px #333333, 199px 840px #333333, 1332px 1937px #333333, 169px 1907px #333333, 591px 834px #333333, 1716px 1032px #333333, 45px 1879px #333333, 686px 1469px #333333, 1520px 475px #333333, 1122px 859px #333333, 973px 1541px #333333, 269px 477px #333333, 1390px 716px #333333, 1791px 783px #333333, 824px 2000px #333333, 1211px 1717px #333333, 1008px 1587px #333333, 1422px 204px #333333, 234px 556px #333333, 506px 550px #333333, 942px 1670px #333333, 397px 853px #333333, 599px 795px #333333, 762px 1926px #333333, 1202px 1424px #333333, 135px 1316px #333333, 1442px 1692px #333333, 977px 652px #333333, 564px 1648px #333333, 997px 1474px #333333, 67px 1366px #333333, 1860px 1451px #333333, 1105px 772px #333333, 1886px 1396px #333333, 1510px 658px #333333, 976px 1544px #333333, 894px 543px #333333, 1098px 1189px #333333, 690px 77px #333333, 770px 733px #333333, 557px 1403px #333333, 1758px 1623px #333333, 1341px 812px #333333, 699px 967px #333333, 277px 866px #333333, 1526px 1828px #333333, 8px 977px #333333, 1707px 952px #333333, 12px 1900px #333333, 72px 921px #333333, 496px 1067px #333333, 1288px 1749px #333333, 273px 984px #333333, 1197px 1991px #333333, 242px 789px #333333, 903px 1035px #333333, 480px 1492px #333333, 102px 1331px #333333, 738px 1343px #333333, 560px 1475px #333333, 367px 846px #333333, 1420px 962px #333333, 1976px 892px #333333, 1911px 1763px #333333, 1639px 1002px #333333, 437px 1522px #333333, 1906px 1025px #333333, 730px 1364px #333333, 1127px 521px #333333, 1401px 1792px #333333, 1954px 1066px #333333, 232px 250px #333333, 1685px 660px #333333, 1011px 999px #333333, 1970px 790px #333333, 750px 499px #333333, 1738px 660px #333333, 1621px 1849px #333333, 446px 52px #333333, 1055px 1396px #333333, 1165px 1497px #333333, 1740px 1425px #333333, 1012px 1920px #333333, 1258px 1560px #333333, 1020px 1152px #333333, 362px 673px #333333, 1065px 975px #333333, 582px 755px #333333, 1271px 1479px #333333, 719px 548px #333333, 1602px 879px #333333, 590px 499px #333333, 721px 1412px #333333, 1180px 113px #333333, 1801px 1961px #333333, 589px 941px #333333, 883px 476px #333333, 214px 890px #333333, 1028px 892px #333333, 1107px 1832px #333333, 944px 361px #333333, 480px 1453px #333333, 1466px 683px #333333, 981px 745px #333333, 1968px 828px #333333, 657px 1830px #333333, 11px 1338px #333333, 179px 730px #333333, 1713px 197px #333333, 51px 955px #333333, 1243px 319px #333333, 1175px 624px #333333, 446px 46px #333333, 5px 1158px #333333, 82px 1352px #333333, 1877px 402px #333333, 708px 1778px #333333, 903px 1625px #333333, 1824px 352px #333333, 1229px 140px #333333, 1518px 24px #333333, 1017px 512px #333333, 515px 699px #333333, 295px 265px #333333, 69px 1773px #333333, 1640px 1163px #333333, 536px 342px #333333, 970px 1766px #333333, 560px 1416px #333333, 577px 193px #333333, 469px 9px #333333, 466px 276px #333333, 711px 853px #333333, 401px 685px #333333, 85px 506px #333333, 865px 558px #333333, 631px 105px #333333, 887px 866px #333333, 1704px 1001px #333333, 1051px 1199px #333333, 275px 1909px #333333, 1462px 829px #333333, 375px 1057px #333333, 1531px 1501px #333333, 205px 403px #333333, 33px 1869px #333333, 967px 1176px #333333, 376px 863px #333333, 1769px 1545px #333333, 535px 51px #333333, 1972px 1569px #333333, 1773px 960px #333333, 487px 620px #333333, 1660px 687px #333333, 1632px 972px #333333, 1362px 42px #333333, 479px 1655px #333333, 1531px 1808px #333333, 1450px 1412px #333333, 1549px 170px #333333, 1904px 1305px #333333, 1209px 48px #333333, 1933px 820px #333333, 1623px 595px #333333, 48px 643px #333333, 179px 1754px #333333, 589px 1032px #333333, 1199px 356px #333333, 1755px 1418px #333333, 780px 1174px #333333, 1905px 758px #333333, 1567px 713px #333333, 1372px 705px #333333, 456px 654px #333333, 759px 690px #333333, 452px 673px #333333, 993px 1610px #333333, 1271px 188px #333333, 343px 1750px #333333, 1943px 1735px #333333, 1717px 853px #333333, 1247px 303px #333333, 1314px 1895px #333333, 1203px 489px #333333, 741px 469px #333333, 4px 246px #333333, 1515px 115px #333333, 606px 218px #333333, 1966px 1471px #333333, 177px 87px #333333, 1575px 588px #333333, 1136px 1386px #333333, 70px 1868px #333333, 1053px 18px #333333, 1124px 721px #333333, 1748px 1181px #333333, 191px 1387px #333333, 1931px 840px #333333, 1088px 1603px #333333, 634px 1255px #333333, 814px 1434px #333333, 585px 64px #333333, 1074px 1618px #333333, 1692px 761px #333333, 651px 643px #333333, 193px 335px #333333, 1103px 1447px #333333, 491px 1142px #333333, 521px 408px #333333, 536px 340px #333333, 411px 1091px #333333, 1646px 193px #333333, 1595px 1285px #333333, 870px 1349px #333333, 1085px 1013px #333333, 204px 1864px #333333, 1359px 299px #333333, 807px 964px #333333, 219px 509px #333333, 36px 1227px #333333, 702px 1873px #333333, 1471px 934px #333333, 1763px 792px #333333, 973px 1957px #333333, 987px 68px #333333, 593px 1282px #333333, 1900px 607px #333333, 407px 1659px #333333, 587px 17px #333333, 632px 158px #333333; + -webkit-animation: animStar 600s linear infinite; + -moz-animation: animStar 600s linear infinite; + -ms-animation: animStar 600s linear infinite; + animation: animStar 600s linear infinite; +} + +#stars4:after { + content: " "; + position: absolute; + top: 2000px; + width: 1px; + height: 1px; + background: transparent; + box-shadow: 233px 1976px #333333, 1196px 1119px #333333, 646px 740px #333333, 335px 645px #333333, 1119px 1452px #333333, 176px 1870px #333333, 639px 1711px #333333, 647px 1388px #333333, 1516px 1108px #333333, 464px 66px #333333, 331px 344px #333333, 772px 1189px #333333, 1516px 1850px #333333, 1500px 1463px #333333, 1275px 876px #333333, 1107px 645px #333333, 977px 478px #333333, 583px 1179px #333333, 284px 395px #333333, 1220px 461px #333333, 1160px 249px #333333, 196px 865px #333333, 670px 1915px #333333, 1449px 382px #333333, 1191px 546px #333333, 1329px 605px #333333, 1945px 458px #333333, 995px 749px #333333, 1495px 861px #333333, 708px 1731px #333333, 348px 653px #333333, 548px 1298px #333333, 1606px 990px #333333, 1049px 1204px #333333, 253px 1501px #333333, 1154px 166px #333333, 1087px 104px #333333, 1034px 1161px #333333, 1681px 462px #333333, 577px 1897px #333333, 193px 1901px #333333, 1701px 1755px #333333, 864px 1297px #333333, 800px 1289px #333333, 676px 28px #333333, 185px 1341px #333333, 379px 1151px #333333, 1224px 1725px #333333, 280px 541px #333333, 473px 1196px #333333, 921px 1628px #333333, 969px 432px #333333, 1475px 758px #333333, 1195px 993px #333333, 876px 1840px #333333, 1274px 1689px #333333, 1977px 1101px #333333, 837px 527px #333333, 1785px 1610px #333333, 1650px 1843px #333333, 1127px 1508px #333333, 401px 1050px #333333, 51px 1105px #333333, 545px 880px #333333, 1786px 1672px #333333, 318px 260px #333333, 568px 254px #333333, 1026px 1527px #333333, 1242px 852px #333333, 1785px 982px #333333, 1318px 1071px #333333, 398px 1061px #333333, 1509px 257px #333333, 599px 928px #333333, 1195px 1800px #333333, 1254px 906px #333333, 141px 26px #333333, 1384px 1502px #333333, 476px 767px #333333, 1973px 722px #333333, 1339px 1031px #333333, 778px 818px #333333, 213px 1320px #333333, 184px 221px #333333, 983px 1911px #333333, 923px 1439px #333333, 1936px 581px #333333, 1105px 625px #333333, 325px 729px #333333, 1475px 204px #333333, 1483px 1564px #333333, 1327px 1272px #333333, 1187px 1944px #333333, 1945px 1471px #333333, 116px 960px #333333, 1660px 1610px #333333, 412px 1022px #333333, 1552px 1516px #333333, 1517px 1892px #333333, 306px 829px #333333, 1416px 462px #333333, 1575px 1460px #333333, 424px 1500px #333333, 1530px 1169px #333333, 1388px 1608px #333333, 185px 416px #333333, 634px 1446px #333333, 767px 479px #333333, 71px 426px #333333, 1937px 145px #333333, 1955px 1312px #333333, 1811px 611px #333333, 1145px 569px #333333, 1460px 676px #333333, 131px 1858px #333333, 1557px 473px #333333, 735px 130px #333333, 112px 1531px #333333, 1312px 305px #333333, 409px 1032px #333333, 149px 1964px #333333, 535px 1215px #333333, 1382px 630px #333333, 1437px 1368px #333333, 362px 1181px #333333, 388px 181px #333333, 274px 1287px #333333, 1858px 1414px #333333, 661px 1935px #333333, 675px 1205px #333333, 1829px 1725px #333333, 1937px 1145px #333333, 237px 908px #333333, 1059px 1185px #333333, 824px 1248px #333333, 1167px 1730px #333333, 180px 1961px #333333, 1663px 203px #333333, 374px 221px #333333, 724px 1883px #333333, 970px 1362px #333333, 832px 505px #333333, 313px 233px #333333, 1909px 597px #333333, 434px 201px #333333, 587px 995px #333333, 1833px 623px #333333, 1464px 561px #333333, 231px 593px #333333, 1558px 1433px #333333, 1986px 1767px #333333, 1753px 1728px #333333, 1153px 1623px #333333, 249px 229px #333333, 1503px 1186px #333333, 1784px 137px #333333, 841px 403px #333333, 1400px 354px #333333, 197px 499px #333333, 1188px 681px #333333, 158px 391px #333333, 443px 1099px #333333, 723px 1445px #333333, 1408px 1235px #333333, 1908px 195px #333333, 271px 891px #333333, 469px 1693px #333333, 580px 11px #333333, 1533px 70px #333333, 859px 761px #333333, 1510px 1844px #333333, 421px 558px #333333, 1132px 1453px #333333, 757px 1987px #333333, 212px 293px #333333, 569px 323px #333333, 1404px 1394px #333333, 252px 1386px #333333, 1668px 1857px #333333, 123px 1684px #333333, 105px 490px #333333, 1083px 1769px #333333, 1071px 1953px #333333, 1271px 1159px #333333, 699px 1491px #333333, 1744px 1997px #333333, 1868px 1973px #333333, 1438px 1449px #333333, 1222px 1921px #333333, 1328px 1210px #333333, 438px 873px #333333, 809px 780px #333333, 491px 1524px #333333, 447px 1830px #333333, 927px 1936px #333333, 564px 691px #333333, 1784px 1747px #333333, 1978px 1722px #333333, 1599px 1480px #333333, 1276px 729px #333333, 731px 1174px #333333, 1586px 1711px #333333, 451px 1340px #333333, 1075px 1899px #333333, 13px 575px #333333, 309px 1340px #333333, 981px 183px #333333, 248px 1315px #333333, 849px 80px #333333, 1754px 1540px #333333, 73px 1432px #333333, 1208px 1828px #333333, 65px 575px #333333, 1098px 730px #333333, 127px 1358px #333333, 185px 19px #333333, 1222px 1679px #333333, 1122px 315px #333333, 1906px 452px #333333, 761px 284px #333333, 813px 492px #333333, 1344px 843px #333333, 118px 1834px #333333, 1620px 359px #333333, 1755px 1246px #333333, 299px 1076px #333333, 1746px 158px #333333, 6px 1635px #333333, 143px 190px #333333, 101px 468px #333333, 137px 971px #333333, 1221px 1929px #333333, 1752px 650px #333333, 1635px 1761px #333333, 1522px 833px #333333, 908px 153px #333333, 1044px 350px #333333, 1151px 1940px #333333, 822px 210px #333333, 1774px 310px #333333, 796px 1447px #333333, 1069px 1903px #333333, 217px 565px #333333, 662px 1370px #333333, 1876px 1570px #333333, 847px 46px #333333, 1042px 1689px #333333, 1584px 1434px #333333, 1791px 908px #333333, 973px 908px #333333, 793px 747px #333333, 122px 483px #333333, 1137px 1374px #333333, 1757px 1791px #333333, 513px 225px #333333, 63px 731px #333333, 1179px 1926px #333333, 346px 18px #333333, 589px 175px #333333, 87px 302px #333333, 380px 1295px #333333, 450px 921px #333333, 1667px 1973px #333333, 1495px 1373px #333333, 1462px 1850px #333333, 540px 288px #333333, 1208px 1051px #333333, 1554px 1095px #333333, 1009px 1516px #333333, 181px 572px #333333, 165px 387px #333333, 549px 1835px #333333, 960px 16px #333333, 1360px 403px #333333, 1251px 43px #333333, 1905px 1813px #333333, 1106px 866px #333333, 1809px 277px #333333, 1828px 1720px #333333, 295px 1610px #333333, 523px 166px #333333, 1069px 692px #333333, 1292px 217px #333333, 11px 1721px #333333, 99px 1045px #333333, 51px 1584px #333333, 1053px 266px #333333, 1287px 1235px #333333, 747px 1722px #333333, 1542px 736px #333333, 1256px 18px #333333, 102px 609px #333333, 586px 1339px #333333, 1843px 1697px #333333, 824px 1687px #333333, 1124px 882px #333333, 395px 501px #333333, 1456px 672px #333333, 1472px 1648px #333333, 1326px 1164px #333333, 777px 1672px #333333, 81px 345px #333333, 91px 386px #333333, 243px 411px #333333, 1560px 90px #333333, 6px 1771px #333333, 1601px 616px #333333, 1220px 1808px #333333, 1160px 836px #333333, 246px 1777px #333333, 456px 863px #333333, 97px 1138px #333333, 1811px 942px #333333, 213px 414px #333333, 891px 392px #333333, 1044px 927px #333333, 1856px 216px #333333, 957px 347px #333333, 1486px 406px #333333, 838px 912px #333333, 803px 361px #333333, 564px 826px #333333, 1597px 949px #333333, 1206px 289px #333333, 33px 1035px #333333, 1762px 1377px #333333, 789px 1815px #333333, 1594px 1342px #333333, 1668px 880px #333333, 1539px 1581px #333333, 1547px 53px #333333, 861px 1433px #333333, 693px 1618px #333333, 1762px 782px #333333, 1568px 682px #333333, 1126px 1762px #333333, 1242px 134px #333333, 495px 959px #333333, 1606px 219px #333333, 1878px 1415px #333333, 1652px 797px #333333, 782px 1903px #333333, 1774px 1133px #333333, 1430px 408px #333333, 265px 394px #333333, 890px 336px #333333, 1051px 311px #333333, 461px 1559px #333333, 1931px 91px #333333, 1160px 380px #333333, 1442px 1058px #333333, 1157px 364px #333333, 586px 227px #333333, 1365px 715px #333333, 1658px 1655px #333333, 1923px 1664px #333333, 1023px 1844px #333333, 1939px 1367px #333333, 1203px 1305px #333333, 359px 642px #333333, 1056px 425px #333333, 787px 202px #333333, 1609px 1850px #333333, 1964px 200px #333333, 1537px 586px #333333, 1589px 903px #333333, 1063px 1694px #333333, 760px 1185px #333333, 597px 1396px #333333, 294px 452px #333333, 433px 818px #333333, 199px 840px #333333, 1332px 1937px #333333, 169px 1907px #333333, 591px 834px #333333, 1716px 1032px #333333, 45px 1879px #333333, 686px 1469px #333333, 1520px 475px #333333, 1122px 859px #333333, 973px 1541px #333333, 269px 477px #333333, 1390px 716px #333333, 1791px 783px #333333, 824px 2000px #333333, 1211px 1717px #333333, 1008px 1587px #333333, 1422px 204px #333333, 234px 556px #333333, 506px 550px #333333, 942px 1670px #333333, 397px 853px #333333, 599px 795px #333333, 762px 1926px #333333, 1202px 1424px #333333, 135px 1316px #333333, 1442px 1692px #333333, 977px 652px #333333, 564px 1648px #333333, 997px 1474px #333333, 67px 1366px #333333, 1860px 1451px #333333, 1105px 772px #333333, 1886px 1396px #333333, 1510px 658px #333333, 976px 1544px #333333, 894px 543px #333333, 1098px 1189px #333333, 690px 77px #333333, 770px 733px #333333, 557px 1403px #333333, 1758px 1623px #333333, 1341px 812px #333333, 699px 967px #333333, 277px 866px #333333, 1526px 1828px #333333, 8px 977px #333333, 1707px 952px #333333, 12px 1900px #333333, 72px 921px #333333, 496px 1067px #333333, 1288px 1749px #333333, 273px 984px #333333, 1197px 1991px #333333, 242px 789px #333333, 903px 1035px #333333, 480px 1492px #333333, 102px 1331px #333333, 738px 1343px #333333, 560px 1475px #333333, 367px 846px #333333, 1420px 962px #333333, 1976px 892px #333333, 1911px 1763px #333333, 1639px 1002px #333333, 437px 1522px #333333, 1906px 1025px #333333, 730px 1364px #333333, 1127px 521px #333333, 1401px 1792px #333333, 1954px 1066px #333333, 232px 250px #333333, 1685px 660px #333333, 1011px 999px #333333, 1970px 790px #333333, 750px 499px #333333, 1738px 660px #333333, 1621px 1849px #333333, 446px 52px #333333, 1055px 1396px #333333, 1165px 1497px #333333, 1740px 1425px #333333, 1012px 1920px #333333, 1258px 1560px #333333, 1020px 1152px #333333, 362px 673px #333333, 1065px 975px #333333, 582px 755px #333333, 1271px 1479px #333333, 719px 548px #333333, 1602px 879px #333333, 590px 499px #333333, 721px 1412px #333333, 1180px 113px #333333, 1801px 1961px #333333, 589px 941px #333333, 883px 476px #333333, 214px 890px #333333, 1028px 892px #333333, 1107px 1832px #333333, 944px 361px #333333, 480px 1453px #333333, 1466px 683px #333333, 981px 745px #333333, 1968px 828px #333333, 657px 1830px #333333, 11px 1338px #333333, 179px 730px #333333, 1713px 197px #333333, 51px 955px #333333, 1243px 319px #333333, 1175px 624px #333333, 446px 46px #333333, 5px 1158px #333333, 82px 1352px #333333, 1877px 402px #333333, 708px 1778px #333333, 903px 1625px #333333, 1824px 352px #333333, 1229px 140px #333333, 1518px 24px #333333, 1017px 512px #333333, 515px 699px #333333, 295px 265px #333333, 69px 1773px #333333, 1640px 1163px #333333, 536px 342px #333333, 970px 1766px #333333, 560px 1416px #333333, 577px 193px #333333, 469px 9px #333333, 466px 276px #333333, 711px 853px #333333, 401px 685px #333333, 85px 506px #333333, 865px 558px #333333, 631px 105px #333333, 887px 866px #333333, 1704px 1001px #333333, 1051px 1199px #333333, 275px 1909px #333333, 1462px 829px #333333, 375px 1057px #333333, 1531px 1501px #333333, 205px 403px #333333, 33px 1869px #333333, 967px 1176px #333333, 376px 863px #333333, 1769px 1545px #333333, 535px 51px #333333, 1972px 1569px #333333, 1773px 960px #333333, 487px 620px #333333, 1660px 687px #333333, 1632px 972px #333333, 1362px 42px #333333, 479px 1655px #333333, 1531px 1808px #333333, 1450px 1412px #333333, 1549px 170px #333333, 1904px 1305px #333333, 1209px 48px #333333, 1933px 820px #333333, 1623px 595px #333333, 48px 643px #333333, 179px 1754px #333333, 589px 1032px #333333, 1199px 356px #333333, 1755px 1418px #333333, 780px 1174px #333333, 1905px 758px #333333, 1567px 713px #333333, 1372px 705px #333333, 456px 654px #333333, 759px 690px #333333, 452px 673px #333333, 993px 1610px #333333, 1271px 188px #333333, 343px 1750px #333333, 1943px 1735px #333333, 1717px 853px #333333, 1247px 303px #333333, 1314px 1895px #333333, 1203px 489px #333333, 741px 469px #333333, 4px 246px #333333, 1515px 115px #333333, 606px 218px #333333, 1966px 1471px #333333, 177px 87px #333333, 1575px 588px #333333, 1136px 1386px #333333, 70px 1868px #333333, 1053px 18px #333333, 1124px 721px #333333, 1748px 1181px #333333, 191px 1387px #333333, 1931px 840px #333333, 1088px 1603px #333333, 634px 1255px #333333, 814px 1434px #333333, 585px 64px #333333, 1074px 1618px #333333, 1692px 761px #333333, 651px 643px #333333, 193px 335px #333333, 1103px 1447px #333333, 491px 1142px #333333, 521px 408px #333333, 536px 340px #333333, 411px 1091px #333333, 1646px 193px #333333, 1595px 1285px #333333, 870px 1349px #333333, 1085px 1013px #333333, 204px 1864px #333333, 1359px 299px #333333, 807px 964px #333333, 219px 509px #333333, 36px 1227px #333333, 702px 1873px #333333, 1471px 934px #333333, 1763px 792px #333333, 973px 1957px #333333, 987px 68px #333333, 593px 1282px #333333, 1900px 607px #333333, 407px 1659px #333333, 587px 17px #333333, 632px 158px #333333; +} + +@-webkit-keyframes animStar { + from { + -webkit-transform: translateY(0px); + } + to { + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes animStar { + from { + -moz-transform: translateY(0px); + } + to { + -moz-transform: translateY(-2000px); + } +} + +@-ms-keyframes animStar { + from { + -ms-transform: translateY(0px); + } + to { + -ms-transform: translateY(-2000px); + } +} + +@keyframes animStar { + from { + transform: translateY(0px); + } + to { + transform: translateY(-2000px); + } +} \ No newline at end of file diff --git a/assets/js/breakpoints.min.js b/assets/js/breakpoints.min.js new file mode 100644 index 0000000..32419cc --- /dev/null +++ b/assets/js/breakpoints.min.js @@ -0,0 +1,2 @@ +/* breakpoints.js v1.0 | @ajlkn | MIT licensed */ +var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="
",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 01){for(var r=0;r=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n1){for(o=0;o 0) { + + // Shrink effect. + $main + .scrollex({ + mode: 'top', + enter: function() { + $nav.addClass('alt'); + }, + leave: function() { + $nav.removeClass('alt'); + }, + }); + + // Links. + var $nav_a = $nav.find('a'); + + $nav_a + .scrolly({ + speed: 1000, + offset: function() { return $nav.height(); } + }) + .on('click', function() { + + var $this = $(this); + + // External link? Bail. + if ($this.attr('href').charAt(0) != '#') + return; + + // Deactivate all links. + $nav_a + .removeClass('active') + .removeClass('active-locked'); + + // Activate link *and* lock it (so Scrollex doesn't try to activate other links as we're scrolling to this one's section). + $this + .addClass('active') + .addClass('active-locked'); + + }) + .each(function() { + + var $this = $(this), + id = $this.attr('href'), + $section = $(id); + + // No section for this link? Bail. + if ($section.length < 1) + return; + + // Scrollex. + $section.scrollex({ + mode: 'middle', + initialize: function() { + + // Deactivate section. + if (browser.canUse('transition')) + $section.addClass('inactive'); + + }, + enter: function() { + + // Activate section. + $section.removeClass('inactive'); + + // No locked links? Deactivate all links and activate this section's one. + if ($nav_a.filter('.active-locked').length == 0) { + + $nav_a.removeClass('active'); + $this.addClass('active'); + + } + + // Otherwise, if this section's link is the one that's locked, unlock it. + else if ($this.hasClass('active-locked')) + $this.removeClass('active-locked'); + + } + }); + + }); + + } + + // Scrolly. + $('.scrolly').scrolly({ + speed: 1000 + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/util.js b/assets/js/util.js new file mode 100644 index 0000000..bdb8e9f --- /dev/null +++ b/assets/js/util.js @@ -0,0 +1,587 @@ +(function($) { + + /** + * Generate an indented list of links from a nav. Meant for use with panel(). + * @return {jQuery} jQuery object. + */ + $.fn.navList = function() { + + var $this = $(this); + $a = $this.find('a'), + b = []; + + $a.each(function() { + + var $this = $(this), + indent = Math.max(0, $this.parents('li').length - 1), + href = $this.attr('href'), + target = $this.attr('target'); + + b.push( + '' + + '' + + $this.text() + + '' + ); + + }); + + return b.join(''); + + }; + + /** + * Panel-ify an element. + * @param {object} userConfig User config. + * @return {jQuery} jQuery object. + */ + $.fn.panel = function(userConfig) { + + // No elements? + if (this.length == 0) + return $this; + + // Multiple elements? + if (this.length > 1) { + + for (var i=0; i < this.length; i++) + $(this[i]).panel(userConfig); + + return $this; + + } + + // Vars. + var $this = $(this), + $body = $('body'), + $window = $(window), + id = $this.attr('id'), + config; + + // Config. + config = $.extend({ + + // Delay. + delay: 0, + + // Hide panel on link click. + hideOnClick: false, + + // Hide panel on escape keypress. + hideOnEscape: false, + + // Hide panel on swipe. + hideOnSwipe: false, + + // Reset scroll position on hide. + resetScroll: false, + + // Reset forms on hide. + resetForms: false, + + // Side of viewport the panel will appear. + side: null, + + // Target element for "class". + target: $this, + + // Class to toggle. + visibleClass: 'visible' + + }, userConfig); + + // Expand "target" if it's not a jQuery object already. + if (typeof config.target != 'jQuery') + config.target = $(config.target); + + // Panel. + + // Methods. + $this._hide = function(event) { + + // Already hidden? Bail. + if (!config.target.hasClass(config.visibleClass)) + return; + + // If an event was provided, cancel it. + if (event) { + + event.preventDefault(); + event.stopPropagation(); + + } + + // Hide. + config.target.removeClass(config.visibleClass); + + // Post-hide stuff. + window.setTimeout(function() { + + // Reset scroll position. + if (config.resetScroll) + $this.scrollTop(0); + + // Reset forms. + if (config.resetForms) + $this.find('form').each(function() { + this.reset(); + }); + + }, config.delay); + + }; + + // Vendor fixes. + $this + .css('-ms-overflow-style', '-ms-autohiding-scrollbar') + .css('-webkit-overflow-scrolling', 'touch'); + + // Hide on click. + if (config.hideOnClick) { + + $this.find('a') + .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)'); + + $this + .on('click', 'a', function(event) { + + var $a = $(this), + href = $a.attr('href'), + target = $a.attr('target'); + + if (!href || href == '#' || href == '' || href == '#' + id) + return; + + // Cancel original event. + event.preventDefault(); + event.stopPropagation(); + + // Hide panel. + $this._hide(); + + // Redirect to href. + window.setTimeout(function() { + + if (target == '_blank') + window.open(href); + else + window.location.href = href; + + }, config.delay + 10); + + }); + + } + + // Event: Touch stuff. + $this.on('touchstart', function(event) { + + $this.touchPosX = event.originalEvent.touches[0].pageX; + $this.touchPosY = event.originalEvent.touches[0].pageY; + + }) + + $this.on('touchmove', function(event) { + + if ($this.touchPosX === null + || $this.touchPosY === null) + return; + + var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX, + diffY = $this.touchPosY - event.originalEvent.touches[0].pageY, + th = $this.outerHeight(), + ts = ($this.get(0).scrollHeight - $this.scrollTop()); + + // Hide on swipe? + if (config.hideOnSwipe) { + + var result = false, + boundary = 20, + delta = 50; + + switch (config.side) { + + case 'left': + result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta); + break; + + case 'right': + result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta)); + break; + + case 'top': + result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta); + break; + + case 'bottom': + result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta)); + break; + + default: + break; + + } + + if (result) { + + $this.touchPosX = null; + $this.touchPosY = null; + $this._hide(); + + return false; + + } + + } + + // Prevent vertical scrolling past the top or bottom. + if (($this.scrollTop() < 0 && diffY < 0) + || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) { + + event.preventDefault(); + event.stopPropagation(); + + } + + }); + + // Event: Prevent certain events inside the panel from bubbling. + $this.on('click touchend touchstart touchmove', function(event) { + event.stopPropagation(); + }); + + // Event: Hide panel if a child anchor tag pointing to its ID is clicked. + $this.on('click', 'a[href="#' + id + '"]', function(event) { + + event.preventDefault(); + event.stopPropagation(); + + config.target.removeClass(config.visibleClass); + + }); + + // Body. + + // Event: Hide panel on body click/tap. + $body.on('click touchend', function(event) { + $this._hide(event); + }); + + // Event: Toggle. + $body.on('click', 'a[href="#' + id + '"]', function(event) { + + event.preventDefault(); + event.stopPropagation(); + + config.target.toggleClass(config.visibleClass); + + }); + + // Window. + + // Event: Hide on ESC. + if (config.hideOnEscape) + $window.on('keydown', function(event) { + + if (event.keyCode == 27) + $this._hide(event); + + }); + + return $this; + + }; + + /** + * Apply "placeholder" attribute polyfill to one or more forms. + * @return {jQuery} jQuery object. + */ + $.fn.placeholder = function() { + + // Browser natively supports placeholders? Bail. + if (typeof (document.createElement('input')).placeholder != 'undefined') + return $(this); + + // No elements? + if (this.length == 0) + return $this; + + // Multiple elements? + if (this.length > 1) { + + for (var i=0; i < this.length; i++) + $(this[i]).placeholder(); + + return $this; + + } + + // Vars. + var $this = $(this); + + // Text, TextArea. + $this.find('input[type=text],textarea') + .each(function() { + + var i = $(this); + + if (i.val() == '' + || i.val() == i.attr('placeholder')) + i + .addClass('polyfill-placeholder') + .val(i.attr('placeholder')); + + }) + .on('blur', function() { + + var i = $(this); + + if (i.attr('name').match(/-polyfill-field$/)) + return; + + if (i.val() == '') + i + .addClass('polyfill-placeholder') + .val(i.attr('placeholder')); + + }) + .on('focus', function() { + + var i = $(this); + + if (i.attr('name').match(/-polyfill-field$/)) + return; + + if (i.val() == i.attr('placeholder')) + i + .removeClass('polyfill-placeholder') + .val(''); + + }); + + // Password. + $this.find('input[type=password]') + .each(function() { + + var i = $(this); + var x = $( + $('
') + .append(i.clone()) + .remove() + .html() + .replace(/type="password"/i, 'type="text"') + .replace(/type=password/i, 'type=text') + ); + + if (i.attr('id') != '') + x.attr('id', i.attr('id') + '-polyfill-field'); + + if (i.attr('name') != '') + x.attr('name', i.attr('name') + '-polyfill-field'); + + x.addClass('polyfill-placeholder') + .val(x.attr('placeholder')).insertAfter(i); + + if (i.val() == '') + i.hide(); + else + x.hide(); + + i + .on('blur', function(event) { + + event.preventDefault(); + + var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); + + if (i.val() == '') { + + i.hide(); + x.show(); + + } + + }); + + x + .on('focus', function(event) { + + event.preventDefault(); + + var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']'); + + x.hide(); + + i + .show() + .focus(); + + }) + .on('keypress', function(event) { + + event.preventDefault(); + x.val(''); + + }); + + }); + + // Events. + $this + .on('submit', function() { + + $this.find('input[type=text],input[type=password],textarea') + .each(function(event) { + + var i = $(this); + + if (i.attr('name').match(/-polyfill-field$/)) + i.attr('name', ''); + + if (i.val() == i.attr('placeholder')) { + + i.removeClass('polyfill-placeholder'); + i.val(''); + + } + + }); + + }) + .on('reset', function(event) { + + event.preventDefault(); + + $this.find('select') + .val($('option:first').val()); + + $this.find('input,textarea') + .each(function() { + + var i = $(this), + x; + + i.removeClass('polyfill-placeholder'); + + switch (this.type) { + + case 'submit': + case 'reset': + break; + + case 'password': + i.val(i.attr('defaultValue')); + + x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); + + if (i.val() == '') { + i.hide(); + x.show(); + } + else { + i.show(); + x.hide(); + } + + break; + + case 'checkbox': + case 'radio': + i.attr('checked', i.attr('defaultValue')); + break; + + case 'text': + case 'textarea': + i.val(i.attr('defaultValue')); + + if (i.val() == '') { + i.addClass('polyfill-placeholder'); + i.val(i.attr('placeholder')); + } + + break; + + default: + i.val(i.attr('defaultValue')); + break; + + } + }); + + }); + + return $this; + + }; + + /** + * Moves elements to/from the first positions of their respective parents. + * @param {jQuery} $elements Elements (or selector) to move. + * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations. + */ + $.prioritize = function($elements, condition) { + + var key = '__prioritize'; + + // Expand $elements if it's not already a jQuery object. + if (typeof $elements != 'jQuery') + $elements = $($elements); + + // Step through elements. + $elements.each(function() { + + var $e = $(this), $p, + $parent = $e.parent(); + + // No parent? Bail. + if ($parent.length == 0) + return; + + // Not moved? Move it. + if (!$e.data(key)) { + + // Condition is false? Bail. + if (!condition) + return; + + // Get placeholder (which will serve as our point of reference for when this element needs to move back). + $p = $e.prev(); + + // Couldn't find anything? Means this element's already at the top, so bail. + if ($p.length == 0) + return; + + // Move element to top of parent. + $e.prependTo($parent); + + // Mark element as moved. + $e.data(key, $p); + + } + + // Moved already? + else { + + // Condition is true? Bail. + if (condition) + return; + + $p = $e.data(key); + + // Move element back to its original location (using our placeholder). + $e.insertAfter($p); + + // Unmark element as moved. + $e.removeData(key); + + } + + }); + + }; + +})(jQuery); \ No newline at end of file diff --git a/assets/sass/base/_page.scss b/assets/sass/base/_page.scss new file mode 100644 index 0000000..4194159 --- /dev/null +++ b/assets/sass/base/_page.scss @@ -0,0 +1,51 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Basic */ + + // MSIE: Required for IEMobile. + @-ms-viewport { + width: device-width; + } + + // MSIE: Prevents scrollbar from overlapping content. + body { + -ms-overflow-style: scrollbar; + } + + // Ensures page width is always >=320px. + @include breakpoint('<=xsmall') { + html, body { + min-width: 320px; + } + } + + // Set box model to border-box. + // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice + html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + + body { + background-color: _palette(bg); + @include vendor('background-image', ( + 'url("images/overlay.png")', + 'linear-gradient(45deg, #{_palette(bg1)} 15%, #{_palette(bg2) 85%})', + )); + + // Stops initial animations until page loads. + &.is-preload { + *, *:before, *:after { + @include vendor('animation', 'none !important'); + @include vendor('transition', 'none !important'); + } + } + + } \ No newline at end of file diff --git a/assets/sass/base/_reset.scss b/assets/sass/base/_reset.scss new file mode 100644 index 0000000..3af8aa8 --- /dev/null +++ b/assets/sass/base/_reset.scss @@ -0,0 +1,76 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +// Reset. +// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain) + + html, body, div, span, applet, object, + iframe, h1, h2, h3, h4, h5, h6, p, blockquote, + pre, a, abbr, acronym, address, big, cite, + code, del, dfn, em, img, ins, kbd, q, s, samp, + small, strike, strong, sub, sup, tt, var, b, + u, i, center, dl, dt, dd, ol, ul, li, fieldset, + form, label, legend, table, caption, tbody, + tfoot, thead, tr, th, td, article, aside, + canvas, details, embed, figure, figcaption, + footer, header, hgroup, menu, nav, output, ruby, + section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + } + + article, aside, details, figcaption, figure, + footer, header, hgroup, menu, nav, section { + display: block; + } + + body { + line-height: 1; + } + + ol, ul { + list-style:none; + } + + blockquote, q { + quotes: none; + + &:before, + &:after { + content: ''; + content: none; + } + } + + table { + border-collapse: collapse; + border-spacing: 0; + } + + body { + -webkit-text-size-adjust: none; + } + + mark { + background-color: transparent; + color: inherit; + } + + input::-moz-focus-inner { + border: 0; + padding: 0; + } + + input, select, textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + } \ No newline at end of file diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss new file mode 100644 index 0000000..ba56621 --- /dev/null +++ b/assets/sass/base/_typography.scss @@ -0,0 +1,216 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Type */ + + body { + background-color: _palette(bg); + color: _palette(fg); + } + + body, input, select, textarea { + font-family: _font(family); + font-size: 17pt; + font-weight: _font(weight); + line-height: 1.65; + + @include breakpoint('<=xlarge') { + font-size: 14pt; + } + + @include breakpoint('<=large') { + font-size: 12pt; + } + + @include breakpoint('<=xxsmall') { + font-size: 11pt; + } + } + + a { + @include vendor('transition', ( + 'color #{_duration(transition)} ease', + 'border-bottom #{_duration(transition)} ease' + )); + text-decoration: none; + border-bottom: dotted 1px; + color: inherit; + + &:hover { + border-bottom-color: transparent; + } + } + + strong, b { + font-weight: _font(weight-bold); + } + + em, i { + font-style: italic; + } + + p { + margin: 0 0 _size(element-margin) 0; + + &.content { + -moz-columns: 20em 2; + -webkit-columns: 20em 2; + -ms-columns: 20em 2; + columns: 20em 2; + -moz-column-gap: _size(element-margin); + -webkit-column-gap: _size(element-margin); + -ms-column-gap: _size(element-margin); + column-gap: _size(element-margin); + text-align: justify; + } + } + + h1, h2, h3, h4, h5, h6 { + font-weight: _font(weight); + line-height: 1.5; + margin: 0 0 (_size(element-margin) * 0.35) 0; + letter-spacing: _font(letter-spacing); + + a { + color: inherit; + text-decoration: none; + } + } + + h1 { + font-size: 2.5em; + line-height: 1.2; + } + + h2 { + font-size: 1.5em; + } + + h3 { + font-size: 1.25em; + } + + h4 { + font-size: 1.1em; + } + + h5 { + font-size: 0.9em; + } + + h6 { + font-size: 0.7em; + } + + @include breakpoint('<=small') { + h1 { + font-size: 2em; + } + } + + sub { + font-size: 0.8em; + position: relative; + top: 0.5em; + } + + sup { + font-size: 0.8em; + position: relative; + top: -0.5em; + } + + blockquote { + border-left: solid 4px; + font-style: italic; + margin: 0 0 _size(element-margin) 0; + padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin); + } + + code { + border-radius: _size(border-radius); + border: solid 1px; + font-family: _font(family-fixed); + font-size: 0.9em; + margin: 0 0.25em; + padding: 0.25em 0.65em; + } + + pre { + -webkit-overflow-scrolling: touch; + font-family: _font(family-fixed); + font-size: 0.9em; + margin: 0 0 _size(element-margin) 0; + + code { + display: block; + line-height: 1.75; + padding: 1em 1.5em; + overflow-x: auto; + } + } + + hr { + border: 0; + border-bottom: solid 1px; + margin: _size(element-margin) 0; + + &.major { + margin: (_size(element-margin) * 1.5) 0; + } + } + + .align-left { + text-align: left; + } + + .align-center { + text-align: center; + } + + .align-right { + text-align: right; + } + + @mixin color-typography($p: null) { + @if $p != null { + background-color: _palette($p, bg); + color: _palette($p, fg); + } + + input, select, textarea { + color: _palette($p, fg-bold); + } + + a { + &:hover { + color: _palette($p, fg-bold); + } + } + + strong, b { + color: _palette($p, fg-bold); + } + + h1, h2, h3, h4, h5, h6 { + color: _palette($p, fg-bold); + } + + blockquote { + border-left-color: _palette($p, border); + } + + code { + background: _palette($p, border-bg); + border-color: _palette($p, border); + } + + hr { + border-bottom-color: _palette($p, border); + } + } + + @include color-typography; \ No newline at end of file diff --git a/assets/sass/components/_actions.scss b/assets/sass/components/_actions.scss new file mode 100644 index 0000000..df2fbcc --- /dev/null +++ b/assets/sass/components/_actions.scss @@ -0,0 +1,101 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Actions */ + + ul.actions { + @include vendor('display', 'flex'); + cursor: default; + list-style: none; + margin-left: (_size(element-margin) * -0.5); + padding-left: 0; + + li { + padding: 0 0 0 (_size(element-margin) * 0.5); + vertical-align: middle; + } + + &.special { + @include vendor('justify-content', 'center'); + width: 100%; + margin-left: 0; + + li { + &:first-child { + padding-left: 0; + } + } + } + + &.stacked { + @include vendor('flex-direction', 'column'); + margin-left: 0; + + li { + padding: (_size(element-margin) * 0.65) 0 0 0; + + &:first-child { + padding-top: 0; + } + } + } + + &.fit { + width: calc(100% + #{_size(element-margin) * 0.5}); + + li { + @include vendor('flex-grow', '1'); + @include vendor('flex-shrink', '1'); + width: 100%; + + > * { + width: 100%; + } + } + + &.stacked { + width: 100%; + } + } + + @include breakpoint('<=xsmall') { + &:not(.fixed) { + @include vendor('flex-direction', 'column'); + margin-left: 0; + width: 100% !important; + + li { + @include vendor('flex-grow', '1'); + @include vendor('flex-shrink', '1'); + padding: (_size(element-margin) * 0.5) 0 0 0; + text-align: center; + width: 100%; + + > * { + width: 100%; + } + + &:first-child { + padding-top: 0; + } + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + width: 100%; + + &.icon { + &:before { + margin-left: -0.5rem; + } + } + } + } + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_box.scss b/assets/sass/components/_box.scss new file mode 100644 index 0000000..13458fb --- /dev/null +++ b/assets/sass/components/_box.scss @@ -0,0 +1,34 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Box */ + + .box { + border-radius: _size(border-radius); + border: solid _size(border-width); + margin-bottom: _size(element-margin); + padding: 1.5em; + + > :last-child, + > :last-child > :last-child, + > :last-child > :last-child > :last-child { + margin-bottom: 0; + } + + &.alt { + border: 0; + border-radius: 0; + padding: 0; + } + } + + @mixin color-box($p: null) { + .box { + border-color: _palette($p, border); + } + } + + @include color-box; \ No newline at end of file diff --git a/assets/sass/components/_button.scss b/assets/sass/components/_button.scss new file mode 100644 index 0000000..440e109 --- /dev/null +++ b/assets/sass/components/_button.scss @@ -0,0 +1,109 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + @include vendor('appearance', 'none'); + @include vendor('transition', ( + 'background-color #{_duration(transition)} ease-in-out', + 'color #{_duration(transition)} ease-in-out' + )); + border-radius: _size(border-radius); + border: 0; + cursor: pointer; + display: inline-block; + font-weight: _font(weight); + height: 2.75em; + line-height: 2.75em; + min-width: 9.25em; + padding: 0 1.5em; + text-align: center; + text-decoration: none; + white-space: nowrap; + + &.icon { + padding-left: 1.35em; + + &:before { + margin-right: 0.5em; + } + } + + &.fit { + width: 100%; + } + + &.small { + font-size: 0.8em; + } + + &.large { + font-size: 1.35em; + } + + &.disabled, + &:disabled { + @include vendor('pointer-events', 'none'); + opacity: 0.25; + } + + @include breakpoint('<=small') { + min-width: 0; + } + } + + @mixin color-button($p: null) { + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + background-color: transparent; + box-shadow: inset 0 0 0 1px _palette($p, border); + color: _palette($p, fg-bold) !important; + + &:hover { + background-color: _palette($p, border-bg); + } + + &:active { + background-color: _palette($p, border2-bg); + } + + &.icon { + &:before { + color: _palette($p, fg-light); + } + } + + &.primary { + background-color: _palette(accent); + color: _palette(invert, bg) !important; + box-shadow: none; + + &:hover { + background-color: lighten(_palette(accent), 3); + } + + &:active { + background-color: darken(_palette(accent), 3); + } + + &.icon { + &:before { + color: _palette(invert, bg) !important; + } + } + } + } + } + + @include color-button; \ No newline at end of file diff --git a/assets/sass/components/_features.scss b/assets/sass/components/_features.scss new file mode 100644 index 0000000..7c61cea --- /dev/null +++ b/assets/sass/components/_features.scss @@ -0,0 +1,60 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Features */ + + .features { + @include vendor('display', 'flex'); + @include vendor('flex-wrap', 'wrap'); + @include vendor('justify-content', 'center'); + width: calc(100% + #{_size(element-margin)}); + margin: 0 0 (_size(element-margin) * 1.5) (_size(element-margin) * -1); + padding: 0; + list-style: none; + + li { + width: calc(#{(100% / 3)} - #{_size(element-margin)}); + margin-left: _size(element-margin); + margin-top: (_size(element-margin) * 1.5); + padding: 0; + + &:nth-child(1), + &:nth-child(2), + &:nth-child(3) { + margin-top: 0; + } + + > :last-child { + margin-bottom: 0; + } + } + + @include breakpoint('<=medium') { + li { + width: calc(#{(100% / 2)} - #{_size(element-margin)}); + + &:nth-child(3) { + margin-top: (_size(element-margin) * 1.5); + } + } + } + + @include breakpoint('<=small') { + width: 100%; + margin: 0 0 _size(element-margin) 0; + + li { + width: 100%; + margin-left: 0; + margin-top: _size(element-margin); + + &:nth-child(2), + &:nth-child(3) { + margin-top: _size(element-margin); + } + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_form.scss b/assets/sass/components/_form.scss new file mode 100644 index 0000000..7ac57d9 --- /dev/null +++ b/assets/sass/components/_form.scss @@ -0,0 +1,221 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Form */ + + form { + margin: 0 0 _size(element-margin) 0; + } + + label { + display: block; + font-size: 0.9em; + font-weight: _font(weight-bold); + margin: 0 0 (_size(element-margin) * 0.5) 0; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + @include vendor('appearance', 'none'); + border-radius: _size(border-radius); + border: solid 1px; + color: inherit; + display: block; + outline: 0; + padding: 0 1em; + text-decoration: none; + width: 100%; + + &:invalid { + box-shadow: none; + } + } + + select { + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: _size(element-height); + padding-right: _size(element-height); + text-overflow: ellipsis; + + &:focus { + &::-ms-value { + background-color: transparent; + } + } + + &::-ms-expand { + display: none; + } + } + + input[type="text"], + input[type="password"], + input[type="email"], + select { + height: _size(element-height); + } + + textarea { + padding: 0.75em 1em; + } + + input[type="checkbox"], + input[type="radio"], { + @include vendor('appearance', 'none'); + display: block; + float: left; + margin-right: -2em; + opacity: 0; + width: 1em; + z-index: -1; + + & + label { + @include icon(false, solid); + cursor: pointer; + display: inline-block; + font-size: 1em; + font-weight: _font(weight); + padding-left: (_size(element-height) * 0.6) + 0.75em; + padding-right: 0.75em; + position: relative; + + &:before { + border-radius: _size(border-radius); + border: solid 1px; + content: ''; + display: inline-block; + font-size: 0.8em; + height: (_size(element-height) * 0.75); + left: 0; + line-height: (_size(element-height) * 0.75); + position: absolute; + text-align: center; + top: 0; + width: (_size(element-height) * 0.75); + } + } + + &:checked + label { + &:before { + content: '\f00c'; + } + } + } + + input[type="checkbox"] { + & + label { + &:before { + border-radius: _size(border-radius); + } + } + } + + input[type="radio"] { + & + label { + &:before { + border-radius: 100%; + } + } + } + + ::-webkit-input-placeholder { + opacity: 1.0; + } + + :-moz-placeholder { + opacity: 1.0; + } + + ::-moz-placeholder { + opacity: 1.0; + } + + :-ms-input-placeholder { + opacity: 1.0; + } + + @mixin color-form($p: null) { + label { + color: _palette($p, fg-bold); + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + background-color: _palette($p, border-bg); + border-color: _palette($p, border); + + &:focus { + border-color: _palette(accent); + box-shadow: 0 0 0 1px _palette(accent); + } + } + + select { + background-image: svg-url(""); + + option { + color: _palette($p, fg-bold); + background: _palette($p, bg); + } + } + + input[type="checkbox"], + input[type="radio"], { + & + label { + color: _palette($p, fg); + + &:before { + background: _palette($p, border-bg); + border-color: _palette($p, border); + } + } + + &:checked + label { + &:before { + background-color: _palette($p, fg-bold); + border-color: _palette($p, fg-bold); + color: _palette($p, bg); + } + } + + &:focus + label { + &:before { + border-color: _palette(accent); + box-shadow: 0 0 0 1px _palette(accent); + } + } + } + + ::-webkit-input-placeholder { + color: _palette($p, fg-light) !important; + } + + :-moz-placeholder { + color: _palette($p, fg-light) !important; + } + + ::-moz-placeholder { + color: _palette($p, fg-light) !important; + } + + :-ms-input-placeholder { + color: _palette($p, fg-light) !important; + } + + .formerize-placeholder { + color: _palette($p, fg-light) !important; + } + } + + @include color-form; \ No newline at end of file diff --git a/assets/sass/components/_icon.scss b/assets/sass/components/_icon.scss new file mode 100644 index 0000000..6446999 --- /dev/null +++ b/assets/sass/components/_icon.scss @@ -0,0 +1,146 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Icon */ + + .icon { + @include icon; + @include vendor('transition', ( + 'background-color #{_duration(transition)} ease-in-out', + 'color #{_duration(transition)} ease-in-out' + )); + border-bottom: none; + position: relative; + + > .label { + display: none; + } + + &:before { + line-height: solid; + } + + &.solid { + &:before { + font-weight: 900; + } + } + + &.brands { + &:before { + font-family: 'Font Awesome 5 Brands'; + } + } + + &.major { + border: solid 1px; + display: inline-block; + border-radius: 100%; + padding: 0.65em; + margin: 0 0 _size(element-margin) 0; + cursor: default; + + &:before { + display: inline-block; + font-size: 6.25rem; + width: 2.25em; + height: 2.25em; + line-height: 2.2em; + border-radius: 100%; + border: solid 1px; + text-align: center; + } + } + + &.alt { + display: inline-block; + border: solid 1px; + border-radius: 100%; + + &:before { + display: block; + font-size: 1.25em; + width: 2em; + height: 2em; + text-align: center; + line-height: 2em; + } + } + + &.style1 { + color: _palette(accent1); + } + + &.style2 { + color: _palette(accent2); + } + + &.style3 { + color: _palette(accent3); + } + + &.style4 { + color: _palette(accent4); + } + + &.style5 { + color: _palette(accent5); + } + + @include breakpoint('<=xlarge') { + &.major { + &:before { + font-size: 5.5rem; + } + } + } + + @include breakpoint('<=large') { + &.major { + &:before { + font-size: 4.75rem; + } + } + } + + @include breakpoint('<=small') { + &.major { + margin: 0 0 (_size(element-margin) * 0.75) 0; + padding: 0.35em; + + &:before { + font-size: 3.5rem; + } + } + } + } + + @mixin color-icon($p: null) { + .icon { + &.major { + border-color: _palette($p, border); + + &:before { + border-color: _palette($p, border); + } + } + + &.alt { + border-color: _palette($p, border); + color: _palette($p, fg-bold); + + &:hover { + background-color: _palette($p, border-bg); + } + + &:active { + background-color: _palette($p, border2-bg); + } + } + } + } + + @include color-icon; \ No newline at end of file diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss new file mode 100644 index 0000000..001d135 --- /dev/null +++ b/assets/sass/components/_icons.scss @@ -0,0 +1,22 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Icons */ + + ul.icons { + cursor: default; + list-style: none; + padding-left: 0; + + li { + display: inline-block; + padding: 0 0.65em 0 0; + + &:last-child { + padding-right: 0 !important; + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss new file mode 100644 index 0000000..3c4db8c --- /dev/null +++ b/assets/sass/components/_image.scss @@ -0,0 +1,60 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Image */ + + .image { + border-radius: _size(border-radius); + border: 0; + display: inline-block; + position: relative; + + img { + border-radius: _size(border-radius); + display: block; + } + + &.left, + &.right { + max-width: 40%; + + img { + width: 100%; + } + } + + &.left { + float: left; + margin: 0 1.5em 1em 0; + top: 0.25em; + } + + &.right { + float: right; + margin: 0 0 1em 1.5em; + top: 0.25em; + } + + &.fit { + display: block; + margin: 0 0 _size(element-margin) 0; + width: 100%; + + img { + width: 100%; + } + } + + &.main { + display: block; + margin: 0 0 (_size(element-margin) * 1.5) 0; + width: 100%; + + img { + width: 100%; + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_list.scss b/assets/sass/components/_list.scss new file mode 100644 index 0000000..bd49689 --- /dev/null +++ b/assets/sass/components/_list.scss @@ -0,0 +1,94 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* List */ + + ol { + list-style: decimal; + margin: 0 0 _size(element-margin) 0; + padding-left: 1.25em; + + li { + padding-left: 0.25em; + } + } + + ul { + list-style: disc; + margin: 0 0 _size(element-margin) 0; + padding-left: 1em; + + li { + padding-left: 0.5em; + } + + &.alt { + list-style: none; + padding-left: 0; + + li { + border-top: solid 1px; + padding: 0.5em 0; + + &:first-child { + border-top: 0; + padding-top: 0; + } + } + } + } + + dl { + margin: 0 0 _size(element-margin) 0; + + dt { + display: block; + font-weight: _font(weight-bold); + margin: 0 0 (_size(element-margin) * 0.5) 0; + } + + dd { + margin-left: _size(element-margin); + } + + &.alt { + dt { + display: block; + width: 3em; + margin: 0; + clear: left; + float: left; + } + + dd { + margin: 0 0 0.85em 5.5em; + } + + &:after { + content: ''; + display: block; + clear: both; + } + } + } + + @mixin color-list($p: null) { + ul { + &.alt { + li { + border-top-color: _palette($p, border); + } + } + } + + dl { + dt { + color: _palette($p, fg-bold); + } + } + } + + @include color-list; \ No newline at end of file diff --git a/assets/sass/components/_row.scss b/assets/sass/components/_row.scss new file mode 100644 index 0000000..fcd1df2 --- /dev/null +++ b/assets/sass/components/_row.scss @@ -0,0 +1,31 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Row */ + + .row { + @include html-grid(1.5em); + + @include breakpoint('<=xlarge') { + @include html-grid(1.5em, 'xlarge'); + } + + @include breakpoint('<=large') { + @include html-grid(1.5em, 'large'); + } + + @include breakpoint('<=medium') { + @include html-grid(1.5em, 'medium'); + } + + @include breakpoint('<=small') { + @include html-grid(1em, 'small'); + } + + @include breakpoint('<=xsmall') { + @include html-grid(1.25em, 'xsmall'); + } + } \ No newline at end of file diff --git a/assets/sass/components/_section.scss b/assets/sass/components/_section.scss new file mode 100644 index 0000000..7a36cd9 --- /dev/null +++ b/assets/sass/components/_section.scss @@ -0,0 +1,104 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Section/Article */ + + section, article { + &.special { + text-align: center; + } + } + + header { + &.major { + margin-bottom: (_size(element-margin) * 1.5); + + h2 { + font-size: 2em; + + &:after { + display: block; + content: ''; + width: 3.25em; + height: 2px; + margin: (_size(element-margin) * 0.35) 0 (_size(element-margin) * 0.5) 0; + border-radius: 2px; + + section.special &, article.special & { + margin-left: auto; + margin-right: auto; + } + } + } + + p { + font-size: 1.25em; + letter-spacing: _font(letter-spacing); + } + + &.special { + text-align: center; + + h2 { + &:after { + margin-left: auto; + margin-right: auto; + } + } + } + } + } + + footer { + &.major { + margin-top: (_size(element-margin) * 1.5); + } + } + + @include breakpoint('<=small') { + header { + &.major { + margin-bottom: 0; + + h2 { + font-size: 1.5em; + } + + p { + font-size: 1em; + letter-spacing: 0; + + br { + display: none; + } + } + } + } + + footer { + &.major { + margin-top: 0; + } + } + } + + @mixin color-section($p: null) { + header { + &.major { + h2 { + &:after { + background-color: _palette($p, border); + + @if $p == 'invert' { + @include vendor('background-image', 'linear-gradient(90deg, #{_palette(accent1)}, #{_palette(accent3)}, #{_palette(accent5)})'); + } + } + } + } + } + } + + @include color-section; \ No newline at end of file diff --git a/assets/sass/components/_spotlight.scss b/assets/sass/components/_spotlight.scss new file mode 100644 index 0000000..da1aba6 --- /dev/null +++ b/assets/sass/components/_spotlight.scss @@ -0,0 +1,93 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Spotlight */ + + .spotlight { + @include vendor('display', 'flex'); + @include vendor('align-items', 'center'); + margin: 0 0 _size(element-margin) 0; + + .content { + @include vendor('flex', '1'); + + > :last-child { + margin-bottom: 0; + } + + header { + &.major { + margin: 0 0 _size(element-margin) 0; + } + } + } + + .image { + display: inline-block; + margin-left: 4em; + padding: 0.65em; + border-radius: 100%; + border: solid 1px; + + img { + display: block; + border-radius: 100%; + width: 16em; + } + } + + @include breakpoint('<=medium') { + @include vendor('flex-direction', 'column-reverse'); + text-align: center; + + .content { + @include vendor('flex', '0 1 auto'); + width: 100%; + + header { + &.major { + h2 { + &:after { + margin-left: auto; + margin-right: auto; + } + } + } + } + + .actions { + @include vendor('justify-content', 'center'); + width: calc(100% + #{_size(element-margin) * 0.5}); + } + } + + .image { + @include vendor('flex', '0 1 auto'); + margin-left: 0; + margin-bottom: _size(element-margin); + } + } + + @include breakpoint('<=small') { + .image { + padding: 0.35em; + + img { + width: 12em; + } + } + } + } + + @mixin color-spotlight($p: null) { + .spotlight { + .image { + border-color: _palette($p, border); + } + } + } + + @include color-spotlight; \ No newline at end of file diff --git a/assets/sass/components/_statistics.scss b/assets/sass/components/_statistics.scss new file mode 100644 index 0000000..d438287 --- /dev/null +++ b/assets/sass/components/_statistics.scss @@ -0,0 +1,108 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Statistics */ + + .statistics { + @include vendor('display', 'flex'); + width: 100%; + margin: 0 0 (_size(element-margin) * 1.5) 0; + padding: 0; + list-style: none; + cursor: default; + + li { + @include vendor('flex', '1'); + padding: 1.5em; + color: _palette(fg-bold); + text-align: center; + + &.style1 { + background-color: _palette(accent1); + } + + &.style2 { + background-color: _palette(accent2); + } + + &.style3 { + background-color: _palette(accent3); + } + + &.style4 { + background-color: _palette(accent4); + } + + &.style5 { + background-color: _palette(accent5); + } + + strong, b { + display: block; + font-size: 2em; + line-height: 1.1; + color: inherit !important; + font-weight: _font(weight); + letter-spacing: _font(letter-spacing); + } + + &:first-child { + border-top-left-radius: _size(border-radius); + border-bottom-left-radius: _size(border-radius); + } + + &:last-child { + border-top-right-radius: _size(border-radius); + border-bottom-right-radius: _size(border-radius); + } + + .icon { + display: inline-block; + + &:before { + font-size: 2.75rem; + line-height: 1.3; + } + } + } + + @include breakpoint('<=medium') { + li { + strong, b { + font-size: 1.5em; + } + } + } + + @include breakpoint('<=small') { + display: block; + width: 20em; + max-width: 100%; + margin: 0 auto _size(element-margin) auto; + + li { + &:first-child { + border-bottom-left-radius: 0; + border-top-right-radius: _size(border-radius); + } + + &:last-child { + border-top-right-radius: 0; + border-bottom-left-radius: _size(border-radius); + } + + .icon { + &:before { + font-size: 3.75rem; + } + } + + strong, b { + font-size: 2.5em; + } + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_table.scss b/assets/sass/components/_table.scss new file mode 100644 index 0000000..961513a --- /dev/null +++ b/assets/sass/components/_table.scss @@ -0,0 +1,114 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Table */ + + .table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + } + + table { + margin: 0 0 _size(element-margin) 0; + width: 100%; + + tbody { + tr { + border: solid 1px; + border-left: 0; + border-right: 0; + } + } + + td { + padding: 0.75em 0.75em; + } + + th { + font-size: 0.9em; + font-weight: _font(weight-bold); + padding: 0 0.75em 0.75em 0.75em; + text-align: left; + } + + thead { + border-bottom: solid 2px; + } + + tfoot { + border-top: solid 2px; + } + + &.alt { + border-collapse: separate; + + tbody { + tr { + td { + border: solid 1px; + border-left-width: 0; + border-top-width: 0; + + &:first-child { + border-left-width: 1px; + } + } + + &:first-child { + td { + border-top-width: 1px; + } + } + } + } + + thead { + border-bottom: 0; + } + + tfoot { + border-top: 0; + } + } + } + + @mixin color-table($p: null) { + table { + tbody { + tr { + border-color: _palette($p, border); + + &:nth-child(2n + 1) { + background-color: _palette($p, border-bg); + } + } + } + + th { + color: _palette($p, fg-bold); + } + + thead { + border-bottom-color: _palette($p, border); + } + + tfoot { + border-top-color: _palette($p, border); + } + + &.alt { + tbody { + tr { + td { + border-color: _palette($p, border); + } + } + } + } + } + } + + @include color-table; \ No newline at end of file diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss new file mode 100644 index 0000000..4a2e00d --- /dev/null +++ b/assets/sass/layout/_footer.scss @@ -0,0 +1,60 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Footer */ + + #footer { + @include vendor('display', 'flex'); + @include vendor('flex-wrap', 'wrap'); + @include padding(5em, 5em); + width: calc(100% + #{_size(element-margin)}); + margin: 0 0 (_size(element-margin) * 1.5) (_size(element-margin) * -1); + + > * { + width: calc(50% - #{_size(element-margin)}); + margin-left: _size(element-margin); + } + + .copyright { + width: 100%; + margin: (_size(element-margin) * 1.25) 0 _size(element-margin) 0; + font-size: 0.8em; + text-align: center; + } + + @include breakpoint('<=large') { + @include padding(4em, 4em); + } + + @include breakpoint('<=medium') { + @include padding(4em, 3em); + display: block; + margin: 0 0 (_size(element-margin) * 1.5) 0; + width: 100%; + + > * { + width: 100%; + margin-left: 0; + margin-bottom: (_size(element-margin) * 1.5); + } + + .copyright { + text-align: left; + } + } + + @include breakpoint('<=small') { + @include padding(3em, 2em); + } + + @include breakpoint('<=xsmall') { + @include padding(3em, 1.5em); + } + + @include breakpoint('<=xsmall') { + @include padding(2.5em, 1em); + } + } \ No newline at end of file diff --git a/assets/sass/layout/_header.scss b/assets/sass/layout/_header.scss new file mode 100644 index 0000000..d514776 --- /dev/null +++ b/assets/sass/layout/_header.scss @@ -0,0 +1,116 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Header */ + + #header { + @include padding(5em, 5em, (0, 0, -2em, 0)); + text-align: center; + + h1 { + margin: 0 0 (_size(element-margin) * 0.125) 0; + } + + p { + font-size: 1.25em; + letter-spacing: _font(letter-spacing); + } + + &.alt { + @include padding(6em, 5em, (1em, 0, 0, 0)); + + h1 { + font-size: 3.25em; + } + + > * { + @include vendor('transition', 'opacity 3s ease'); + @include vendor('transition-delay', '0.5s'); + opacity: 1; + } + + .logo { + @include vendor('transition', ( + 'opacity 1.25s ease', + 'transform 0.5s ease' + )); + @include vendor('transition-delay', '0s'); + display: block; + margin: 0 0 (_size(element-margin) * 0.75) 0; + + img { + display: block; + margin: 0 auto; + max-width: 75%; + } + } + } + + @include breakpoint('<=large') { + @include padding(4em, 4em, (0, 0, -2em, 0)); + + &.alt { + @include padding(5em, 4em, (1em, 0, 0, 0)); + } + } + + @include breakpoint('<=medium') { + @include padding(4em, 3em, (0, 0, -2em, 0)); + + &.alt { + @include padding(4em, 3em, (1em, 0, 0, 0)); + } + } + + @include breakpoint('<=small') { + @include padding(3em, 2em, (0, 0, -1em, 0)); + + p { + font-size: 1em; + letter-spacing: 0; + + br { + display: none; + } + } + + &.alt { + @include padding(3em, 2em, (1em, 0, 0, 0)); + + h1 { + font-size: 2.5em; + } + } + } + + @include breakpoint('<=xsmall') { + @include padding(3em, 1.5em, (0, 0, -1em, 0)); + + &.alt { + @include padding(3em, 1.5em, (1em, 0, 0, 0)); + } + } + + @include breakpoint('<=xxsmall') { + @include padding(2.5em, 1em, (0, 0, -1em, 0)); + + &.alt { + @include padding(2.5em, 1em, (1em, 0, 0, 0)); + } + } + + body.is-preload & { + &.alt { + > * { + opacity: 0; + } + + .logo { + @include vendor('transform', 'scale(0.8) rotate(-30deg)'); + } + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_main.scss b/assets/sass/layout/_main.scss new file mode 100644 index 0000000..8a5761d --- /dev/null +++ b/assets/sass/layout/_main.scss @@ -0,0 +1,99 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Main */ + + #main { + @include color(invert); + border-radius: _size(border-radius-main); + + > .main { + @include padding(5em, 5em); + border-top: solid 1px _palette(invert, border); + + &:first-child { + border-top: 0; + } + + > .image.main:first-child { + margin: -5em 0 5em -5em; + width: calc(100% + 10em); + border-top-right-radius: _size(border-radius-main); + border-top-left-radius: _size(border-radius-main); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + img { + border-top-right-radius: _size(border-radius-main); + border-top-left-radius: _size(border-radius-main); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + } + } + + @include breakpoint('<=large') { + > .main { + @include padding(4em, 4em); + + > .image.main:first-child { + margin: -4em 0 4em -4em; + width: calc(100% + 8em); + } + } + } + + @include breakpoint('<=medium') { + > .main { + @include padding(4em, 3em); + + > .image.main:first-child { + margin: -4em 0 4em -3em; + width: calc(100% + 6em); + } + } + } + + @include breakpoint('<=small') { + > .main { + @include padding(3em, 2em); + + > .image.main:first-child { + margin: -3em 0 2em -2em; + width: calc(100% + 4em); + } + } + } + + @include breakpoint('<=xsmall') { + > .main { + @include padding(3em, 1.5em); + + > .image.main:first-child { + margin: -3em 0 1.5em -1.5em; + width: calc(100% + 3em); + } + } + } + + @include breakpoint('<=xxsmall') { + border-radius: 0; + + > .main { + @include padding(2.5em, 1em); + + > .image.main:first-child { + margin: -2.5em 0 1.5em -1em; + width: calc(100% + 2em); + border-radius: 0; + + img { + border-radius: 0; + } + } + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_nav.scss b/assets/sass/layout/_nav.scss new file mode 100644 index 0000000..fb55ceb --- /dev/null +++ b/assets/sass/layout/_nav.scss @@ -0,0 +1,96 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Nav */ + + #nav { + @include vendor('transition', ( + 'background-color #{_duration(transition)} ease', + 'border-top-left-radius #{_duration(transition)} ease', + 'border-top-right-radius #{_duration(transition)} ease', + 'padding #{_duration(transition)} ease', + )); + @include color-typography(invert); + position: absolute; + width: _size(inner); + max-width: calc(100% - #{_size(element-margin) * 2}); + padding: 1em; + background-color: _palette(invert, bg-alt); + border-top-left-radius: _size(border-radius-main); + border-top-right-radius: _size(border-radius-main); + cursor: default; + text-align: center; + + & + #main { + padding-top: 4.25em; + } + + ul { + margin: 0; + padding: 0; + list-style: none; + + li { + @include vendor('transition', ( + 'margin #{_duration(transition)} ease' + )); + display: inline-block; + margin: 0 0.35em; + padding: 0; + vertical-align: middle; + + a { + @include vendor('transition', ( + 'font-size #{_duration(transition)} ease' + )); + display: inline-block; + height: 2.25em; + line-height: 2.25em; + padding: 0 1.25em; + border: 0; + border-radius: _size(border-radius); + box-shadow: inset 0 0 0 1px transparent; + + &:hover { + background-color: _palette(invert, border-bg); + } + + &.active { + background-color: _palette(invert, bg); + box-shadow: none; + } + } + } + } + + &.alt { + position: fixed; + top: 0; + padding: 0.5em 1em; + background-color: transparentize(_palette(invert, bg-alt), 0.05); + border-top-left-radius: 0; + border-top-right-radius: 0; + z-index: _misc(z-index-base); + + ul { + li { + margin: 0 0.175em; + + a { + font-size: 0.9em; + } + } + } + } + + @include breakpoint('<=small') { + display: none; + + & + #main { + padding-top: 0; + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_wrapper.scss b/assets/sass/layout/_wrapper.scss new file mode 100644 index 0000000..d94f54b --- /dev/null +++ b/assets/sass/layout/_wrapper.scss @@ -0,0 +1,21 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Wrapper */ + + #wrapper { + width: _size(inner); + max-width: calc(100% - 4em); + margin: 0 auto; + + @include breakpoint('<=xsmall') { + max-width: calc(100% - 2em); + } + + @include breakpoint('<=xxsmall') { + max-width: 100%; + } + } \ No newline at end of file diff --git a/assets/sass/libs/_breakpoints.scss b/assets/sass/libs/_breakpoints.scss new file mode 100644 index 0000000..c5301d8 --- /dev/null +++ b/assets/sass/libs/_breakpoints.scss @@ -0,0 +1,223 @@ +// breakpoints.scss v1.0 | @ajlkn | MIT licensed */ + +// Vars. + + /// Breakpoints. + /// @var {list} + $breakpoints: () !global; + +// Mixins. + + /// Sets breakpoints. + /// @param {map} $x Breakpoints. + @mixin breakpoints($x: ()) { + $breakpoints: $x !global; + } + + /// Wraps @content in a @media block targeting a specific orientation. + /// @param {string} $orientation Orientation. + @mixin orientation($orientation) { + @media screen and (orientation: #{$orientation}) { + @content; + } + } + + /// Wraps @content in a @media block using a given query. + /// @param {string} $query Query. + @mixin breakpoint($query: null) { + + $breakpoint: null; + $op: null; + $media: null; + + // Determine operator, breakpoint. + + // Greater than or equal. + @if (str-slice($query, 0, 2) == '>=') { + + $op: 'gte'; + $breakpoint: str-slice($query, 3); + + } + + // Less than or equal. + @elseif (str-slice($query, 0, 2) == '<=') { + + $op: 'lte'; + $breakpoint: str-slice($query, 3); + + } + + // Greater than. + @elseif (str-slice($query, 0, 1) == '>') { + + $op: 'gt'; + $breakpoint: str-slice($query, 2); + + } + + // Less than. + @elseif (str-slice($query, 0, 1) == '<') { + + $op: 'lt'; + $breakpoint: str-slice($query, 2); + + } + + // Not. + @elseif (str-slice($query, 0, 1) == '!') { + + $op: 'not'; + $breakpoint: str-slice($query, 2); + + } + + // Equal. + @else { + + $op: 'eq'; + $breakpoint: $query; + + } + + // Build media. + @if ($breakpoint and map-has-key($breakpoints, $breakpoint)) { + + $a: map-get($breakpoints, $breakpoint); + + // Range. + @if (type-of($a) == 'list') { + + $x: nth($a, 1); + $y: nth($a, 2); + + // Max only. + @if ($x == null) { + + // Greater than or equal (>= 0 / anything) + @if ($op == 'gte') { + $media: 'screen'; + } + + // Less than or equal (<= y) + @elseif ($op == 'lte') { + $media: 'screen and (max-width: ' + $y + ')'; + } + + // Greater than (> y) + @elseif ($op == 'gt') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Less than (< 0 / invalid) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: -1px)'; + } + + // Not (> y) + @elseif ($op == 'not') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Equal (<= y) + @else { + $media: 'screen and (max-width: ' + $y + ')'; + } + + } + + // Min only. + @else if ($y == null) { + + // Greater than or equal (>= x) + @if ($op == 'gte') { + $media: 'screen and (min-width: ' + $x + ')'; + } + + // Less than or equal (<= inf / anything) + @elseif ($op == 'lte') { + $media: 'screen'; + } + + // Greater than (> inf / invalid) + @elseif ($op == 'gt') { + $media: 'screen and (max-width: -1px)'; + } + + // Less than (< x) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Not (< x) + @elseif ($op == 'not') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Equal (>= x) + @else { + $media: 'screen and (min-width: ' + $x + ')'; + } + + } + + // Min and max. + @else { + + // Greater than or equal (>= x) + @if ($op == 'gte') { + $media: 'screen and (min-width: ' + $x + ')'; + } + + // Less than or equal (<= y) + @elseif ($op == 'lte') { + $media: 'screen and (max-width: ' + $y + ')'; + } + + // Greater than (> y) + @elseif ($op == 'gt') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Less than (< x) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Not (< x and > y) + @elseif ($op == 'not') { + $media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')'; + } + + // Equal (>= x and <= y) + @else { + $media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')'; + } + + } + + } + + // String. + @else { + + // Missing a media type? Prefix with "screen". + @if (str-slice($a, 0, 1) == '(') { + $media: 'screen and ' + $a; + } + + // Otherwise, use as-is. + @else { + $media: $a; + } + + } + + } + + // Output. + @media #{$media} { + @content; + } + + } \ No newline at end of file diff --git a/assets/sass/libs/_functions.scss b/assets/sass/libs/_functions.scss new file mode 100644 index 0000000..f563aab --- /dev/null +++ b/assets/sass/libs/_functions.scss @@ -0,0 +1,90 @@ +/// Removes a specific item from a list. +/// @author Hugo Giraudel +/// @param {list} $list List. +/// @param {integer} $index Index. +/// @return {list} Updated list. +@function remove-nth($list, $index) { + + $result: null; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + } + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + } + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + } + @else { + + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + + @if $i != $index { + $result: append($result, nth($list, $i)); + } + + } + + } + + @return $result; + +} + +/// Gets a value from a map. +/// @author Hugo Giraudel +/// @param {map} $map Map. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function val($map, $keys...) { + + @if nth($keys, 1) == null { + $keys: remove-nth($keys, 1); + } + + @each $key in $keys { + $map: map-get($map, $key); + } + + @return $map; + +} + +/// Gets a duration value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _duration($keys...) { + @return val($duration, $keys...); +} + +/// Gets a font value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _font($keys...) { + @return val($font, $keys...); +} + +/// Gets a misc value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _misc($keys...) { + @return val($misc, $keys...); +} + +/// Gets a palette value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _palette($keys...) { + @return val($palette, $keys...); +} + +/// Gets a size value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _size($keys...) { + @return val($size, $keys...); +} \ No newline at end of file diff --git a/assets/sass/libs/_html-grid.scss b/assets/sass/libs/_html-grid.scss new file mode 100644 index 0000000..7438a8c --- /dev/null +++ b/assets/sass/libs/_html-grid.scss @@ -0,0 +1,149 @@ +// html-grid.scss v1.0 | @ajlkn | MIT licensed */ + +// Mixins. + + /// Initializes the current element as an HTML grid. + /// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually). + /// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list). + @mixin html-grid($gutters: 1.5em, $suffix: '') { + + // Initialize. + $cols: 12; + $multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00; + $unit: 100% / $cols; + + // Suffixes. + $suffixes: null; + + @if (type-of($suffix) == 'list') { + $suffixes: $suffix; + } + @else { + $suffixes: ($suffix); + } + + // Gutters. + $guttersCols: null; + $guttersRows: null; + + @if (type-of($gutters) == 'list') { + + $guttersCols: nth($gutters, 1); + $guttersRows: nth($gutters, 2); + + } + @else { + + $guttersCols: $gutters; + $guttersRows: 0; + + } + + // Row. + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + + // Columns. + > * { + box-sizing: border-box; + } + + // Gutters. + &.gtr-uniform { + > * { + > :last-child { + margin-bottom: 0; + } + } + } + + // Alignment. + &.aln-left { + justify-content: flex-start; + } + + &.aln-center { + justify-content: center; + } + + &.aln-right { + justify-content: flex-end; + } + + &.aln-top { + align-items: flex-start; + } + + &.aln-middle { + align-items: center; + } + + &.aln-bottom { + align-items: flex-end; + } + + // Step through suffixes. + @each $suffix in $suffixes { + + // Suffix. + @if ($suffix != '') { + $suffix: '-' + $suffix; + } + @else { + $suffix: ''; + } + + // Row. + + // Important. + > .imp#{$suffix} { + order: -1; + } + + // Columns, offsets. + @for $i from 1 through $cols { + > .col-#{$i}#{$suffix} { + width: $unit * $i; + } + + > .off-#{$i}#{$suffix} { + margin-left: $unit * $i; + } + } + + // Step through multipliers. + @each $multiplier in $multipliers { + + // Gutters. + $class: null; + + @if ($multiplier != 1) { + $class: '.gtr-' + ($multiplier * 100); + } + + &#{$class} { + margin-top: ($guttersRows * $multiplier * -1); + margin-left: ($guttersCols * $multiplier * -1); + + > * { + padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier); + } + + // Uniform. + &.gtr-uniform { + margin-top: $guttersCols * $multiplier * -1; + + > * { + padding-top: $guttersCols * $multiplier; + } + } + + } + + } + + } + + } \ No newline at end of file diff --git a/assets/sass/libs/_mixins.scss b/assets/sass/libs/_mixins.scss new file mode 100644 index 0000000..a331483 --- /dev/null +++ b/assets/sass/libs/_mixins.scss @@ -0,0 +1,78 @@ +/// Makes an element's :before pseudoelement a FontAwesome icon. +/// @param {string} $content Optional content value to use. +/// @param {string} $category Optional category to use. +/// @param {string} $where Optional pseudoelement to target (before or after). +@mixin icon($content: false, $category: regular, $where: before) { + + text-decoration: none; + + &:#{$where} { + + @if $content { + content: $content; + } + + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + + @if ($category == brands) { + font-family: 'Font Awesome 5 Brands'; + } + @elseif ($category == solid) { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + @else { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; + } + + } + +} + +/// Applies padding to an element, taking the current element-margin value into account. +/// @param {mixed} $tb Top/bottom padding. +/// @param {mixed} $lr Left/right padding. +/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) +/// @param {bool} $important If true, adds !important. +@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { + + @if $important { + $important: '!important'; + } + + $x: 0.1em; + + @if unit(_size(element-margin)) == 'rem' { + $x: 0.1rem; + } + + padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; + +} + +/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp). +/// @param {string} $svg SVG data URL. +/// @return {string} Encoded SVG data URL. +@function svg-url($svg) { + + $svg: str-replace($svg, '"', '\''); + $svg: str-replace($svg, '%', '%25'); + $svg: str-replace($svg, '<', '%3C'); + $svg: str-replace($svg, '>', '%3E'); + $svg: str-replace($svg, '&', '%26'); + $svg: str-replace($svg, '#', '%23'); + $svg: str-replace($svg, '{', '%7B'); + $svg: str-replace($svg, '}', '%7D'); + $svg: str-replace($svg, ';', '%3B'); + + @return url("data:image/svg+xml;charset=utf8,#{$svg}"); + +} \ No newline at end of file diff --git a/assets/sass/libs/_vars.scss b/assets/sass/libs/_vars.scss new file mode 100644 index 0000000..9f1d089 --- /dev/null +++ b/assets/sass/libs/_vars.scss @@ -0,0 +1,60 @@ +// Misc. + $misc: ( + z-index-base: 10000 + ); + +// Duration. + $duration: ( + transition: 0.2s + ); + +// Size. + $size: ( + border-radius: 8px, + border-radius-main: 0.25em, + element-height: 2.75em, + element-margin: 2em, + inner: 64em + ); + +// Font. + $font: ( + family: ('Source Sans Pro', Helvetica, sans-serif), + family-fixed: ('Courier New', monospace), + weight: 300, + weight-bold: 400, + letter-spacing: -0.025em + ); + +// Palette. + $palette: ( + bg: #935d8c, + fg: rgba(255,255,255,0.65), + fg-bold: #ffffff, + fg-light: rgba(255,255,255,0.5), + border: rgba(255,255,255,0.35), + border-bg: rgba(255,255,255,0.075), + border2: rgba(255,255,255,0.75), + border2-bg: rgba(255,255,255,0.2), + + invert: ( + bg: #ffffff, + bg-alt: #f7f7f7, + fg: #636363, + fg-bold: #636363, + fg-light: rgba(99,99,99,0.25), + border: #dddddd, + border-bg: rgba(222,222,222,0.25), + border2: #dddddd, + border2-bg: rgba(222,222,222,0.5), + ), + + accent: #8cc9f0, + accent1: #efa8b0, + accent2: #c79cc8, + accent3: #a89cc8, + accent4: #9bb2e1, + accent5: #8cc9f0, + bg1: #e37682, + bg2: #5f4d93 + ); \ No newline at end of file diff --git a/assets/sass/libs/_vendor.scss b/assets/sass/libs/_vendor.scss new file mode 100644 index 0000000..6599a3f --- /dev/null +++ b/assets/sass/libs/_vendor.scss @@ -0,0 +1,376 @@ +// vendor.scss v1.0 | @ajlkn | MIT licensed */ + +// Vars. + + /// Vendor prefixes. + /// @var {list} + $vendor-prefixes: ( + '-moz-', + '-webkit-', + '-ms-', + '' + ); + + /// Properties that should be vendorized. + /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org + /// @var {list} + $vendor-properties: ( + + // Animation. + 'animation', + 'animation-delay', + 'animation-direction', + 'animation-duration', + 'animation-fill-mode', + 'animation-iteration-count', + 'animation-name', + 'animation-play-state', + 'animation-timing-function', + + // Appearance. + 'appearance', + + // Backdrop filter. + 'backdrop-filter', + + // Background image options. + 'background-clip', + 'background-origin', + 'background-size', + + // Box sizing. + 'box-sizing', + + // Clip path. + 'clip-path', + + // Filter effects. + 'filter', + + // Flexbox. + 'align-content', + 'align-items', + 'align-self', + 'flex', + 'flex-basis', + 'flex-direction', + 'flex-flow', + 'flex-grow', + 'flex-shrink', + 'flex-wrap', + 'justify-content', + 'order', + + // Font feature. + 'font-feature-settings', + 'font-language-override', + 'font-variant-ligatures', + + // Font kerning. + 'font-kerning', + + // Fragmented borders and backgrounds. + 'box-decoration-break', + + // Grid layout. + 'grid-column', + 'grid-column-align', + 'grid-column-end', + 'grid-column-start', + 'grid-row', + 'grid-row-align', + 'grid-row-end', + 'grid-row-start', + 'grid-template-columns', + 'grid-template-rows', + + // Hyphens. + 'hyphens', + 'word-break', + + // Masks. + 'mask', + 'mask-border', + 'mask-border-outset', + 'mask-border-repeat', + 'mask-border-slice', + 'mask-border-source', + 'mask-border-width', + 'mask-clip', + 'mask-composite', + 'mask-image', + 'mask-origin', + 'mask-position', + 'mask-repeat', + 'mask-size', + + // Multicolumn. + 'break-after', + 'break-before', + 'break-inside', + 'column-count', + 'column-fill', + 'column-gap', + 'column-rule', + 'column-rule-color', + 'column-rule-style', + 'column-rule-width', + 'column-span', + 'column-width', + 'columns', + + // Object fit. + 'object-fit', + 'object-position', + + // Regions. + 'flow-from', + 'flow-into', + 'region-fragment', + + // Scroll snap points. + 'scroll-snap-coordinate', + 'scroll-snap-destination', + 'scroll-snap-points-x', + 'scroll-snap-points-y', + 'scroll-snap-type', + + // Shapes. + 'shape-image-threshold', + 'shape-margin', + 'shape-outside', + + // Tab size. + 'tab-size', + + // Text align last. + 'text-align-last', + + // Text decoration. + 'text-decoration-color', + 'text-decoration-line', + 'text-decoration-skip', + 'text-decoration-style', + + // Text emphasis. + 'text-emphasis', + 'text-emphasis-color', + 'text-emphasis-position', + 'text-emphasis-style', + + // Text size adjust. + 'text-size-adjust', + + // Text spacing. + 'text-spacing', + + // Transform. + 'transform', + 'transform-origin', + + // Transform 3D. + 'backface-visibility', + 'perspective', + 'perspective-origin', + 'transform-style', + + // Transition. + 'transition', + 'transition-delay', + 'transition-duration', + 'transition-property', + 'transition-timing-function', + + // Unicode bidi. + 'unicode-bidi', + + // User select. + 'user-select', + + // Writing mode. + 'writing-mode', + + ); + + /// Values that should be vendorized. + /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org + /// @var {list} + $vendor-values: ( + + // Cross fade. + 'cross-fade', + + // Element function. + 'element', + + // Filter function. + 'filter', + + // Flexbox. + 'flex', + 'inline-flex', + + // Grab cursors. + 'grab', + 'grabbing', + + // Gradients. + 'linear-gradient', + 'repeating-linear-gradient', + 'radial-gradient', + 'repeating-radial-gradient', + + // Grid layout. + 'grid', + 'inline-grid', + + // Image set. + 'image-set', + + // Intrinsic width. + 'max-content', + 'min-content', + 'fit-content', + 'fill', + 'fill-available', + 'stretch', + + // Sticky position. + 'sticky', + + // Transform. + 'transform', + + // Zoom cursors. + 'zoom-in', + 'zoom-out', + + ); + +// Functions. + + /// Removes a specific item from a list. + /// @author Hugo Giraudel + /// @param {list} $list List. + /// @param {integer} $index Index. + /// @return {list} Updated list. + @function remove-nth($list, $index) { + + $result: null; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + } + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + } + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + } + @else { + + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + + @if $i != $index { + $result: append($result, nth($list, $i)); + } + + } + + } + + @return $result; + + } + + /// Replaces a substring within another string. + /// @author Hugo Giraudel + /// @param {string} $string String. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {string} Updated string. + @function str-replace($string, $search, $replace: '') { + + $index: str-index($string, $search); + + @if $index { + @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); + } + + @return $string; + + } + + /// Replaces a substring within each string in a list. + /// @param {list} $strings List of strings. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {list} Updated list of strings. + @function str-replace-all($strings, $search, $replace: '') { + + @each $string in $strings { + $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); + } + + @return $strings; + + } + +// Mixins. + + /// Wraps @content in vendorized keyframe blocks. + /// @param {string} $name Name. + @mixin keyframes($name) { + + @-moz-keyframes #{$name} { @content; } + @-webkit-keyframes #{$name} { @content; } + @-ms-keyframes #{$name} { @content; } + @keyframes #{$name} { @content; } + + } + + /// Vendorizes a declaration's property and/or value(s). + /// @param {string} $property Property. + /// @param {mixed} $value String/list of value(s). + @mixin vendor($property, $value) { + + // Determine if property should expand. + $expandProperty: index($vendor-properties, $property); + + // Determine if value should expand (and if so, add '-prefix-' placeholder). + $expandValue: false; + + @each $x in $value { + @each $y in $vendor-values { + @if $y == str-slice($x, 1, str-length($y)) { + + $value: set-nth($value, index($value, $x), '-prefix-' + $x); + $expandValue: true; + + } + } + } + + // Expand property? + @if $expandProperty { + @each $vendor in $vendor-prefixes { + #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Expand just the value? + @elseif $expandValue { + @each $vendor in $vendor-prefixes { + #{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Neither? Treat them as a normal declaration. + @else { + #{$property}: #{$value}; + } + + } \ No newline at end of file diff --git a/assets/sass/main.scss b/assets/sass/main.scss new file mode 100644 index 0000000..104998e --- /dev/null +++ b/assets/sass/main.scss @@ -0,0 +1,70 @@ +@import 'libs/vars'; +@import 'libs/functions'; +@import 'libs/mixins'; +@import 'libs/vendor'; +@import 'libs/breakpoints'; +@import 'libs/html-grid'; +@import 'fontawesome-all.min.css'; +@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400'; + +/* + Stellar by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +// Breakpoints. + + @include breakpoints(( + xlarge: ( 1281px, 1680px ), + large: ( 981px, 1280px ), + medium: ( 737px, 980px ), + small: ( 481px, 736px ), + xsmall: ( 361px, 480px ), + xxsmall: ( null, 360px ) + )); + +// Mixins. + + @mixin color($p) { + @include color-typography($p); + @include color-box($p); + @include color-button($p); + @include color-form($p); + @include color-icon($p); + @include color-list($p); + @include color-section($p); + @include color-table($p); + @include color-spotlight($p); + } + +// Base. + + @import 'base/reset'; + @import 'base/page'; + @import 'base/typography'; + +// Component. + + @import 'components/row'; + @import 'components/box'; + @import 'components/button'; + @import 'components/form'; + @import 'components/icon'; + @import 'components/image'; + @import 'components/list'; + @import 'components/actions'; + @import 'components/icons'; + @import 'components/section'; + @import 'components/table'; + @import 'components/features'; + @import 'components/statistics'; + @import 'components/spotlight'; + +// Layout. + + @import 'layout/header'; + @import 'layout/nav'; + @import 'layout/main'; + @import 'layout/footer'; + @import 'layout/wrapper'; \ No newline at end of file diff --git a/assets/sass/noscript.scss b/assets/sass/noscript.scss new file mode 100644 index 0000000..c58ce4a --- /dev/null +++ b/assets/sass/noscript.scss @@ -0,0 +1,28 @@ +@import 'libs/vars'; +@import 'libs/functions'; +@import 'libs/mixins'; +@import 'libs/vendor'; +@import 'libs/breakpoints'; +@import 'libs/html-grid'; + +/* + Stellar by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Header */ + + #header { + body.is-preload & { + &.alt { + > * { + opacity: 1; + } + + .logo { + @include vendor('transform', 'none'); + } + } + } + } \ No newline at end of file