commit 2d9e9fb8788f077a6e7bf1ca9d94d1b584b0cc40 Author: Waldehyd Date: Sun Aug 31 20:00:05 2025 +0200 Started building a Website with Jekyll based on Uno-Timeline diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json new file mode 100644 index 0000000..964d46f --- /dev/null +++ b/.devcontainer/devcontainer.json @@ -0,0 +1,22 @@ +// For format details, see https://aka.ms/devcontainer.json. For config options, see the +// README at: https://github.com/devcontainers/templates/tree/main/src/jekyll +{ + "name": "Jekyll", + // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile + "image": "mcr.microsoft.com/devcontainers/jekyll:2-bullseye" + + // Features to add to the dev container. More info: https://containers.dev/features. + // "features": {}, + + // Use 'forwardPorts' to make a list of ports inside the container available locally. + // "forwardPorts": [], + + // Uncomment the next line to run commands after the container is created. + // "postCreateCommand": "jekyll --version" + + // Configure tool-specific properties. + // "customizations": {}, + + // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root. + // "remoteUser": "root" +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..dd921e7 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ + +.jekyll-cache/ +.htaccess +.DS_Store diff --git a/.vscode/tasks.json b/.vscode/tasks.json new file mode 100644 index 0000000..e8b6253 --- /dev/null +++ b/.vscode/tasks.json @@ -0,0 +1,26 @@ +{ + // See https://go.microsoft.com/fwlink/?LinkId=733558 + // for the documentation about the tasks.json format + "version": "2.0.0", + "tasks": [ + { + "label": "Serve", + "type": "shell", + "command": "bundle exec jekyll serve --livereload", + "group": { + "kind": "test", + "isDefault": true + }, + "isBackground": true, + }, + { + "label": "Build", + "type": "shell", + "command": "bundle exec jekyll build", + "group": { + "kind": "build", + "isDefault": true + }, + } + ] +} \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..d4b6b8f --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Thomas Zühlke + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..0657272 --- /dev/null +++ b/README.md @@ -0,0 +1,37 @@ +# Jekyll-Uno with Projects as Timeline +A Jekyll Theme, based on the Uno-Theme with a list of projects as Timeline. + +## How does is look +[Demo](https://www.zuehlke.cloud/) +![Screenshot](screenshot-overview.png) +![jekyll-theme-desktop](https://user-images.githubusercontent.com/32843441/72224870-5451ff00-357f-11ea-8fc2-bfbd4499bc63.gif) +![jekyll-theme-mobil](https://user-images.githubusercontent.com/32843441/72224877-6a5fbf80-357f-11ea-920b-dfae72bf2fbe.gif) + +## Installation/Setup +1. Download or clone repo `git clone https://github.com/tzuehlke/jekyll-uno-timeline.git` +2. Enter the folder: `cd jekyll-uno-timeline/` +3. Build it: `jekyll build` +4. Start Jekyll server: `jekyll serve` +5. Configure: `_config.yml` + * at least set `font_awesome` or download and add the font in `head.html` + +Access via: [http://localhost:4000/](http://localhost:4000/) + +## Details/Features/Changes +* based on the [Uno-Theme](https://github.com/joshgerdes/jekyll-uno), but: + * removed everything with posts + * `content-wrapper` can be shown or hidden with button + * changed all icons to [Font-Awesome](https://fontawesome.com/) + * updated google-analytics snipped + * added [Meetup-Link](https://www.meetup.com/) + * removed RSS + * removed Disqus + * using a Timeline-Design instead of posts, therefore no pagination anymore +* using Timeline ([CSS](https://github.com/le4ker/personal-jekyll-theme/blob/master/css/timeline.scss), [HTML](https://github.com/le4ker/personal-jekyll-theme/blob/master/_includes/timeline.html) ) from [{ Personal } Jekyll Theme](https://github.com/le4ker/personal-jekyll-theme) for a list of projects, but: + * still with 3 layouts for different screen-width, but without images on small screens + * timeline information source is now `_data/projects.yaml` + * always using the `timeline-inverted`-class, for text on the right side of the images +* using [github_api.js](https://github.com/jarrekk/Jalpc/blob/master/static/js/github_api.js) from [Jalpc.](https://github.com/jarrekk/Jalpc), but: + * changed the GitHub-URL for using with persons and organisations + * added watchers number + + \ No newline at end of file diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..5a8f6f2 --- /dev/null +++ b/_config.yml @@ -0,0 +1,46 @@ +# Site settings +title: Simeon "Waldo" Wallrath +description: 'Business Card Page' +url: 'https://waldo.works' +baseurl: '' +profilepic: '/images/Pic_01.jpg' +secondprofilepic: '/images/Pic_02.png' +bkimage: '/images/bk1.jpg' + +author: + name: 'Simeon Wallrath' + email: waldo@waldo.works + mastodon: waldo@chaos.social +# facebook_username: joshgerdes + github_username: waldehyd + + +# Build settings +destination: _site +markdown: kramdown +highlighter: rouge + +sass: + sass_dir: _sass + style: compressed + +kramdown: + # use Github Flavored Markdown + input: GFM + # do not replace newlines by
s + hard_wrap: false + +#plugins: ['jekyll-paginate'] +exclude: ['README.md', 'screenshot-overview.png'] + +# PAGINATION +#paginate: 5 +#paginate_path: "/blog/page:num" + +collections: + pages: + output: true + permalink: :slug/ + projects: + output: true + permalink: :slug/ \ No newline at end of file diff --git a/_data/gallery.yml b/_data/gallery.yml new file mode 100644 index 0000000..3ddd668 --- /dev/null +++ b/_data/gallery.yml @@ -0,0 +1,11 @@ +- image: /images/Pic_01.jpg + title: "First Artwork" + year: 2023 + +- image: /images/Pic_01.jpg + title: "Second Artwork" + year: 2024 + +- image: /images/Pic_01.jpg + title: "Third Artwork" + year: 2021 \ No newline at end of file diff --git a/_data/projects.yml b/_data/projects.yml new file mode 100644 index 0000000..26fbbe7 --- /dev/null +++ b/_data/projects.yml @@ -0,0 +1,20 @@ +# projects section data +- name: A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files + url: https://virtuos.world + img: https://blog.zuehlke.cloud/wp-content/uploads/2024/04/AzureCostExportPAYG-Overview-945x293.png + desc: asdasd + +- name: A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files + url: https://virtuos.world + img: https://blog.zuehlke.cloud/wp-content/uploads/2024/04/AzureCostExportPAYG-Overview-945x293.png + desc: asdasd + +- name: A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files + url: https://virtuos.world + img: https://blog.zuehlke.cloud/wp-content/uploads/2024/04/AzureCostExportPAYG-Overview-945x293.png + desc: asdasd + +- name: A repo with workflow, that downloads the current Pay-As-You-Go prices from Azure once a month and saves them in ~40MB files + url: https://virtuos.world + img: https://blog.zuehlke.cloud/wp-content/uploads/2024/04/AzureCostExportPAYG-Overview-945x293.png + desc: asdasd diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..103cd61 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,5 @@ + + + + + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..995fe91 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,69 @@ + + + + + {% if page.robots %} + + {% endif %} + + {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + + + + + + + + + + + + + {% if site.author.twitter_username %} + + {% endif %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {% if site.google_analytics %} + + + + + {% endif %} + + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..0b54e4d --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,130 @@ + + + + + +
+
+ +
+
+ +
+ My Profile Photo +
+ Second Profile Photo +
+

{{ site.title }}

+ +
+

+ PhD-Student in Chemistry Didactics, 3D-Artist, Musician, Game Developer +

+
+
+ +
+ + + + + + +
+ +
+ +
+ +
+ +
diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..c1b88cd --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,21 @@ + + + + + {{ page.title }} + + {% include head.html %} + + + + {% include header.html %} + +
+
+
+ {{ content }} +
+ {% include footer.html %} +
+ + diff --git a/_projects/arts.md b/_projects/arts.md new file mode 100644 index 0000000..31cb022 --- /dev/null +++ b/_projects/arts.md @@ -0,0 +1,21 @@ +--- +title: "Cats Project" +layout: default +--- +# 🚀 Project Nebula + +Welcome to **Project Nebula**, a cosmic initiative to explore the outer edges of creativity. + +## 🌌 Features + +- 🌠 Star-mapped navigation +- 🛰️ Real-time telemetry +- 🧠 Bullshit-assisted decision engine + +## 📦 Installation + +```bash +git clone https://github.com/yourusername/project-nebula.git +cd project-nebula +npm install +``` \ No newline at end of file diff --git a/_projects/gallery.html b/_projects/gallery.html new file mode 100644 index 0000000..93edb06 --- /dev/null +++ b/_projects/gallery.html @@ -0,0 +1,19 @@ +--- +layout: default +slug: gallery +--- + + + diff --git a/_sass/_gallery.scss b/_sass/_gallery.scss new file mode 100644 index 0000000..060ff63 --- /dev/null +++ b/_sass/_gallery.scss @@ -0,0 +1,42 @@ +.gallery-list { + list-style: none; + margin: 0; + padding: 0; +} + +.gallery-item { + display: flex; + align-items: center; + gap: 1rem; /* space between image and text */ + margin-bottom: 1.5rem; +} + +.gallery-item img:hover { + transform: scale(1.03); +} + +.gallery-item .info { + flex: 1; /* text takes remaining width */ +} + +.gallery-item .info h3 { + margin: 0; + font-size: 1.2rem; +} + +.gallery-item .info p { + margin: 0.3rem 0 0; + color: #666; +} + +.gallery-item img { + max-width: 220px; /* never wider than 150px */ + width: 100%; /* scale down proportionally */ + height: auto; /* keep aspect ratio */ + border-radius: 8px; + cursor: pointer; + flex-shrink: 0; /* don’t let flexbox shrink it */ + transition: transform 0.2s ease; + display: block; /* remove any inline gap issues */ + margin-right: 35px; +} diff --git a/_sass/animate.scss b/_sass/animate.scss new file mode 100644 index 0000000..492bbbd --- /dev/null +++ b/_sass/animate.scss @@ -0,0 +1,3432 @@ +.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes flash { + 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} +} + +@-moz-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-o-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +.flash { + -webkit-animation-name: flash; + -moz-animation-name: flash; + -o-animation-name: flash; + animation-name: flash; +} +@-webkit-keyframes shake { + 0%, 100% {-webkit-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} +} + +@-moz-keyframes shake { + 0%, 100% {-moz-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} +} + +@-o-keyframes shake { + 0%, 100% {-o-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} +} + +@keyframes shake { + 0%, 100% {transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} + 20%, 40%, 60%, 80% {transform: translateX(10px);} +} + +.shake { + -webkit-animation-name: shake; + -moz-animation-name: shake; + -o-animation-name: shake; + animation-name: shake; +} +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} + 40% {-webkit-transform: translateY(-30px);} + 60% {-webkit-transform: translateY(-15px);} +} + +@-moz-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} + 40% {-moz-transform: translateY(-30px);} + 60% {-moz-transform: translateY(-15px);} +} + +@-o-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} + 40% {-o-transform: translateY(-30px);} + 60% {-o-transform: translateY(-15px);} +} +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} + 40% {transform: translateY(-30px);} + 60% {transform: translateY(-15px);} +} + +.bounce { + -webkit-animation-name: bounce; + -moz-animation-name: bounce; + -o-animation-name: bounce; + animation-name: bounce; +} +@-webkit-keyframes tada { + 0% {-webkit-transform: scale(1);} + 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} + 100% {-webkit-transform: scale(1) rotate(0);} +} + +@-moz-keyframes tada { + 0% {-moz-transform: scale(1);} + 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} + 100% {-moz-transform: scale(1) rotate(0);} +} + +@-o-keyframes tada { + 0% {-o-transform: scale(1);} + 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} + 100% {-o-transform: scale(1) rotate(0);} +} + +@keyframes tada { + 0% {transform: scale(1);} + 10%, 20% {transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} + 100% {transform: scale(1) rotate(0);} +} + +.tada { + -webkit-animation-name: tada; + -moz-animation-name: tada; + -o-animation-name: tada; + animation-name: tada; +} +@-webkit-keyframes swing { + 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } + 20% { -webkit-transform: rotate(15deg); } + 40% { -webkit-transform: rotate(-10deg); } + 60% { -webkit-transform: rotate(5deg); } + 80% { -webkit-transform: rotate(-5deg); } + 100% { -webkit-transform: rotate(0deg); } +} + +@-moz-keyframes swing { + 20% { -moz-transform: rotate(15deg); } + 40% { -moz-transform: rotate(-10deg); } + 60% { -moz-transform: rotate(5deg); } + 80% { -moz-transform: rotate(-5deg); } + 100% { -moz-transform: rotate(0deg); } +} + +@-o-keyframes swing { + 20% { -o-transform: rotate(15deg); } + 40% { -o-transform: rotate(-10deg); } + 60% { -o-transform: rotate(5deg); } + 80% { -o-transform: rotate(-5deg); } + 100% { -o-transform: rotate(0deg); } +} + +@keyframes swing { + 20% { transform: rotate(15deg); } + 40% { transform: rotate(-10deg); } + 60% { transform: rotate(5deg); } + 80% { transform: rotate(-5deg); } + 100% { transform: rotate(0deg); } +} + +.swing { + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -o-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + -moz-animation-name: swing; + -o-animation-name: swing; + animation-name: swing; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { -webkit-transform: translateX(0%); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0%); } +} + +@-moz-keyframes wobble { + 0% { -moz-transform: translateX(0%); } + 15% { -moz-transform: translateX(-25%) rotate(-5deg); } + 30% { -moz-transform: translateX(20%) rotate(3deg); } + 45% { -moz-transform: translateX(-15%) rotate(-3deg); } + 60% { -moz-transform: translateX(10%) rotate(2deg); } + 75% { -moz-transform: translateX(-5%) rotate(-1deg); } + 100% { -moz-transform: translateX(0%); } +} + +@-o-keyframes wobble { + 0% { -o-transform: translateX(0%); } + 15% { -o-transform: translateX(-25%) rotate(-5deg); } + 30% { -o-transform: translateX(20%) rotate(3deg); } + 45% { -o-transform: translateX(-15%) rotate(-3deg); } + 60% { -o-transform: translateX(10%) rotate(2deg); } + 75% { -o-transform: translateX(-5%) rotate(-1deg); } + 100% { -o-transform: translateX(0%); } +} + +@keyframes wobble { + 0% { transform: translateX(0%); } + 15% { transform: translateX(-25%) rotate(-5deg); } + 30% { transform: translateX(20%) rotate(3deg); } + 45% { transform: translateX(-15%) rotate(-3deg); } + 60% { transform: translateX(10%) rotate(2deg); } + 75% { transform: translateX(-5%) rotate(-1deg); } + 100% { transform: translateX(0%); } +} + +.wobble { + -webkit-animation-name: wobble; + -moz-animation-name: wobble; + -o-animation-name: wobble; + animation-name: wobble; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { -webkit-transform: scale(1); } + 50% { -webkit-transform: scale(1.1); } + 100% { -webkit-transform: scale(1); } +} +@-moz-keyframes pulse { + 0% { -moz-transform: scale(1); } + 50% { -moz-transform: scale(1.1); } + 100% { -moz-transform: scale(1); } +} +@-o-keyframes pulse { + 0% { -o-transform: scale(1); } + 50% { -o-transform: scale(1.1); } + 100% { -o-transform: scale(1); } +} +@keyframes pulse { + 0% { transform: scale(1); } + 50% { transform: scale(1.1); } + 100% { transform: scale(1); } +} + +.pulse { + -webkit-animation-name: pulse; + -moz-animation-name: pulse; + -o-animation-name: pulse; + animation-name: pulse; +} +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + } +} +@-moz-keyframes flip { + 0% { + -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -moz-animation-timing-function: ease-out; + } + 40% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -moz-animation-timing-function: ease-out; + } + 50% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -moz-animation-timing-function: ease-in; + } + 80% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -moz-animation-timing-function: ease-in; + } + 100% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -moz-animation-timing-function: ease-in; + } +} +@-o-keyframes flip { + 0% { + -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -o-animation-timing-function: ease-out; + } + 40% { + -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -o-animation-timing-function: ease-out; + } + 50% { + -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -o-animation-timing-function: ease-in; + } + 80% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -o-animation-timing-function: ease-in; + } + 100% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -o-animation-timing-function: ease-in; + } +} +@keyframes flip { + 0% { + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + animation-timing-function: ease-out; + } + 40% { + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + animation-timing-function: ease-out; + } + 50% { + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + animation-timing-function: ease-in; + } + 80% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + animation-timing-function: ease-in; + } + 100% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flip; + -moz-backface-visibility: visible !important; + -moz-animation-name: flip; + -o-backface-visibility: visible !important; + -o-animation-name: flip; + backface-visibility: visible !important; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInX { + 0% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-o-keyframes flipInX { + 0% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@keyframes flipInX { + 0% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + transform: perspective(400px) rotateX(10deg); + } + + 100% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInX; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInX; + -o-backface-visibility: visible !important; + -o-animation-name: flipInX; + backface-visibility: visible !important; + animation-name: flipInX; +} +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-moz-keyframes flipOutX { + 0% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-o-keyframes flipOutX { + 0% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -moz-animation-name: flipOutX; + -moz-backface-visibility: visible !important; + -o-animation-name: flipOutX; + -o-backface-visibility: visible !important; + animation-name: flipOutX; + backface-visibility: visible !important; +} +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInY { + 0% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-o-keyframes flipInY { + 0% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@keyframes flipInY { + 0% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + transform: perspective(400px) rotateY(10deg); + } + + 100% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInY; + -o-backface-visibility: visible !important; + -o-animation-name: flipInY; + backface-visibility: visible !important; + animation-name: flipInY; +} +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-moz-keyframes flipOutY { + 0% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-o-keyframes flipOutY { + 0% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@keyframes flipOutY { + 0% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipOutY; + -o-backface-visibility: visible !important; + -o-animation-name: flipOutY; + backface-visibility: visible !important; + animation-name: flipOutY; +} +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-moz-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-o-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.fadeIn { + -webkit-animation-name: fadeIn; + -moz-animation-name: fadeIn; + -o-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUp { + 0% { + opacity: 0; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUp { + 0% { + opacity: 0; + -o-transform: translateY(20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY(20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -o-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + transform: translateX(-20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + -moz-animation-name: fadeInLeft; + -o-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRight { + 0% { + opacity: 0; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRight { + 0% { + opacity: 0; + -o-transform: translateX(20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + transform: translateX(20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUpBig { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUpBig { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + -moz-animation-name: fadeInUpBig; + -o-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDownBig { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDownBig { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + -moz-animation-name: fadeInDownBig; + -o-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@-moz-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} +@-o-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + -moz-animation-name: fadeInLeftBig; + -o-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRightBig { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRightBig { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + -moz-animation-name: fadeInRightBig; + -o-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-moz-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-o-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.fadeOut { + -webkit-animation-name: fadeOut; + -moz-animation-name: fadeOut; + -o-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + } +} +@-moz-keyframes fadeOutUp { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-20px); + } +} +@-o-keyframes fadeOutUp { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-20px); + } +} +@keyframes fadeOutUp { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + -moz-animation-name: fadeOutUp; + -o-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + } +} + +@-moz-keyframes fadeOutDown { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(20px); + } +} + +@-o-keyframes fadeOutDown { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + -moz-animation-name: fadeOutDown; + -o-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + } +} + +@-moz-keyframes fadeOutLeft { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-20px); + } +} + +@-o-keyframes fadeOutLeft { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + -moz-animation-name: fadeOutLeft; + -o-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + } +} + +@-moz-keyframes fadeOutRight { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(20px); + } +} + +@-o-keyframes fadeOutRight { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + -moz-animation-name: fadeOutRight; + -o-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + -moz-animation-name: fadeOutUpBig; + -o-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + -moz-animation-name: fadeOutDownBig; + -o-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + -moz-animation-name: fadeOutLeftBig; + -o-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} +@-moz-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} +@-o-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + -moz-animation-name: fadeOutRightBig; + -o-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes slideInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes slideInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + -moz-animation-name: slideInDown; + -o-animation-name: slideInDown; + animation-name: slideInDown; +} +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes slideInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes slideInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + -moz-animation-name: slideInLeft; + -o-animation-name: slideInLeft; + animation-name: slideInLeft; +} +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes slideInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes slideInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + -moz-animation-name: slideInRight; + -o-animation-name: slideInRight; + animation-name: slideInRight; +} +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes slideOutUp { + 0% { + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes slideOutUp { + 0% { + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + -moz-animation-name: slideOutUp; + -o-animation-name: slideOutUp; + animation-name: slideOutUp; +} +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes slideOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes slideOutLeft { + 0% { + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + -moz-animation-name: slideOutLeft; + -o-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes slideOutRight { + 0% { + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes slideOutRight { + 0% { + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + -moz-animation-name: slideOutRight; + -o-animation-name: slideOutRight; + animation-name: slideOutRight; +} +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounceIn { + 0% { + opacity: 0; + -moz-transform: scale(.3); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.05); + } + + 70% { + -moz-transform: scale(.9); + } + + 100% { + -moz-transform: scale(1); + } +} + +@-o-keyframes bounceIn { + 0% { + opacity: 0; + -o-transform: scale(.3); + } + + 50% { + opacity: 1; + -o-transform: scale(1.05); + } + + 70% { + -o-transform: scale(.9); + } + + 100% { + -o-transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + transform: scale(.3); + } + + 50% { + opacity: 1; + transform: scale(1.05); + } + + 70% { + transform: scale(.9); + } + + 100% { + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + -moz-animation-name: bounceIn; + -o-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} +@-moz-keyframes bounceInUp { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(-30px); + } + + 80% { + -moz-transform: translateY(10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInUp { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(-30px); + } + + 80% { + -o-transform: translateY(10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 60% { + opacity: 1; + transform: translateY(-30px); + } + + 80% { + transform: translateY(10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + -moz-animation-name: bounceInUp; + -o-animation-name: bounceInUp; + animation-name: bounceInUp; +} +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes bounceInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(30px); + } + + 80% { + -moz-transform: translateY(-10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(30px); + } + + 80% { + -o-transform: translateY(-10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + transform: translateY(30px); + } + + 80% { + transform: translateY(-10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + -moz-animation-name: bounceInDown; + -o-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(30px); + } + + 80% { + -moz-transform: translateX(-10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(30px); + } + + 80% { + -o-transform: translateX(-10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + transform: translateX(30px); + } + + 80% { + transform: translateX(-10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + -moz-animation-name: bounceInLeft; + -o-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(-30px); + } + + 80% { + -moz-transform: translateX(10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(-30px); + } + + 80% { + -o-transform: translateX(10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 60% { + opacity: 1; + transform: translateX(-30px); + } + + 80% { + transform: translateX(10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + -moz-animation-name: bounceInRight; + -o-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + } +} + +@-moz-keyframes bounceOut { + 0% { + -moz-transform: scale(1); + } + + 25% { + -moz-transform: scale(.95); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.1); + } + + 100% { + opacity: 0; + -moz-transform: scale(.3); + } +} + +@-o-keyframes bounceOut { + 0% { + -o-transform: scale(1); + } + + 25% { + -o-transform: scale(.95); + } + + 50% { + opacity: 1; + -o-transform: scale(1.1); + } + + 100% { + opacity: 0; + -o-transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + transform: scale(1); + } + + 25% { + transform: scale(.95); + } + + 50% { + opacity: 1; + transform: scale(1.1); + } + + 100% { + opacity: 0; + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + -moz-animation-name: bounceOut; + -o-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes bounceOutUp { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes bounceOutUp { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(20px); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + -moz-animation-name: bounceOutUp; + -o-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes bounceOutDown { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes bounceOutDown { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(-20px); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + -moz-animation-name: bounceOutDown; + -o-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes bounceOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes bounceOutLeft { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(20px); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + -moz-animation-name: bounceOutLeft; + -o-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes bounceOutRight { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes bounceOutRight { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(-20px); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + -moz-animation-name: bounceOutRight; + -o-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } +} +@-moz-keyframes rotateIn { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } +} +@-o-keyframes rotateIn { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } +} +@keyframes rotateIn { + 0% { + transform-origin: center center; + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + -moz-animation-name: rotateIn; + -o-animation-name: rotateIn; + animation-name: rotateIn; +} +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + -moz-animation-name: rotateInUpLeft; + -o-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + -moz-animation-name: rotateInDownLeft; + -o-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + -moz-animation-name: rotateInUpRight; + -o-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + -moz-animation-name: rotateInDownRight; + -o-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(200deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOut { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(200deg); + opacity: 0; + } +} + +@-o-keyframes rotateOut { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: center center; + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + -moz-animation-name: rotateOut; + -o-animation-name: rotateOut; + animation-name: rotateOut; +} +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + -transform-origin: left bottom; + -transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + -moz-animation-name: rotateOutUpLeft; + -o-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + -moz-animation-name: rotateOutDownLeft; + -o-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + -moz-animation-name: rotateOutUpRight; + -o-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + -moz-animation-name: rotateOutDownRight; + -o-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +@-webkit-keyframes lightSpeedIn { + 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-moz-keyframes lightSpeedIn { + 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-o-keyframes lightSpeedIn { + 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@keyframes lightSpeedIn { + 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + -moz-animation-name: lightSpeedIn; + -o-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +@-webkit-keyframes lightSpeedOut { + 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-moz-keyframes lightSpeedOut { + 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-o-keyframes lightSpeedOut { + 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@keyframes lightSpeedOut { + 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + -moz-animation-name: lightSpeedOut; + -o-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +@-webkit-keyframes hinge { + 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 100% { -webkit-transform: translateY(700px); opacity: 0; } +} + +@-moz-keyframes hinge { + 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 100% { -moz-transform: translateY(700px); opacity: 0; } +} + +@-o-keyframes hinge { + 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 100% { -o-transform: translateY(700px); opacity: 0; } +} + +@keyframes hinge { + 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } + 100% { transform: translateY(700px); opacity: 0; } +} + +.hinge { + -webkit-animation-name: hinge; + -moz-animation-name: hinge; + -o-animation-name: hinge; + animation-name: hinge; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } +} + +@-moz-keyframes rollIn { + 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } +} + +@-o-keyframes rollIn { + 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } +} + +@keyframes rollIn { + 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } +} + +.rollIn { + -webkit-animation-name: rollIn; + -moz-animation-name: rollIn; + -o-animation-name: rollIn; + animation-name: rollIn; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + } +} + +@-moz-keyframes rollOut { + 0% { + opacity: 1; + -moz-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -moz-transform: translateX(100%) rotate(120deg); + } +} + +@-o-keyframes rollOut { + 0% { + opacity: 1; + -o-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -o-transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + -moz-animation-name: rollOut; + -o-animation-name: rollOut; + animation-name: rollOut; +} diff --git a/_sass/monokai.scss b/_sass/monokai.scss new file mode 100644 index 0000000..1987e2b --- /dev/null +++ b/_sass/monokai.scss @@ -0,0 +1,66 @@ +pre.highlight, +.highlight pre { background-color: #272822; } +.highlight .hll { background-color: #272822; } +.highlight .c { color: #75715e } /* Comment */ +.highlight .err { color: #960050; background-color: #1e0010 } /* Error */ +.highlight .k { color: #66d9ef } /* Keyword */ +.highlight .l { color: #ae81ff } /* Literal */ +.highlight .n { color: #f8f8f2 } /* Name */ +.highlight .o { color: #f92672 } /* Operator */ +.highlight .p { color: #f8f8f2 } /* Punctuation */ +.highlight .cm { color: #75715e } /* Comment.Multiline */ +.highlight .cp { color: #75715e } /* Comment.Preproc */ +.highlight .c1 { color: #75715e } /* Comment.Single */ +.highlight .cs { color: #75715e } /* Comment.Special */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .kc { color: #66d9ef } /* Keyword.Constant */ +.highlight .kd { color: #66d9ef } /* Keyword.Declaration */ +.highlight .kn { color: #f92672 } /* Keyword.Namespace */ +.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ +.highlight .kr { color: #66d9ef } /* Keyword.Reserved */ +.highlight .kt { color: #66d9ef } /* Keyword.Type */ +.highlight .ld { color: #e6db74 } /* Literal.Date */ +.highlight .m { color: #ae81ff } /* Literal.Number */ +.highlight .s { color: #e6db74 } /* Literal.String */ +.highlight .na { color: #a6e22e } /* Name.Attribute */ +.highlight .nb { color: #f8f8f2 } /* Name.Builtin */ +.highlight .nc { color: #a6e22e } /* Name.Class */ +.highlight .no { color: #66d9ef } /* Name.Constant */ +.highlight .nd { color: #a6e22e } /* Name.Decorator */ +.highlight .ni { color: #f8f8f2 } /* Name.Entity */ +.highlight .ne { color: #a6e22e } /* Name.Exception */ +.highlight .nf { color: #a6e22e } /* Name.Function */ +.highlight .nl { color: #f8f8f2 } /* Name.Label */ +.highlight .nn { color: #f8f8f2 } /* Name.Namespace */ +.highlight .nx { color: #a6e22e } /* Name.Other */ +.highlight .py { color: #f8f8f2 } /* Name.Property */ +.highlight .nt { color: #f92672 } /* Name.Tag */ +.highlight .nv { color: #f8f8f2 } /* Name.Variable */ +.highlight .ow { color: #f92672 } /* Operator.Word */ +.highlight .w { color: #f8f8f2 } /* Text.Whitespace */ +.highlight .mf { color: #ae81ff } /* Literal.Number.Float */ +.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ +.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ +.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ +.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ +.highlight .sc { color: #e6db74 } /* Literal.String.Char */ +.highlight .sd { color: #e6db74 } /* Literal.String.Doc */ +.highlight .s2 { color: #e6db74 } /* Literal.String.Double */ +.highlight .se { color: #ae81ff } /* Literal.String.Escape */ +.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ +.highlight .si { color: #e6db74 } /* Literal.String.Interpol */ +.highlight .sx { color: #e6db74 } /* Literal.String.Other */ +.highlight .sr { color: #e6db74 } /* Literal.String.Regex */ +.highlight .s1 { color: #e6db74 } /* Literal.String.Single */ +.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ +.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ +.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ +.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ +.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ + +.highlight .gh { } /* Generic Heading & Diff Header */ +.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ +.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ +.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */ \ No newline at end of file diff --git a/_sass/tables.scss b/_sass/tables.scss new file mode 100644 index 0000000..9e4b1b4 --- /dev/null +++ b/_sass/tables.scss @@ -0,0 +1,24 @@ +table { + margin-bottom: 1.3em; + thead { + font-weight: bold; + + th { + text-align: left; + border-bottom: 4px solid #888; + font-weight: bold; + padding: 12px; + vertical-align: middle; + } + } + + tr { + &:nth-child(even) td { + background: #eee; + } + + td { + padding: 12px; + } + } +} diff --git a/_sass/timeline.scss b/_sass/timeline.scss new file mode 100644 index 0000000..cc09d6a --- /dev/null +++ b/_sass/timeline.scss @@ -0,0 +1,235 @@ + +.timeline { + position: relative; + padding: 0; + list-style: none; +} + + +.timeline:before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 50%; /* place it in the horizontal center */ + transform: translateX(-50%); /* shift back by half its own width */ + width: 0; /* we don’t want width, just a border */ + border-left: 3px solid #ffffff3c; +} + +.timeline>li { + position: relative; + margin-bottom: 50px; + min-height: 50px; + +} + +.timeline > li.timeline-inverted { + display: flex; + align-items: center; /* centers panel and image vertically */ + justify-content: flex-end; /* Left on X-axis */ +} + + +.timeline>li:before, +.timeline>li:after { + content: " "; + display: table; +} + +.timeline>li:after { + clear: both; +} + + +.timeline>li .timeline-panel { + float: right; + position: relative; + width: 100%; + padding: 0 20px 0 20px; + text-align: left; + align-items: center; +} + +.timeline>li .timeline-panel:before { + right: auto; + left: -15px; + border-right-width: 15px; + border-left-width: 0; +} + +.timeline>li .timeline-panel:after { + right: auto; + left: -14px; + border-right-width: 14px; + border-left-width: 0; +} + +.timeline>li .timeline-image { + visibility: hidden; + z-index: 100; + position: absolute; + border: 1px solid #000000; + border-radius: 100%; + text-align: center; + background-color: #fff; + display: flex; + box-shadow: 0 0 0 2px #eeeeee, +} + +.img-me { + z-index: 100; + width: 100px; + height: 100px; + border-radius: 20%; + text-align: center; + background-color: #fff; + margin: auto auto; + display: block; +} + +.timeline>li .timeline-image h4 { + margin-top: 12px; + font-size: 10px; + line-height: 14px; +} + +.img-me h4 { + margin-top: 12px; + font-size: 10px; + line-height: 14px; +} + +.timeline>li.timeline-inverted>.timeline-panel { + float: right; + padding: 0 20px 0 20px; + text-align: left; +} + +.timeline>li.timeline-inverted>.timeline-panel:before { + right: auto; + left: -15px; + border-right-width: 15px; + border-left-width: 0; +} + +.timeline>li.timeline-inverted>.timeline-panel:after { + right: auto; + left: -14px; + border-right-width: 14px; + border-left-width: 0; +} + +.timeline>li:last-child { + margin-bottom: 0; +} + +.timeline .timeline-heading h4 { + margin-top: 0; + color: inherit; +} + +.timeline .timeline-heading h4.subheading { + text-transform: none; +} + +.timeline .timeline-body>p, +.timeline .timeline-body>ul { + margin-bottom: 0; +} + +@media(min-width:768px) { + .timeline:before { + left: 10%; + width: 4px; + } + + .timeline>li { + margin-bottom: 100px; + min-height: 100px; + } + + .timeline>li .timeline-panel { + float: left; + width: 60%; + padding: 0 20px 20px 30px; + text-align: right; + } + + .timeline>li .timeline-image { + visibility: visible; + left: 9%; + width: 100px; + height: 100px; + margin-left: -50px; + } + + .img-me { + //left: 50%; + width: auto; + height: auto; + max-width: 86px; + max-height: 86px; + } + + .timeline>li .timeline-image h4 { + margin-top: 16px; + font-size: 13px; + line-height: 18px; + } + + .img-me h4 { + margin-top: 16px; + font-size: 13px; + line-height: 18px; + } + + .timeline>li.timeline-inverted>.timeline-panel { + float: right; + padding: 0 30px 20px 20px; + text-align: left; + } +} + +@media(min-width:992px) { + .timeline>li { + min-height: 150px; + } + + .timeline>li .timeline-panel { + float: left; + width: 60%; + padding: 0 20px 20px; + } + + .timeline>li .timeline-image { + visibility: visible; + width: 150px; + height: 150px; + margin-left: -75px; + } + + .img-me { + max-width:120px; + max-height:120px; + width: auto; + height: auto; + } + + .timeline>li .timeline-image h4 { + margin-top: 30px; + font-size: 18px; + line-height: 26px; + } + + .img-me h4 { + margin-top: 30px; + font-size: 18px; + line-height: 26px; + } + + .timeline>li.timeline-inverted>.timeline-panel { + padding: 0 20px 20px; + } +} + diff --git a/_sass/uno.scss b/_sass/uno.scss new file mode 100644 index 0000000..d5a62ed --- /dev/null +++ b/_sass/uno.scss @@ -0,0 +1,826 @@ +@use "animate"; +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; } + +/* HTML5 display-role reset for older browsers */ +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 { + content: ''; + content: none; } + +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +body { + width: 100%; + *zoom: 1; } + body:before, body:after { + content: ""; + display: table; } + body:after { + clear: both; } + +html, body { + height: 100%; + background-color: #151515;} + +html { + height: 100%; + max-height: 100%; } + +body { + font-family: "Raleway", sans-serif; + font-size: 1em; + color: #d8d8d8; } + +::selection { + background: #fae3df; } + +::-moz-selection { + background: #fae3df; } + +a { + text-decoration: none; + color: #eeeeee; } //text color + a:hover { + color: #1c7fb9; //hover color + -o-transition: .5s; + -ms-transition: .5s; + -moz-transition: .5s; + -webkit-transition: .5s; } + +h1, +h2, +h3, +h4, +h5, +h5 { + margin-top: .8em; + margin-bottom: .4em; + font-family: "Roboto Slab", serif; + font-weight: lighter; + color: #e1e1e1; + -webkit-font-smoothing: antialiased; } + +h1 { + margin-top: 0; + font-size: 3.2em; + line-height: 1.2em; + letter-spacing: .05em; } + +h2 { + font-size: 2.2em; } + +h3 { + font-size: 1.8em; } + +h4 { + font-size: 1.4em; } + +h4 { + font-size: 1.2em; } + +h5 { + font-size: 1em; } + +p { + margin-bottom: 1.3em; + line-height: 1.7em; } + +strong { + font-weight: bold; } + +em { + font-style: italic; } + +blockquote { + margin: 1em 0; + padding: 2em 0; + background: #f8f8f8; + border: 1px solid #eeeeee; + border-radius: 3px; + font-family: "Roboto Slab", serif; + font-weight: lighter; + font-style: italic; + font-size: 1.3em; + text-align: center; } + blockquote p:last-child { + margin-bottom: 0; } + +ol, ul { + margin: 0 0 1.3em 2.5em; } + ol li, ul li { + margin: 0 0 .2em 0; + line-height: 1.6em; } + ol ol, ol ul, ul ol, ul ul { + margin: .1em 0 .2em 2em; } + +ol { + list-style-type: decimal; } + +ul { + list-style-type: disc; } + +code { + padding: .1em .4em; + background: #e8f2fb; + border: 1px solid #c9e1f6; + border-radius: 3px; + font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + font-size: .85em; } + +pre { + margin-bottom: 1.3em; + /* padding: 1em 2.5%; + background: #e8f2fb; + border: 1px solid #c9e1f6; */ + border-radius: 3px; + font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + font-size: .9em; + font-weight: normal; + line-height: 1.3em; } + pre code { + padding: 0; + background: none; + border: none; } + +.date, +.time, +.author, +.tags { + font-size: .8em; + color: #c7c7c7; } + .date a, + .time a, + .author a, + .tags a { + color: #666666; } + .date a:hover, + .time a:hover, + .author a:hover, + .tags a:hover { + color: #b9301c; } + + +.excerpt { + margin: 0; + font-size: .9em; + color: #999999; } + +.intro { + font-family: "Roboto Slab", serif; + font-size: 1.2em; + font-weight: lighter; + color: #999999; } + +.block-heading { + display: inline; + float: left; + width: 940px; + margin: 0 10px; + position: relative; + bottom: -15px; + font-size: .8em; + font-weight: bold; + text-align: center; + text-transform: uppercase; + letter-spacing: 1px; } + +.label { + position: relative; + display: inline-block; + padding: 8px 18px 9px 18px; + background: #e25440; + border-radius: 3px; + text-align: center; + color: #FFF; } + +.container { + position: relative; + z-index: 500; + width: 940px; + margin: 0 auto; } + +.content-wrapper { + z-index: 800; + width: 60%; + max-width: 800px; + margin-left: 40%; } + +.content-wrapper__inner { + margin: 0 10%; + padding: 50px 0; } + +.content-wrapper { + display: flex; + align-items: stretch; /* ensures the line spans full height */ +} + +.left-line { + width: 3px; /* thickness of the line */ + background-color: #454545; /* color of the line */ +} + +.content-wrapper__inner { + flex: 1; /* take remaining space */ + /* no padding needed unless you want spacing inside */ +} + +.footer { + display: block; + padding: 2em 0 0 0; + border-top: 2px solid #dddddd; + font-size: .7em; + color: #b3b3b3; } + +.footer__copyright { + display: block; + margin-bottom: .7em; } + .footer__copyright a { + color: #a6a6a6; + text-decoration: underline; } + .footer__copyright a:hover { + color: #b9301c; } + +.avatar, +.logo { + border-radius: 50%; + border: 3px solid #FFF; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); + height: 100px;} + + +hr { + border: none; } + +.section-title__divider { + width: 30%; + margin: 2.2em 0 2.1em 0; + border-top: 1px solid #dddddd; } + +.post-comments { + border-top: 1px solid #dddddd; + padding: 60px 0; } + +.post-meta { + margin: 0 0 .4em 0; + color: #c7c7c7; } + +.post-meta__date { + margin-right: .5em; } + +.post-meta__tags { + margin-left: .4em; } + +.post-meta__author { + margin-left: 1.5em; } + +.post-meta__avatar { + display: inline-block; + width: 22px; + height: 22px; + margin: 0 .3em -.4em 0; + border: none; + box-shadow: none; } + +.post img { + max-width: 100%; + margin: 0 auto; + border-radius: 3px; + text-align: center; } + +.post pre { + width: 95%; } + +.post hr { + display: block; + width: 30%; + margin: 2em 0; + border-top: 1px solid #dddddd; } + +.error-code { + font-size: 6em; } + +.panel { + display: table; + width: 100%; + height: 100%; } + +.panel__vertical { + display: table-cell; + vertical-align: middle; } + +.panel-title { + margin: 0 0 5px 0; + font-size: 2.5em; + color: #FFF; } + +.panel-subtitle { + font-family: "Roboto Slab", serif; + font-size: 1.2em; + font-weight: lighter; + letter-spacing: 3px; + color: #cccccc; + -webkit-font-smoothing: antialiased; } + +.panel-cover { + display: block; + position: fixed; + z-index: 900; + width: 100%; + max-width: none; + height: 100%; + background: url(../images/background-cover.jpg) top left no-repeat #666666; + background-size: cover; } + +.panel-cover--collapsed { + width: 40%; + max-width: 530px; } + +.panel-cover--overlay { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(68, 68, 68, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); + background-image: linear-gradient(140deg,rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); } + +.panel-cover__logo { + margin-bottom: .2em; } + +.panel-cover__description { + margin: 0 30px; } + +.panel-cover__divider { + width: 50%; + margin: 20px auto; + border-top: 2px solid rgba(255, 255, 255, 0.146); } + +.panel-cover__divider--secondary { + width: 15%; } + +.panel-main { + display: table; + width: 100%; + height: 100%; } + +.no-js .panel-main { + width: 40%; + max-width: 530px; } + +.panel-main__inner { + display: table-cell; + vertical-align: middle; + position: relative; + z-index: 800; + padding: 0 60px; } + +.panel-main__content { + max-width: 620px; + margin: 0 auto; } + +.panel-main__content--fixed { + width: 480px; + transition: width 1s; + -webkit-transition: width 1s; + /* Safari */ } + +.panel-inverted { + font-weight: 100; + text-align: center; + color: #FFF; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + .panel-inverted a { + color: #FFF; } + +.cover-navigation { + margin-top: 10px; } + +.cover-navigation--social { + margin-right: 30px; } + +.cover-green { + background-color: rgba(21, 111, 120, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8)); + background-image: linear-gradient(140deg,rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8)); } + +.cover-purple { + background-color: rgba(73, 50, 82, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8)); + background-image: linear-gradient(140deg,rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8)); } + +.cover-red { + background-color: rgba(119, 31, 18, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8)); + background-image: linear-gradient(140deg,rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8)); } + +.cover-slate { + background-color: rgba(61, 66, 96, 0.6); + background-image: -webkit-linear-gradient(-410deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8)); + background-image: linear-gradient(140deg,rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8)); } + +.cover-disabled { + background: none; } + +.btn, .navigation__item a { + display: inline-flex; /* enables flexbox */ + justify-content: center; /* horizontal centering */ + align-items: center; + padding: 10px 10px; + border: 2px solid #e25440; + border-radius: 5px; + font-size: .9em; + font-weight: bold; + letter-spacing: 1px; + text-shadow: none; + color: #e25440; + -webkit-font-smoothing: antialiased; } + .btn:hover, .navigation__item a:hover { + color: #b9301c; + border-color: #b9301c; } + +.btn-secondary { + border-color: #5ba4e5; + color: #5ba4e5; } + .btn-secondary:hover { + color: #217fd2; + border-color: #217fd2; } + +.btn-tertiary { + border-color: #999999; + color: #999999; } + .btn-tertiary:hover { + color: #737373; + border-color: #737373; } + +.btn-large { + padding: 10px 24px; + font-size: 1.1em; } + +.btn-small { + padding: 8px 12px; + font-size: .7em; } + +.btn-mobile-menu { + display: none; + position: fixed; + z-index: 9999; + top: 0; + right: 0; + left: 0; + width: 100%; + height: 42px; + background: rgba(0, 0, 0, 0.40); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + text-align: center; } + +.btn-mobile-menu__icon, +.btn-mobile-close__icon { + position: relative; + top: 3px; + font-size: 36px; + color: #FFF; } + +nav { + display: inline-block; + position: relative; } + +.navigation { + justify-content: center; + display: inline-block; + position: relative; + margin: 0; + list-style-type: none; } + +.navigation__item { + display: inline-block; + margin: 6px 6px 0 0; + line-height: 1em; } + .navigation__item a { + display: block; + position: relative; + border-color: #FFF; + color: #FFF; + opacity: .8; } + .navigation__item a:hover { + color: #FFF; + border-color: #FFF; + opacity: 1; } + +.navigation--social { + margin-right: 1.5em; } + .navigation--social a { + padding: 8px 8px 8px 8px; } + .navigation--social a .label { + display: none; } + .navigation--social a .icon { + display: block; + font-size: 1.7em; } + +.pagination { + display: block; + margin: 0 0 4em 0; } + +.pagination__page-number { + margin: 0; + font-size: .8em; + color: #999999; } + +.pagination__newer { + margin-right: 1em; } + +.pagination__older { + margin-left: 1em; } + +i { + font-family: 'entypo'; + font-weight: normal; + font-style: normal; + font-size: 18px; } + +.icon-social { + font-family: 'entypo-social'; + font-size: 22px; + display: block; + position: relative; } + +.post-list { + margin: 0; + padding: 0; + list-style-type: none; + text-align: left; } + .post-list li { + margin: 0 0 2.2em 0; } + .post-list li:last-child hr { + display: none; } + +.post-list__post-title { + margin-top: 0; + margin-bottom: .2em; + font-size: 1.5em; + line-height: 1.3em; } + .post-list__post-title a { + color: #333333; } + .post-list__post-title a:hover { + color: #b9301c; } + +.post-list__meta { + display: block; + margin: .7em 0 0 0; + font-size: .9em; + color: #c7c7c7; } + +.post-list__meta--date { + margin-right: .5em; + color: #c7c7c7; } + +.post-list__meta--tags { + margin-left: .5em; } + +.post-list__divider { + width: 30%; + margin: 2.2em 0 2.1em 0; + border-top: 1px solid #dddddd; } + +*:focus { + outline: none; } + +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"] { + width: 240px; + padding: 1em 1em; + background: #FFF; + border: 1px solid #dddddd; + border-radius: 3px; + font-size: .9em; + color: #666666; } + input[type="text"]:focus, + input[type="password"]:focus, + input[type="datetime"]:focus, + input[type="datetime-local"]:focus, + input[type="date"]:focus, + input[type="month"]:focus, + input[type="time"]:focus, + input[type="week"]:focus, + input[type="number"]:focus, + input[type="email"]:focus, + input[type="url"]:focus, + input[type="search"]:focus, + input[type="tel"]:focus { + border-color: #5ba4e5; } + input[type="text"]::-webkit-input-placeholder, + input[type="password"]::-webkit-input-placeholder, + input[type="datetime"]::-webkit-input-placeholder, + input[type="datetime-local"]::-webkit-input-placeholder, + input[type="date"]::-webkit-input-placeholder, + input[type="month"]::-webkit-input-placeholder, + input[type="time"]::-webkit-input-placeholder, + input[type="week"]::-webkit-input-placeholder, + input[type="number"]::-webkit-input-placeholder, + input[type="email"]::-webkit-input-placeholder, + input[type="url"]::-webkit-input-placeholder, + input[type="search"]::-webkit-input-placeholder, + input[type="tel"]::-webkit-input-placeholder { + color: #cccccc; } + input[type="text"]::-moz-placeholder, + input[type="password"]::-moz-placeholder, + input[type="datetime"]::-moz-placeholder, + input[type="datetime-local"]::-moz-placeholder, + input[type="date"]::-moz-placeholder, + input[type="month"]::-moz-placeholder, + input[type="time"]::-moz-placeholder, + input[type="week"]::-moz-placeholder, + input[type="number"]::-moz-placeholder, + input[type="email"]::-moz-placeholder, + input[type="url"]::-moz-placeholder, + input[type="search"]::-moz-placeholder, + input[type="tel"]::-moz-placeholder { + color: #cccccc; } + input[type="text"]:-moz-placeholder, + input[type="password"]:-moz-placeholder, + input[type="datetime"]:-moz-placeholder, + input[type="datetime-local"]:-moz-placeholder, + input[type="date"]:-moz-placeholder, + input[type="month"]:-moz-placeholder, + input[type="time"]:-moz-placeholder, + input[type="week"]:-moz-placeholder, + input[type="number"]:-moz-placeholder, + input[type="email"]:-moz-placeholder, + input[type="url"]:-moz-placeholder, + input[type="search"]:-moz-placeholder, + input[type="tel"]:-moz-placeholder { + color: #cccccc; } + input[type="text"]:-ms-input-placeholder, + input[type="password"]:-ms-input-placeholder, + input[type="datetime"]:-ms-input-placeholder, + input[type="datetime-local"]:-ms-input-placeholder, + input[type="date"]:-ms-input-placeholder, + input[type="month"]:-ms-input-placeholder, + input[type="time"]:-ms-input-placeholder, + input[type="week"]:-ms-input-placeholder, + input[type="number"]:-ms-input-placeholder, + input[type="email"]:-ms-input-placeholder, + input[type="url"]:-ms-input-placeholder, + input[type="search"]:-ms-input-placeholder, + input[type="tel"]:-ms-input-placeholder { + color: #cccccc; } + +@media all and (min-width: 1300px) { + .content-wrapper { + margin-left: 530px; } } +@media all and (max-width: 1100px) { + .panel-cover__logo { + width: 70px; } + + .panel-title { + font-size: 2em; } + + .panel-subtitle { + font-size: 1em; } + + .panel-cover__description { + margin: 0 10px; + font-size: .9em; } + + .navigation--social { + margin-top: 5px; + margin-left: 0; } } +@media all and (max-width: 960px) { + .btn-mobile-menu { + display: block; } + + .panel-main { + display: table; + position: relative; } + + .panel-cover--collapsed { + width: 100%; + max-width: none; } + + .panel-main__inner { + display: table-cell; + padding: 60px 10%; } + + .panel-cover__description { + display: block; + max-width: 600px; + margin: 0 auto; } + + .panel-cover__divider--secondary { + display: none; } + + .panel-cover { + width: 100%; + height: 100%; + background-position: center center; } + .panel-cover.panel-cover--collapsed { + display: block; + position: relative; + height: auto; + padding: 0; + background-position: center center; } + .panel-cover.panel-cover--collapsed .panel-main__inner { + display: block; + padding: 70px 0 30px 0; } + .panel-cover.panel-cover--collapsed .panel-cover__logo { + width: 60px; + border-width: 2px; } + .panel-cover.panel-cover--collapsed .panel-cover__description { + display: none; } + .panel-cover.panel-cover--collapsed .panel-cover__divider { + display: none; + margin: 1em auto; } + + .navigation-wrapper { + display: none; + position: fixed; + top: 42px; + right: 0; + left: 0; + width: 100%; + background: rgba(51, 51, 51, 0.98); + border-bottom: 1px solid rgba(255, 255, 255, 0.15); } + .navigation-wrapper.visible { + display: block; } + + .cover-navigation { + display: block; + position: relative; + float: left; + clear: left; + width: 100%; } + .cover-navigation .navigation { + display: block; + width: 100%; } + .cover-navigation .navigation li { + width: 80%; + margin-bottom: .4em; } + .cover-navigation.navigation--social { + padding-top: 5px; } + .cover-navigation.navigation--social .navigation li { + display: inline-block; + width: 25.8%; } + + .content-wrapper { + width: 80%; + max-width: none; + margin: 0 auto; } + + .content-wrapper__inner { + margin-right: 0; + margin-left: 0; } + + .navigation__item { + width: 100%; + margin: 0 0 .4em 0; } } + +@media all and (max-width: 340px) { + .panel-main__inner { + padding: 0 5%; } + + .panel-title { + margin-bottom: .1em; + font-size: 1.5em; } + + .panel-subtitle { + font-size: .9em; } + + .btn, .navigation__item a { + display: block; + margin-bottom: .4em; } } diff --git a/_site/LICENSE b/_site/LICENSE new file mode 100644 index 0000000..d4b6b8f --- /dev/null +++ b/_site/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Thomas Zühlke + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/_site/arts/index.html b/_site/arts/index.html new file mode 100644 index 0000000..c99162c --- /dev/null +++ b/_site/arts/index.html @@ -0,0 +1,195 @@ + + + + + Cats Project + + + + + + + + Cats Project + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+ My Profile Photo +
+ Second Profile Photo +
+

Simeon "Waldo" Wallrath

+ +
+

+ PhD-Student in Chemistry Didactics, 3D-Artist, Musician, Game Developer +

+
+
+ +
+ + + + + + +
+ +
+ +
+ +
+ +
+ + +
+
+
+

🚀 Project Nebula

+ +

Welcome to Project Nebula, a cosmic initiative to explore the outer edges of creativity.

+ +

🌌 Features

+ +
    +
  • 🌠 Star-mapped navigation
    • +
  • 🛰️ Real-time telemetry
    • +
  • 🧠 Bullshit-assisted decision engine
    • +
+ +

📦 Installation

+ +
git clone https://github.com/yourusername/project-nebula.git
+cd project-nebula
+npm install
+
+ +
+ + + + + + +
+ + diff --git a/_site/css/main.css b/_site/css/main.css new file mode 100644 index 0000000..113c4fd --- /dev/null +++ b/_site/css/main.css @@ -0,0 +1 @@ +.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);animation-timing-function:ease-in}100%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;-moz-backface-visibility:visible !important;-moz-animation-name:flip;-o-backface-visibility:visible !important;-o-animation-name:flip;backface-visibility:visible !important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible !important;-moz-animation-name:flipInX;-o-backface-visibility:visible !important;-o-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible !important;-o-animation-name:flipOutX;-o-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible !important;-moz-animation-name:flipInY;-o-backface-visibility:visible !important;-o-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible !important;-moz-animation-name:flipOutY;-o-backface-visibility:visible !important;-o-animation-name:flipOutY;backface-visibility:visible !important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInDown{0%{opacity:0;-o-transform:translateY(-2000px)}100%{-o-transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}100%{transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;-moz-animation-name:slideInDown;-o-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}100%{-o-transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}100%{transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;-moz-animation-name:slideInLeft;-o-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInRight{0%{opacity:0;-moz-transform:translateX(2000px)}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInRight{0%{opacity:0;-o-transform:translateX(2000px)}100%{-o-transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}100%{transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;-moz-animation-name:slideInRight;-o-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes slideOutUp{0%{-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes slideOutUp{0%{-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes slideOutUp{0%{transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;-moz-animation-name:slideOutUp;-o-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes slideOutLeft{0%{-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes slideOutLeft{0%{-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;-moz-animation-name:slideOutLeft;-o-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes slideOutRight{0%{-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes slideOutRight{0%{-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes slideOutRight{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;-moz-animation-name:slideOutRight;-o-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(0.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(0.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(0.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(0.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(0.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(0.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(0.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(0.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(0.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}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{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{width:100%;*zoom:1}body:before,body:after{content:"";display:table}body:after{clear:both}html,body{height:100%;background-color:#151515}html{height:100%;max-height:100%}body{font-family:"Raleway",sans-serif;font-size:1em;color:#d8d8d8}::selection{background:#fae3df}::-moz-selection{background:#fae3df}a{text-decoration:none;color:#eee}a:hover{color:#1c7fb9;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}h1,h2,h3,h4,h5,h5{margin-top:.8em;margin-bottom:.4em;font-family:"Roboto Slab",serif;font-weight:lighter;color:#e1e1e1;-webkit-font-smoothing:antialiased}h1{margin-top:0;font-size:3.2em;line-height:1.2em;letter-spacing:.05em}h2{font-size:2.2em}h3{font-size:1.8em}h4{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}p{margin-bottom:1.3em;line-height:1.7em}strong{font-weight:bold}em{font-style:italic}blockquote{margin:1em 0;padding:2em 0;background:#f8f8f8;border:1px solid #eee;border-radius:3px;font-family:"Roboto Slab",serif;font-weight:lighter;font-style:italic;font-size:1.3em;text-align:center}blockquote p:last-child{margin-bottom:0}ol,ul{margin:0 0 1.3em 2.5em}ol li,ul li{margin:0 0 .2em 0;line-height:1.6em}ol ol,ol ul,ul ol,ul ul{margin:.1em 0 .2em 2em}ol{list-style-type:decimal}ul{list-style-type:disc}code{padding:.1em .4em;background:#e8f2fb;border:1px solid #c9e1f6;border-radius:3px;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;font-size:.85em}pre{margin-bottom:1.3em;border-radius:3px;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;font-size:.9em;font-weight:normal;line-height:1.3em}pre code{padding:0;background:none;border:none}.date,.time,.author,.tags{font-size:.8em;color:#c7c7c7}.date a,.time a,.author a,.tags a{color:#666}.date a:hover,.time a:hover,.author a:hover,.tags a:hover{color:#b9301c}.excerpt{margin:0;font-size:.9em;color:#999}.intro{font-family:"Roboto Slab",serif;font-size:1.2em;font-weight:lighter;color:#999}.block-heading{display:inline;float:left;width:940px;margin:0 10px;position:relative;bottom:-15px;font-size:.8em;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:1px}.label{position:relative;display:inline-block;padding:8px 18px 9px 18px;background:#e25440;border-radius:3px;text-align:center;color:#fff}.container{position:relative;z-index:500;width:940px;margin:0 auto}.content-wrapper{z-index:800;width:60%;max-width:800px;margin-left:40%}.content-wrapper__inner{margin:0 10%;padding:50px 0}.content-wrapper{display:flex;align-items:stretch}.left-line{width:3px;background-color:#454545}.content-wrapper__inner{flex:1}.footer{display:block;padding:2em 0 0 0;border-top:2px solid #ddd;font-size:.7em;color:#b3b3b3}.footer__copyright{display:block;margin-bottom:.7em}.footer__copyright a{color:#a6a6a6;text-decoration:underline}.footer__copyright a:hover{color:#b9301c}.avatar,.logo{border-radius:50%;border:3px solid #fff;box-shadow:0 0 1px 1px rgba(0,0,0,.3);height:100px}hr{border:none}.section-title__divider{width:30%;margin:2.2em 0 2.1em 0;border-top:1px solid #ddd}.post-comments{border-top:1px solid #ddd;padding:60px 0}.post-meta{margin:0 0 .4em 0;color:#c7c7c7}.post-meta__date{margin-right:.5em}.post-meta__tags{margin-left:.4em}.post-meta__author{margin-left:1.5em}.post-meta__avatar{display:inline-block;width:22px;height:22px;margin:0 .3em -0.4em 0;border:none;box-shadow:none}.post img{max-width:100%;margin:0 auto;border-radius:3px;text-align:center}.post pre{width:95%}.post hr{display:block;width:30%;margin:2em 0;border-top:1px solid #ddd}.error-code{font-size:6em}.panel{display:table;width:100%;height:100%}.panel__vertical{display:table-cell;vertical-align:middle}.panel-title{margin:0 0 5px 0;font-size:2.5em;color:#fff}.panel-subtitle{font-family:"Roboto Slab",serif;font-size:1.2em;font-weight:lighter;letter-spacing:3px;color:#ccc;-webkit-font-smoothing:antialiased}.panel-cover{display:block;position:fixed;z-index:900;width:100%;max-width:none;height:100%;background:url(../images/background-cover.jpg) top left no-repeat #666;background-size:cover}.panel-cover--collapsed{width:40%;max-width:530px}.panel-cover--overlay{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-color:rgba(68,68,68,.6);background-image:-webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9));background-image:linear-gradient(140deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9))}.panel-cover__logo{margin-bottom:.2em}.panel-cover__description{margin:0 30px}.panel-cover__divider{width:50%;margin:20px auto;border-top:2px solid hsla(0,0%,100%,.146)}.panel-cover__divider--secondary{width:15%}.panel-main{display:table;width:100%;height:100%}.no-js .panel-main{width:40%;max-width:530px}.panel-main__inner{display:table-cell;vertical-align:middle;position:relative;z-index:800;padding:0 60px}.panel-main__content{max-width:620px;margin:0 auto}.panel-main__content--fixed{width:480px;transition:width 1s;-webkit-transition:width 1s}.panel-inverted{font-weight:100;text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4)}.panel-inverted a{color:#fff}.cover-navigation{margin-top:10px}.cover-navigation--social{margin-right:30px}.cover-green{background-color:rgba(21,111,120,.6);background-image:-webkit-linear-gradient(-410deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8));background-image:linear-gradient(140deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8))}.cover-purple{background-color:rgba(73,50,82,.6);background-image:-webkit-linear-gradient(-410deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8));background-image:linear-gradient(140deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8))}.cover-red{background-color:rgba(119,31,18,.6);background-image:-webkit-linear-gradient(-410deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8));background-image:linear-gradient(140deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8))}.cover-slate{background-color:rgba(61,66,96,.6);background-image:-webkit-linear-gradient(-410deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8));background-image:linear-gradient(140deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8))}.cover-disabled{background:none}.btn,.navigation__item a{display:inline-flex;justify-content:center;align-items:center;padding:10px 10px;border:2px solid #e25440;border-radius:5px;font-size:.9em;font-weight:bold;letter-spacing:1px;text-shadow:none;color:#e25440;-webkit-font-smoothing:antialiased}.btn:hover,.navigation__item a:hover{color:#b9301c;border-color:#b9301c}.btn-secondary{border-color:#5ba4e5;color:#5ba4e5}.btn-secondary:hover{color:#217fd2;border-color:#217fd2}.btn-tertiary{border-color:#999;color:#999}.btn-tertiary:hover{color:#737373;border-color:#737373}.btn-large{padding:10px 24px;font-size:1.1em}.btn-small{padding:8px 12px;font-size:.7em}.btn-mobile-menu{display:none;position:fixed;z-index:9999;top:0;right:0;left:0;width:100%;height:42px;background:rgba(0,0,0,.4);border-bottom:1px solid hsla(0,0%,100%,.1);text-align:center}.btn-mobile-menu__icon,.btn-mobile-close__icon{position:relative;top:3px;font-size:36px;color:#fff}nav{display:inline-block;position:relative}.navigation{justify-content:center;display:inline-block;position:relative;margin:0;list-style-type:none}.navigation__item{display:inline-block;margin:6px 6px 0 0;line-height:1em}.navigation__item a{display:block;position:relative;border-color:#fff;color:#fff;opacity:.8}.navigation__item a:hover{color:#fff;border-color:#fff;opacity:1}.navigation--social{margin-right:1.5em}.navigation--social a{padding:8px 8px 8px 8px}.navigation--social a .label{display:none}.navigation--social a .icon{display:block;font-size:1.7em}.pagination{display:block;margin:0 0 4em 0}.pagination__page-number{margin:0;font-size:.8em;color:#999}.pagination__newer{margin-right:1em}.pagination__older{margin-left:1em}i{font-family:"entypo";font-weight:normal;font-style:normal;font-size:18px}.icon-social{font-family:"entypo-social";font-size:22px;display:block;position:relative}.post-list{margin:0;padding:0;list-style-type:none;text-align:left}.post-list li{margin:0 0 2.2em 0}.post-list li:last-child hr{display:none}.post-list__post-title{margin-top:0;margin-bottom:.2em;font-size:1.5em;line-height:1.3em}.post-list__post-title a{color:#333}.post-list__post-title a:hover{color:#b9301c}.post-list__meta{display:block;margin:.7em 0 0 0;font-size:.9em;color:#c7c7c7}.post-list__meta--date{margin-right:.5em;color:#c7c7c7}.post-list__meta--tags{margin-left:.5em}.post-list__divider{width:30%;margin:2.2em 0 2.1em 0;border-top:1px solid #ddd}*:focus{outline:none}input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel]{width:240px;padding:1em 1em;background:#fff;border:1px solid #ddd;border-radius:3px;font-size:.9em;color:#666}input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus{border-color:#5ba4e5}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=datetime]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder{color:#ccc}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=datetime]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder{color:#ccc}input[type=text]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=datetime]:-moz-placeholder,input[type=datetime-local]:-moz-placeholder,input[type=date]:-moz-placeholder,input[type=month]:-moz-placeholder,input[type=time]:-moz-placeholder,input[type=week]:-moz-placeholder,input[type=number]:-moz-placeholder,input[type=email]:-moz-placeholder,input[type=url]:-moz-placeholder,input[type=search]:-moz-placeholder,input[type=tel]:-moz-placeholder{color:#ccc}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=datetime]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder{color:#ccc}@media all and (min-width: 1300px){.content-wrapper{margin-left:530px}}@media all and (max-width: 1100px){.panel-cover__logo{width:70px}.panel-title{font-size:2em}.panel-subtitle{font-size:1em}.panel-cover__description{margin:0 10px;font-size:.9em}.navigation--social{margin-top:5px;margin-left:0}}@media all and (max-width: 960px){.btn-mobile-menu{display:block}.panel-main{display:table;position:relative}.panel-cover--collapsed{width:100%;max-width:none}.panel-main__inner{display:table-cell;padding:60px 10%}.panel-cover__description{display:block;max-width:600px;margin:0 auto}.panel-cover__divider--secondary{display:none}.panel-cover{width:100%;height:100%;background-position:center center}.panel-cover.panel-cover--collapsed{display:block;position:relative;height:auto;padding:0;background-position:center center}.panel-cover.panel-cover--collapsed .panel-main__inner{display:block;padding:70px 0 30px 0}.panel-cover.panel-cover--collapsed .panel-cover__logo{width:60px;border-width:2px}.panel-cover.panel-cover--collapsed .panel-cover__description{display:none}.panel-cover.panel-cover--collapsed .panel-cover__divider{display:none;margin:1em auto}.navigation-wrapper{display:none;position:fixed;top:42px;right:0;left:0;width:100%;background:rgba(51,51,51,.98);border-bottom:1px solid hsla(0,0%,100%,.15)}.navigation-wrapper.visible{display:block}.cover-navigation{display:block;position:relative;float:left;clear:left;width:100%}.cover-navigation .navigation{display:block;width:100%}.cover-navigation .navigation li{width:80%;margin-bottom:.4em}.cover-navigation.navigation--social{padding-top:5px}.cover-navigation.navigation--social .navigation li{display:inline-block;width:25.8%}.content-wrapper{width:80%;max-width:none;margin:0 auto}.content-wrapper__inner{margin-right:0;margin-left:0}.navigation__item{width:100%;margin:0 0 .4em 0}}@media all and (max-width: 340px){.panel-main__inner{padding:0 5%}.panel-title{margin-bottom:.1em;font-size:1.5em}.panel-subtitle{font-size:.9em}.btn,.navigation__item a{display:block;margin-bottom:.4em}}table{margin-bottom:1.3em}table thead{font-weight:bold}table thead th{text-align:left;border-bottom:4px solid #888;font-weight:bold;padding:12px;vertical-align:middle}table tr:nth-child(even) td{background:#eee}table tr td{padding:12px}pre.highlight,.highlight pre{background-color:#272822}.highlight .hll{background-color:#272822}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.highlight .gu{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e}.timeline{position:relative;padding:0;list-style:none}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:0;border-left:3px solid hsla(0,0%,100%,.2352941176)}.timeline>li{position:relative;margin-bottom:50px;min-height:50px}.timeline>li.timeline-inverted{display:flex;align-items:center;justify-content:flex-end}.timeline>li:before,.timeline>li:after{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li .timeline-panel{float:right;position:relative;width:100%;padding:0 20px 0 20px;text-align:left;align-items:center}.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li .timeline-image{visibility:hidden;z-index:100;position:absolute;border:1px solid #000;border-radius:100%;text-align:center;background-color:#fff;display:flex;box-shadow:0 0 0 2px #eee}.img-me{z-index:100;width:100px;height:100px;border-radius:20%;text-align:center;background-color:#fff;margin:auto auto;display:block}.timeline>li .timeline-image h4{margin-top:12px;font-size:10px;line-height:14px}.img-me h4{margin-top:12px;font-size:10px;line-height:14px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 20px;text-align:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media(min-width: 768px){.timeline:before{left:10%;width:4px}.timeline>li{margin-bottom:100px;min-height:100px}.timeline>li .timeline-panel{float:left;width:60%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{visibility:visible;left:9%;width:100px;height:100px;margin-left:-50px}.img-me{width:auto;height:auto;max-width:86px;max-height:86px}.timeline>li .timeline-image h4{margin-top:16px;font-size:13px;line-height:18px}.img-me h4{margin-top:16px;font-size:13px;line-height:18px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media(min-width: 992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{float:left;width:60%;padding:0 20px 20px}.timeline>li .timeline-image{visibility:visible;width:150px;height:150px;margin-left:-75px}.img-me{max-width:120px;max-height:120px;width:auto;height:auto}.timeline>li .timeline-image h4{margin-top:30px;font-size:18px;line-height:26px}.img-me h4{margin-top:30px;font-size:18px;line-height:26px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}.gallery-list{list-style:none;margin:0;padding:0}.gallery-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.gallery-item img:hover{transform:scale(1.03)}.gallery-item .info{flex:1}.gallery-item .info h3{margin:0;font-size:1.2rem}.gallery-item .info p{margin:.3rem 0 0;color:#666}.gallery-item img{max-width:220px;width:100%;height:auto;border-radius:8px;cursor:pointer;flex-shrink:0;transition:transform .2s ease;display:block;margin-right:35px}pre.highlight,.highlight pre{padding:10px}pre.highlight code,.highlight pre code{white-space:pre-wrap}.btn,.navigation__item a{margin:5px 0;white-space:nowrap}.pagination__page-number{display:inline-block;padding:10px}.categories a,.tags a{border:1px solid #e25440;border-radius:20px;color:#e25440;display:inline-block;font-size:12px;margin:5px 0;padding:5px 10px;text-shadow:none;white-space:nowrap}.post-meta__tags{font-size:12px;padding:0 5px}.footer__copyright{margin:0 20px 10px}.user-image{display:flex;align-items:center;justify-content:center;width:130px;height:130px;border:3px solid #fff;border-radius:100%}.user-images{display:flex;align-items:center;justify-content:center;gap:35px;margin-bottom:40px}.user-divider{width:2px;height:80px;background:hsla(0,0%,100%,.146)}/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/_site/css/main.css.map b/_site/css/main.css.map new file mode 100644 index 0000000..5384b19 --- /dev/null +++ b/_site/css/main.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../_sass/animate.scss","../_sass/uno.scss","../_sass/tables.scss","../_sass/monokai.scss","../_sass/timeline.scss","../_sass/_gallery.scss","main.scss"],"names":[],"mappings":"AAAA,wcACC,yCAGD,sBACC,sBACA,mBAGD,oBACC,sBACA,mBAGD,iBACC,sBACA,mBAGD,OACC,6BACA,0BACA,wBACA,qBAED,yBACC,wCACA,wDACA,oDAGD,sBACC,qCACA,qDACA,iDAGD,oBACC,mCACA,mDACA,+CAGD,iBACC,gCACA,gDACA,4CAGD,OACC,6BACA,0BACA,wBACA,qBAED,0BACC,oDACA,wCACA,yCAGD,uBACC,iDACA,qCACA,sCAGD,qBACC,+CACA,mCACA,oCAED,kBACC,4CACA,gCACA,iCAGD,QACC,8BACA,2BACA,yBACA,sBAED,wBACC,8BACA,mDACA,0DACA,uDACA,2CAGD,qBACC,2BACA,gDACA,uDACA,oDACA,wCAGD,mBACC,yBACA,8CACA,qDACA,kDACA,sCAGD,gBACC,sBACA,2CACA,kDACA,+CACA,mCAGD,MACC,4BACA,yBACA,uBACA,oBAED,yBACC,yDACA,oCACA,qCACA,mCACA,oCACA,qCAGD,sBACC,iCACA,kCACA,gCACA,iCACA,kCAGD,oBACC,+BACA,gCACA,8BACA,+BACA,gCAGD,iBACC,4BACA,6BACA,2BACA,4BACA,6BAGD,OACC,oCACA,iCACA,+BACA,4BACA,6BACA,0BACA,wBACA,qBAID,0BACE,oCACA,qDACA,mDACA,qDACA,mDACA,oDACA,uCAGF,uBACE,iCACA,kDACA,gDACA,kDACA,gDACA,iDACA,oCAGF,qBACE,+BACA,gDACA,8CACA,gDACA,8CACA,+CACA,kCAGF,kBACE,4BACA,6CACA,2CACA,6CACA,2CACA,4CACA,+BAGF,QACC,8BACA,2BACA,yBACA,sBAID,yBACI,8BACH,iCACG,iCAEJ,sBACI,2BACH,8BACG,8BAEJ,oBACI,yBACH,4BACG,4BAEJ,iBACI,sBACH,yBACG,yBAGJ,OACC,6BACA,0BACA,wBACA,qBAED,wBACC,GACC,uEACA,2CAED,IACC,gFACA,2CAED,IACC,gFACA,0CAED,IACC,+EACA,0CAED,KACC,4EACA,2CAGF,qBACC,GACC,oEACA,wCAED,IACC,6EACA,wCAED,IACC,6EACA,uCAED,IACC,4EACA,uCAED,KACC,yEACA,wCAGF,mBACC,GACC,kEACA,sCAED,IACC,2EACA,sCAED,IACC,2EACA,qCAED,IACC,0EACA,qCAED,KACC,uEACA,sCAGF,gBACC,GACC,+DACA,mCAED,IACC,wEACA,mCAED,IACC,wEACA,kCAED,IACC,uEACA,kCAED,KACC,oEACA,mCAIF,eACC,+CACA,4BACA,4CACA,yBACA,0CACA,uBACA,uCACA,oBAGD,2BACI,GACI,oDACA,UAGJ,IACI,qDAGJ,IACI,oDAGJ,KACI,mDACA,WAGR,wBACI,GACI,iDACA,UAGJ,IACI,kDAGJ,IACI,iDAGJ,KACI,gDACA,WAGR,sBACI,GACI,+CACA,UAGJ,IACI,gDAGJ,IACI,+CAGJ,KACI,8CACA,WAGR,mBACI,GACI,4CACA,UAGJ,IACI,6CAGJ,IACI,4CAGJ,KACI,2CACA,WAIR,SACC,+CACA,+BACA,4CACA,4BACA,0CACA,0BACA,uCACA,uBAED,4BACI,GACI,mDACA,UAEP,KACO,oDACA,WAIR,yBACI,GACI,gDACA,UAEP,KACO,iDACA,WAIR,uBACI,GACI,8CACA,UAEP,KACO,+CACA,WAIR,oBACI,GACI,2CACA,UAEP,KACO,4CACA,WAIR,UACC,gCACA,+CACA,6BACA,4CACA,2BACA,0CACA,wBACA,uCAED,2BACI,GACI,oDACA,UAGJ,IACI,qDAGJ,IACI,oDAGJ,KACI,mDACA,WAGR,wBACI,GACI,iDACA,UAGJ,IACI,kDAGJ,IACI,iDAGJ,KACI,gDACA,WAGR,sBACI,GACI,+CACA,UAGJ,IACI,gDAGJ,IACI,+CAGJ,KACI,8CACA,WAGR,mBACI,GACI,4CACA,UAGJ,IACI,6CAGJ,IACI,4CAGJ,KACI,2CACA,WAIR,SACC,+CACA,+BACA,4CACA,4BACA,0CACA,0BACA,uCACA,uBAED,4BACI,GACI,mDACA,UAEP,KACO,oDACA,WAGR,yBACI,GACI,gDACA,UAEP,KACO,iDACA,WAGR,uBACI,GACI,8CACA,UAEP,KACO,+CACA,WAGR,oBACI,GACI,2CACA,UAEP,KACO,4CACA,WAIR,UACC,+CACA,gCACA,4CACA,6BACA,0CACA,2BACA,uCACA,wBAED,0BACC,aACA,gBAGD,uBACC,aACA,gBAGD,qBACC,aACA,gBAGD,kBACC,aACA,gBAGD,QACC,8BACA,2BACA,yBACA,sBAED,4BACC,GACC,UACA,mCAGD,KACC,UACA,iCAIF,yBACC,GACC,UACA,gCAGD,KACC,UACA,8BAIF,uBACC,GACC,UACA,8BAGD,KACC,UACA,4BAIF,oBACC,GACC,UACA,2BAGD,KACC,UACA,yBAIF,UACC,gCACA,6BACA,2BACA,wBAED,8BACC,GACC,UACA,oCAGD,KACC,UACA,iCAIF,2BACC,GACC,UACA,iCAGD,KACC,UACA,8BAIF,yBACC,GACC,UACA,+BAGD,KACC,UACA,4BAIF,sBACC,GACC,UACA,4BAGD,KACC,UACA,yBAIF,YACC,kCACA,+BACA,6BACA,0BAED,8BACC,GACC,UACA,oCAGD,KACC,UACA,iCAIF,2BACC,GACC,UACA,iCAGD,KACC,UACA,8BAIF,yBACC,GACC,UACA,+BAGD,KACC,UACA,4BAIF,sBACC,GACC,UACA,4BAGD,KACC,UACA,yBAIF,YACC,kCACA,+BACA,6BACA,0BAED,+BACC,GACC,UACA,mCAGD,KACC,UACA,iCAIF,4BACC,GACC,UACA,gCAGD,KACC,UACA,8BAIF,0BACC,GACC,UACA,8BAGD,KACC,UACA,4BAIF,uBACC,GACC,UACA,2BAGD,KACC,UACA,yBAIF,aACC,mCACA,gCACA,8BACA,2BAED,+BACC,GACC,UACA,qCAGD,KACC,UACA,iCAIF,4BACC,GACC,UACA,kCAGD,KACC,UACA,8BAIF,0BACC,GACC,UACA,gCAGD,KACC,UACA,4BAIF,uBACC,GACC,UACA,6BAGD,KACC,UACA,yBAIF,aACC,mCACA,gCACA,8BACA,2BAED,iCACC,GACC,UACA,sCAGD,KACC,UACA,iCAIF,8BACC,GACC,UACA,mCAGD,KACC,UACA,8BAIF,4BACC,GACC,UACA,iCAGD,KACC,UACA,4BAIF,yBACC,GACC,UACA,8BAGD,KACC,UACA,yBAIF,eACC,qCACA,kCACA,gCACA,6BAED,iCACC,GACC,UACA,sCAGD,KACC,UACA,iCAGF,8BACC,GACC,UACA,mCAGD,KACC,UACA,8BAGF,4BACC,GACC,UACA,iCAGD,KACC,UACA,4BAGF,yBACC,GACC,UACA,8BAGD,KACC,UACA,yBAIF,eACC,qCACA,kCACA,gCACA,6BAED,kCACC,GACC,UACA,qCAGD,KACC,UACA,iCAIF,+BACC,GACC,UACA,kCAGD,KACC,UACA,8BAIF,6BACC,GACC,UACA,gCAGD,KACC,UACA,4BAIF,0BACC,GACC,UACA,6BAGD,KACC,UACA,yBAIF,gBACC,sCACA,mCACA,iCACA,8BAED,2BACC,aACA,gBAGD,wBACC,aACA,gBAGD,sBACC,aACA,gBAGD,mBACC,aACA,gBAGD,SACC,+BACA,4BACA,0BACA,uBAED,6BACC,GACC,UACA,gCAGD,KACC,UACA,qCAGF,0BACC,GACC,UACA,6BAGD,KACC,UACA,kCAGF,wBACC,GACC,UACA,2BAGD,KACC,UACA,gCAGF,qBACC,GACC,UACA,wBAGD,KACC,UACA,6BAIF,WACC,iCACA,8BACA,4BACA,yBAED,+BACC,GACC,UACA,gCAGD,KACC,UACA,oCAIF,4BACC,GACC,UACA,6BAGD,KACC,UACA,iCAIF,0BACC,GACC,UACA,2BAGD,KACC,UACA,+BAIF,uBACC,GACC,UACA,wBAGD,KACC,UACA,4BAIF,aACC,mCACA,gCACA,8BACA,2BAED,+BACC,GACC,UACA,gCAGD,KACC,UACA,qCAIF,4BACC,GACC,UACA,6BAGD,KACC,UACA,kCAIF,0BACC,GACC,UACA,2BAGD,KACC,UACA,gCAIF,uBACC,GACC,UACA,wBAGD,KACC,UACA,6BAIF,aACC,mCACA,gCACA,8BACA,2BAED,gCACC,GACC,UACA,gCAGD,KACC,UACA,oCAIF,6BACC,GACC,UACA,6BAGD,KACC,UACA,iCAIF,2BACC,GACC,UACA,2BAGD,KACC,UACA,+BAIF,wBACC,GACC,UACA,wBAGD,KACC,UACA,4BAIF,cACC,oCACA,iCACA,+BACA,4BAED,gCACC,GACC,UACA,gCAGD,KACC,UACA,uCAIF,6BACC,GACC,UACA,6BAGD,KACC,UACA,oCAIF,2BACC,GACC,UACA,2BAGD,KACC,UACA,kCAIF,wBACC,GACC,UACA,wBAGD,KACC,UACA,+BAIF,cACC,oCACA,iCACA,+BACA,4BAED,kCACC,GACC,UACA,gCAGD,KACC,UACA,sCAIF,+BACC,GACC,UACA,6BAGD,KACC,UACA,mCAIF,6BACC,GACC,UACA,2BAGD,KACC,UACA,iCAIF,0BACC,GACC,UACA,wBAGD,KACC,UACA,8BAIF,gBACC,sCACA,mCACA,iCACA,8BAED,kCACC,GACC,UACA,gCAGD,KACC,UACA,uCAIF,+BACC,GACC,UACA,6BAGD,KACC,UACA,oCAIF,6BACC,GACC,UACA,2BAGD,KACC,UACA,kCAIF,0BACC,GACC,UACA,wBAGD,KACC,UACA,+BAIF,gBACC,sCACA,mCACA,iCACA,8BAED,mCACC,GACC,UACA,gCAGD,KACC,UACA,sCAGF,gCACC,GACC,UACA,6BAGD,KACC,UACA,mCAGF,8BACC,GACC,UACA,2BAGD,KACC,UACA,iCAGF,2BACC,GACC,UACA,wBAGD,KACC,UACA,8BAIF,iBACC,uCACA,oCACA,kCACA,+BAED,+BACC,GACC,UACA,sCAGD,KACC,iCAIF,4BACC,GACC,UACA,mCAGD,KACC,8BAIF,0BACC,GACC,UACA,iCAGD,KACC,4BAIF,uBACC,GACC,UACA,8BAGD,KACC,yBAIF,aACC,mCACA,gCACA,8BACA,2BAED,+BACC,GACC,UACA,sCAGD,KACC,iCAIF,4BACC,GACC,UACA,mCAGD,KACC,8BAIF,0BACC,GACC,UACA,iCAGD,KACC,4BAIF,uBACC,GACC,UACA,8BAGD,KACC,yBAIF,aACC,mCACA,gCACA,8BACA,2BAED,gCACC,GACC,UACA,qCAGD,KACC,iCAIF,6BACC,GACC,UACA,kCAGD,KACC,8BAIF,2BACC,GACC,UACA,gCAGD,KACC,4BAIF,wBACC,GACC,UACA,6BAGD,KACC,yBAIF,cACC,oCACA,iCACA,+BACA,4BAED,8BACC,GACC,gCAGD,KACC,UACA,uCAIF,2BACC,GACC,6BAGD,KACC,UACA,oCAIF,yBACC,GACC,2BAGD,KACC,UACA,kCAIF,sBACC,GACC,wBAGD,KACC,UACA,+BAIF,YACC,kCACA,+BACA,6BACA,0BAED,gCACC,GACC,gCAGD,KACC,UACA,uCAIF,6BACC,GACC,6BAGD,KACC,UACA,oCAIF,2BACC,GACC,2BAGD,KACC,UACA,kCAIF,wBACC,GACC,wBAGD,KACC,UACA,+BAIF,cACC,oCACA,iCACA,+BACA,4BAED,iCACC,GACC,gCAGD,KACC,UACA,sCAIF,8BACC,GACC,6BAGD,KACC,UACA,mCAIF,4BACC,GACC,2BAGD,KACC,UACA,iCAIF,yBACC,GACC,wBAGD,KACC,UACA,8BAIF,eACC,qCACA,kCACA,gCACA,6BAED,4BACC,GACC,UACA,6BAGD,IACC,UACA,8BAGD,IACC,6BAGD,KACC,4BAIF,yBACC,GACC,UACA,0BAGD,IACC,UACA,2BAGD,IACC,0BAGD,KACC,yBAIF,uBACC,GACC,UACA,wBAGD,IACC,UACA,yBAGD,IACC,wBAGD,KACC,uBAIF,oBACC,GACC,UACA,qBAGD,IACC,UACA,sBAGD,IACC,qBAGD,KACC,oBAIF,UACC,gCACA,6BACA,2BACA,wBAED,8BACC,GACC,UACA,qCAGD,IACC,UACA,oCAGD,IACC,mCAGD,KACC,iCAGF,2BACC,GACC,UACA,kCAGD,IACC,UACA,iCAGD,IACC,gCAGD,KACC,8BAIF,yBACC,GACC,UACA,gCAGD,IACC,UACA,+BAGD,IACC,8BAGD,KACC,4BAIF,sBACC,GACC,UACA,6BAGD,IACC,UACA,4BAGD,IACC,2BAGD,KACC,yBAIF,YACC,kCACA,+BACA,6BACA,0BAED,gCACC,GACC,UACA,sCAGD,IACC,UACA,mCAGD,IACC,oCAGD,KACC,iCAIF,6BACC,GACC,UACA,mCAGD,IACC,UACA,gCAGD,IACC,iCAGD,KACC,8BAIF,2BACC,GACC,UACA,iCAGD,IACC,UACA,8BAGD,IACC,+BAGD,KACC,4BAIF,wBACC,GACC,UACA,8BAGD,IACC,UACA,2BAGD,IACC,4BAGD,KACC,yBAIF,cACC,oCACA,iCACA,+BACA,4BAED,gCACC,GACC,UACA,sCAGD,IACC,UACA,mCAGD,IACC,oCAGD,KACC,iCAIF,6BACC,GACC,UACA,mCAGD,IACC,UACA,gCAGD,IACC,iCAGD,KACC,8BAIF,2BACC,GACC,UACA,iCAGD,IACC,UACA,8BAGD,IACC,+BAGD,KACC,4BAIF,wBACC,GACC,UACA,8BAGD,IACC,UACA,2BAGD,IACC,4BAGD,KACC,yBAIF,cACC,oCACA,iCACA,+BACA,4BAED,iCACC,GACC,UACA,qCAGD,IACC,UACA,oCAGD,IACC,mCAGD,KACC,iCAIF,8BACC,GACC,UACA,kCAGD,IACC,UACA,iCAGD,IACC,gCAGD,KACC,8BAIF,4BACC,GACC,UACA,gCAGD,IACC,UACA,+BAGD,IACC,8BAGD,KACC,4BAIF,yBACC,GACC,UACA,6BAGD,IACC,UACA,4BAGD,IACC,2BAGD,KACC,yBAIF,eACC,qCACA,kCACA,gCACA,6BAED,6BACC,GACC,2BAGD,IACC,8BAGD,IACC,UACA,6BAGD,KACC,UACA,8BAIF,0BACC,GACC,wBAGD,IACC,2BAGD,IACC,UACA,0BAGD,KACC,UACA,2BAIF,wBACC,GACC,sBAGD,IACC,yBAGD,IACC,UACA,wBAGD,KACC,UACA,yBAIF,qBACC,GACC,mBAGD,IACC,sBAGD,IACC,UACA,qBAGD,KACC,UACA,sBAIF,WACC,iCACA,8BACA,4BACA,yBAED,+BACC,GACC,gCAGD,IACC,UACA,mCAGD,KACC,UACA,uCAIF,4BACC,GACC,6BAGD,IACC,UACA,gCAGD,KACC,UACA,oCAIF,0BACC,GACC,2BAGD,IACC,UACA,8BAGD,KACC,UACA,kCAIF,uBACC,GACC,wBAGD,IACC,UACA,2BAGD,KACC,UACA,+BAIF,aACC,mCACA,gCACA,8BACA,2BAED,iCACC,GACC,gCAGD,IACC,UACA,oCAGD,KACC,UACA,sCAIF,8BACC,GACC,6BAGD,IACC,UACA,iCAGD,KACC,UACA,mCAIF,4BACC,GACC,2BAGD,IACC,UACA,+BAGD,KACC,UACA,iCAIF,yBACC,GACC,wBAGD,IACC,UACA,4BAGD,KACC,UACA,8BAIF,eACC,qCACA,kCACA,gCACA,6BAED,iCACC,GACC,gCAGD,IACC,UACA,mCAGD,KACC,UACA,uCAIF,8BACC,GACC,6BAGD,IACC,UACA,gCAGD,KACC,UACA,oCAIF,4BACC,GACC,2BAGD,IACC,UACA,8BAGD,KACC,UACA,kCAIF,yBACC,GACC,wBAGD,IACC,UACA,2BAGD,KACC,UACA,+BAIF,eACC,qCACA,kCACA,gCACA,6BAED,kCACC,GACC,gCAGD,IACC,UACA,oCAGD,KACC,UACA,sCAIF,+BACC,GACC,6BAGD,IACC,UACA,iCAGD,KACC,UACA,mCAIF,6BACC,GACC,2BAGD,IACC,UACA,+BAGD,KACC,UACA,iCAIF,0BACC,GACC,wBAGD,IACC,UACA,4BAGD,KACC,UACA,8BAIF,gBACC,sCACA,mCACA,iCACA,8BAED,4BACC,GACC,uCACA,kCACA,UAGD,KACC,uCACA,4BACA,WAGF,yBACC,GACC,oCACA,+BACA,UAGD,KACC,oCACA,yBACA,WAGF,uBACC,GACC,kCACA,6BACA,UAGD,KACC,kCACA,uBACA,WAGF,oBACC,GACC,+BACA,0BACA,UAGD,KACC,+BACA,oBACA,WAIF,UACC,gCACA,6BACA,2BACA,wBAED,kCACC,GACC,qCACA,gCACA,UAGD,KACC,qCACA,4BACA,WAIF,+BACC,GACC,kCACA,6BACA,UAGD,KACC,kCACA,yBACA,WAIF,6BACC,GACC,gCACA,2BACA,UAGD,KACC,gCACA,uBACA,WAIF,0BACC,GACC,6BACA,wBACA,UAGD,KACC,6BACA,oBACA,WAIF,gBACC,sCACA,mCACA,iCACA,8BAED,oCACC,GACC,qCACA,iCACA,UAGD,KACC,qCACA,4BACA,WAIF,iCACC,GACC,kCACA,8BACA,UAGD,KACC,kCACA,yBACA,WAIF,+BACC,GACC,gCACA,4BACA,UAGD,KACC,gCACA,uBACA,WAIF,4BACC,GACC,6BACA,yBACA,UAGD,KACC,6BACA,oBACA,WAIF,kBACC,wCACA,qCACA,mCACA,gCAED,mCACC,GACC,sCACA,iCACA,UAGD,KACC,sCACA,4BACA,WAIF,gCACC,GACC,mCACA,8BACA,UAGD,KACC,mCACA,yBACA,WAIF,8BACC,GACC,iCACA,4BACA,UAGD,KACC,iCACA,uBACA,WAIF,2BACC,GACC,8BACA,yBACA,UAGD,KACC,8BACA,oBACA,WAIF,iBACC,uCACA,oCACA,kCACA,+BAED,qCACC,GACC,sCACA,gCACA,UAGD,KACC,sCACA,4BACA,WAIF,kCACC,GACC,mCACA,6BACA,UAGD,KACC,mCACA,yBACA,WAIF,gCACC,GACC,iCACA,2BACA,UAGD,KACC,iCACA,uBACA,WAIF,6BACC,GACC,8BACA,wBACA,UAGD,KACC,8BACA,oBACA,WAIF,mBACC,yCACA,sCACA,oCACA,iCAED,6BACC,GACC,uCACA,4BACA,UAGD,KACC,uCACA,iCACA,WAIF,0BACC,GACC,oCACA,yBACA,UAGD,KACC,oCACA,8BACA,WAIF,wBACC,GACC,kCACA,uBACA,UAGD,KACC,kCACA,4BACA,WAIF,qBACC,GACC,+BACA,oBACA,UAGD,KACC,+BACA,yBACA,WAIF,WACC,iCACA,8BACA,4BACA,yBAED,mCACC,GACC,qCACA,4BACA,UAGD,KACC,qCACA,iCACA,WAIF,gCACC,GACC,kCACA,yBACA,UAGD,KACC,kCACA,8BACA,WAIF,8BACC,GACC,gCACA,uBACA,UAGD,KACC,gCACA,4BACA,WAIF,2BACC,GACC,6BACA,oBACA,UAGD,KACC,8BACA,0BACA,WAIF,iBACC,uCACA,oCACA,kCACA,+BAED,qCACC,GACC,qCACA,4BACA,UAGD,KACC,qCACA,gCACA,WAIF,kCACC,GACC,kCACA,yBACA,UAGD,KACC,kCACA,6BACA,WAIF,gCACC,GACC,gCACA,uBACA,UAGD,KACC,gCACA,2BACA,WAIF,6BACC,GACC,6BACA,oBACA,UAGD,KACC,6BACA,wBACA,WAIF,mBACC,yCACA,sCACA,oCACA,iCAED,oCACC,GACC,sCACA,4BACA,UAGD,KACC,sCACA,gCACA,WAIF,iCACC,GACC,mCACA,yBACA,UAGD,KACC,mCACA,6BACA,WAIF,+BACC,GACC,iCACA,uBACA,UAGD,KACC,iCACA,2BACA,WAIF,4BACC,GACC,8BACA,oBACA,UAGD,KACC,8BACA,wBACA,WAIF,kBACC,wCACA,qCACA,mCACA,gCAED,sCACC,GACC,sCACA,4BACA,UAGD,KACC,sCACA,iCACA,WAIF,mCACC,GACC,mCACA,yBACA,UAGD,KACC,mCACA,8BACA,WAIF,iCACC,GACC,iCACA,uBACA,UAGD,KACC,iCACA,4BACA,WAIF,8BACC,GACC,8BACA,oBACA,UAGD,KACC,8BACA,yBACA,WAIF,oBACC,0CACA,uCACA,qCACA,kCAED,gCACC,8DACA,8DACA,6DACA,6DAGD,6BACC,2DACA,2DACA,0DACA,0DAGD,2BACC,yDACA,yDACA,wDACA,wDAGD,wBACC,sDACA,sDACA,qDACA,qDAGD,cACI,oCACA,iCACA,+BACA,4BAEA,2CACA,wCACA,sCACA,mCAEJ,iCACI,0DACH,iEAGD,8BACC,uDACA,8DAGD,4BACC,qDACA,4DAGD,yBACC,kDACA,yDAGD,eACI,qCACA,kCACA,gCACA,6BAEA,0CACA,uCACA,qCACA,kCAEJ,yBACC,+GACA,wHACA,oHACA,4IACA,oDAGD,sBACC,sGACA,+GACA,2GACA,mIACA,iDAGD,oBACC,gGACA,yGACA,qGACA,6HACA,+CAGD,iBACC,uFACA,gGACA,4FACA,oHACA,4CAGD,OACC,6BACA,0BACA,wBACA,qBAID,0BACC,iEACA,+DAGD,uBACC,8DACA,4DAGD,qBACC,4DACA,0DAGD,kBACC,yDACA,uDAGD,QACC,8BACA,2BACA,yBACA,sBAID,2BACI,GACF,UACA,+CAGE,KACF,UACA,mDAIF,wBACI,GACF,UACA,4CAGE,KACF,UACA,gDAIF,sBACI,GACF,UACA,0CAGE,KACF,UACA,8CAIF,mBACI,GACF,UACA,uCAGE,KACF,UACA,2CAIF,SACC,+BACA,4BACA,0BACA,uBCr2GD,2ZACC,SACA,UACA,SACA,eACA,aACA,wBAGD,8EACC,cAED,KACC,cAED,MACC,gBAED,aACC,YAED,mCACC,WACA,aAED,iBACC,WACA,aAED,MACC,yBACA,iBAED,KACC,WACA,QACA,uBACC,WACA,cACD,WACC,WAEF,UACC,YACA,yBAED,KACC,YACA,gBAED,KACC,iCACA,cACA,cAED,YACC,mBAED,iBACC,mBAED,EACC,qBACA,WACA,QACC,cACA,kBACA,mBACA,oBACA,uBAEF,kBAMC,gBACA,mBACA,gCACA,oBACA,cACA,mCAED,GACC,aACA,gBACA,kBACA,qBAED,GACC,gBAED,GACC,gBAED,GACC,gBAED,GACC,gBAED,GACC,cAED,EACC,oBACA,kBAED,OACC,iBAED,GACC,kBAED,WACC,aACA,cACA,mBACA,sBACA,kBACA,gCACA,oBACA,kBACA,gBACA,kBACA,wBACC,gBAEF,MACC,uBACA,YACC,kBACA,kBACD,wBACC,uBAEF,GACC,wBAED,GACC,qBAED,KACC,kBACA,mBACA,yBACA,kBACA,uIACA,gBAED,IACC,oBAIA,kBACA,uIACA,eACA,mBACA,kBACA,SACC,UACA,gBACA,YAEF,0BAIC,eACA,cACA,kCAIC,WACA,0DAIC,cAGH,SACC,SACA,eACA,WAED,OACC,gCACA,gBACA,oBACA,WAED,eACC,eACA,WACA,YACA,cACA,kBACA,aACA,eACA,iBACA,kBACA,yBACA,mBAED,OACC,kBACA,qBACA,0BACA,mBACA,kBACA,kBACA,WAED,WACC,kBACA,YACA,YACA,cAED,iBACC,YACA,UACA,gBACA,gBAED,wBACC,aACA,eAED,iBACE,aACA,oBAGF,WACE,UACA,yBAGF,wBACE,OAIF,QACC,cACA,kBACA,0BACA,eACA,cAED,mBACC,cACA,mBACA,qBACC,cACA,0BACA,2BACC,cAEH,cAEC,kBACA,sBACA,sCACA,aAGD,GACC,YAED,wBACC,UACA,uBACA,0BAED,eACC,0BACA,eAED,WACC,kBACA,cAED,iBACC,kBAED,iBACC,iBAED,mBACC,kBAED,mBACC,qBACA,WACA,YACA,uBACA,YACA,gBAED,UACC,eACA,cACA,kBACA,kBAED,UACC,UAED,SACC,cACA,UACA,aACA,0BAED,YACC,cAED,OACC,cACA,WACA,YAED,iBACC,mBACA,sBAED,aACC,iBACA,gBACA,WAED,gBACC,gCACA,gBACA,oBACA,mBACA,WACA,mCAED,aACC,cACA,eACA,YACA,WACA,eACA,YACA,uEACA,sBAED,wBACC,UACA,gBAED,sBACC,cACA,kBACA,UACA,MACA,QACA,SACA,OACA,mCACA,iGACA,wFAED,mBACC,mBAED,0BACC,cAED,sBACC,UACA,iBACA,0CAED,iCACC,UAED,YACC,cACA,WACA,YAED,mBACC,UACA,gBAED,mBACC,mBACA,sBACA,kBACA,YACA,eAED,qBACC,gBACA,cAED,4BACC,YACA,oBACA,4BAGD,gBACC,gBACA,kBACA,WACA,qCACA,kBACC,WAEF,kBACC,gBAED,0BACC,kBAED,aACC,qCACA,qGACA,4FAED,cACC,mCACA,oGACA,2FAED,WACC,oCACA,mGACA,0FAED,aACC,mCACA,oGACA,2FAED,gBACC,gBAED,yBACC,oBACG,uBACA,mBACH,kBACA,yBACA,kBACA,eACA,iBACA,mBACA,iBACA,cACA,mCACA,qCACC,cACA,qBAEF,eACC,qBACA,cACA,qBACC,cACA,qBAEF,cACC,kBACA,WACA,oBACC,cACA,qBAEF,WACC,kBACA,gBAED,WACC,iBACA,eAED,iBACC,aACA,eACA,aACA,MACA,QACA,OACA,WACA,YACA,0BACA,2CACA,kBAED,+CAEC,kBACA,QACA,eACA,WAED,IACC,qBACA,kBAED,YACC,uBACA,qBACA,kBACA,SACA,qBAED,kBACC,qBACA,mBACA,gBACA,oBACC,cACA,kBACA,kBACA,WACA,WACA,0BACC,WACA,kBACA,UAEH,oBACC,mBACA,sBACC,wBACA,6BACC,aACD,4BACC,cACA,gBAEH,YACC,cACA,iBAED,yBACC,SACA,eACA,WAED,mBACC,iBAED,mBACC,gBAED,EACC,qBACA,mBACA,kBACA,eAED,aACC,4BACA,eACA,cACA,kBAED,WACC,SACA,UACA,qBACA,gBACA,cACC,mBACA,4BACC,aAEH,uBACC,aACA,mBACA,gBACA,kBACA,yBACC,WACA,+BACC,cAEH,iBACC,cACA,kBACA,eACA,cAED,uBACC,kBACA,cAED,uBACC,iBAED,oBACC,UACA,uBACA,0BAED,QACC,aAED,mPAaC,YACA,gBACA,gBACA,sBACA,kBACA,eACA,WACA,iUAaC,qBACD,klBAaC,WACD,6dAaC,WACD,gdAaC,WACD,ihBAaC,WAEF,mCACC,iBACC,mBACF,mCACC,mBACC,WAED,aACC,cAED,gBACC,cAED,0BACC,cACA,eAED,oBACC,eACA,eACF,kCACC,iBACC,cAED,YACC,cACA,kBAED,wBACC,WACA,eAED,mBACC,mBACA,iBAED,0BACC,cACA,gBACA,cAED,iCACC,aAED,aACC,WACA,YACA,kCACA,oCACC,cACA,kBACA,YACA,UACA,kCACA,uDACC,cACA,sBACD,uDACC,WACA,iBACD,8DACC,aACD,0DACC,aACA,gBAEH,oBACC,aACA,eACA,SACA,QACA,OACA,WACA,8BACA,4CACA,4BACC,cAEF,kBACC,cACA,kBACA,WACA,WACA,WACA,8BACC,cACA,WACA,iCACC,UACA,mBACF,qCACC,gBACA,oDACC,qBACA,YAEH,iBACC,UACA,eACA,cAED,wBACC,eACA,cAED,kBACC,WACA,mBAEF,kCACC,mBACC,aAED,aACC,mBACA,gBAED,gBACC,eAED,yBACC,cACA,oBCzzBF,MACC,oBACA,YACC,iBAEA,eACC,gBACA,6BACA,iBACA,aACA,sBAKD,4BACC,gBAGD,YACC,aCpBH,6BACiB,yBACjB,yCACA,4BACA,uDACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,iCACA,gCACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BAGA,6BACA,6BACA,6BChEA,UACI,kBACA,UACA,gBAIJ,iBACE,WACA,kBACA,MACA,SACA,SACA,2BACA,QACA,kDAGF,aACI,kBACA,mBACA,gBAIJ,+BACI,aACA,mBACA,yBAIJ,uCAEI,YACA,cAGJ,mBACI,WAIJ,6BACI,YACA,kBACA,WACA,sBACA,gBACA,mBAGJ,oCACI,WACA,WACA,wBACA,oBAGJ,mCACI,WACA,WACA,wBACA,oBAGJ,6BACI,kBACA,YACA,kBACA,sBACA,mBACA,kBACA,sBACA,aACA,0BAGJ,QACI,YACA,YACA,aACA,kBACA,kBACA,sBACA,iBACA,cAGJ,gCACI,gBACA,eACA,iBAGJ,WACI,gBACA,eACA,iBAGJ,+CACI,YACA,sBACA,gBAGJ,sDACI,WACA,WACA,wBACA,oBAGJ,qDACI,WACA,WACA,wBACA,oBAGJ,wBACI,gBAGJ,+BACI,aACA,cAGJ,0CACI,oBAGJ,uDAEI,gBAGJ,yBACI,iBACI,SACA,UAGJ,aACI,oBACA,iBAGJ,6BACI,WACA,UACA,yBACA,iBAGJ,6BACI,mBACA,QACA,YACA,aACA,kBAGJ,QAEI,WACA,YACA,eACA,gBAGJ,gCACI,gBACA,eACA,iBAGJ,WACI,gBACA,eACA,iBAGJ,+CACI,YACA,yBACA,iBAIR,yBACI,aACI,iBAGJ,6BACI,WACA,UACA,oBAGJ,6BACI,mBACA,YACA,aACA,kBAGJ,QACI,gBACA,iBACA,WACA,YAGJ,gCACI,gBACA,eACA,iBAGJ,WACI,gBACA,eACA,iBAGJ,+CACI,qBCvOR,cACE,gBACA,SACA,UAGF,cACE,aACA,mBACA,SACA,qBAGF,wBACE,sBAGF,oBACE,OAGF,uBACE,SACA,iBAGF,sBACE,iBACA,WAGF,kBACE,gBACA,WACA,YACA,kBACA,eACA,cACA,8BACA,cACA,kBChCF,6BAEE,aAGF,uCAEE,qBAGF,yBAEE,aACA,mBAGF,yBACE,qBACA,aAGF,sBAEE,yBACA,mBACA,cACA,qBACA,eACA,aACA,iBACA,iBACA,mBAGF,iBACE,eACA,cAGF,mBACI,mBAGJ,YACE,aACA,mBACA,uBACA,YACA,aACA,sBACA,mBAGF,aACE,aACA,mBACA,uBACA,SACA,mBAGF,cACE,UACA,YACA","sourcesContent":[".animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes flash {\r\n\t0%, 50%, 100% {opacity: 1;}\t25%, 75% {opacity: 0;}\r\n}\r\n\r\n@-moz-keyframes flash {\r\n\t0%, 50%, 100% {opacity: 1;}\t\r\n\t25%, 75% {opacity: 0;}\r\n}\r\n\r\n@-o-keyframes flash {\r\n\t0%, 50%, 100% {opacity: 1;}\t\r\n\t25%, 75% {opacity: 0;}\r\n}\r\n\r\n@keyframes flash {\r\n\t0%, 50%, 100% {opacity: 1;}\t\r\n\t25%, 75% {opacity: 0;}\r\n}\r\n\r\n.flash {\r\n\t-webkit-animation-name: flash;\r\n\t-moz-animation-name: flash;\r\n\t-o-animation-name: flash;\r\n\tanimation-name: flash;\r\n}\r\n@-webkit-keyframes shake {\r\n\t0%, 100% {-webkit-transform: translateX(0);}\r\n\t10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}\r\n\t20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}\r\n}\r\n\r\n@-moz-keyframes shake {\r\n\t0%, 100% {-moz-transform: translateX(0);}\r\n\t10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}\r\n\t20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}\r\n}\r\n\r\n@-o-keyframes shake {\r\n\t0%, 100% {-o-transform: translateX(0);}\r\n\t10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}\r\n\t20%, 40%, 60%, 80% {-o-transform: translateX(10px);}\r\n}\r\n\r\n@keyframes shake {\r\n\t0%, 100% {transform: translateX(0);}\r\n\t10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}\r\n\t20%, 40%, 60%, 80% {transform: translateX(10px);}\r\n}\r\n\r\n.shake {\r\n\t-webkit-animation-name: shake;\r\n\t-moz-animation-name: shake;\r\n\t-o-animation-name: shake;\r\n\tanimation-name: shake;\r\n}\r\n@-webkit-keyframes bounce {\r\n\t0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}\r\n\t40% {-webkit-transform: translateY(-30px);}\r\n\t60% {-webkit-transform: translateY(-15px);}\r\n}\r\n\r\n@-moz-keyframes bounce {\r\n\t0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}\r\n\t40% {-moz-transform: translateY(-30px);}\r\n\t60% {-moz-transform: translateY(-15px);}\r\n}\r\n\r\n@-o-keyframes bounce {\r\n\t0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}\r\n\t40% {-o-transform: translateY(-30px);}\r\n\t60% {-o-transform: translateY(-15px);}\r\n}\r\n@keyframes bounce {\r\n\t0%, 20%, 50%, 80%, 100% {transform: translateY(0);}\r\n\t40% {transform: translateY(-30px);}\r\n\t60% {transform: translateY(-15px);}\r\n}\r\n\r\n.bounce {\r\n\t-webkit-animation-name: bounce;\r\n\t-moz-animation-name: bounce;\r\n\t-o-animation-name: bounce;\r\n\tanimation-name: bounce;\r\n}\r\n@-webkit-keyframes tada {\r\n\t0% {-webkit-transform: scale(1);}\t\r\n\t10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}\r\n\t30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}\r\n\t40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}\r\n\t100% {-webkit-transform: scale(1) rotate(0);}\r\n}\r\n\r\n@-moz-keyframes tada {\r\n\t0% {-moz-transform: scale(1);}\t\r\n\t10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}\r\n\t30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}\r\n\t40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}\r\n\t100% {-moz-transform: scale(1) rotate(0);}\r\n}\r\n\r\n@-o-keyframes tada {\r\n\t0% {-o-transform: scale(1);}\t\r\n\t10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}\r\n\t30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}\r\n\t40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}\r\n\t100% {-o-transform: scale(1) rotate(0);}\r\n}\r\n\r\n@keyframes tada {\r\n\t0% {transform: scale(1);}\t\r\n\t10%, 20% {transform: scale(0.9) rotate(-3deg);}\r\n\t30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}\r\n\t40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}\r\n\t100% {transform: scale(1) rotate(0);}\r\n}\r\n\r\n.tada {\r\n\t-webkit-animation-name: tada;\r\n\t-moz-animation-name: tada;\r\n\t-o-animation-name: tada;\r\n\tanimation-name: tada;\r\n}\r\n@-webkit-keyframes swing {\r\n\t20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }\r\n\t20% { -webkit-transform: rotate(15deg); }\t\r\n\t40% { -webkit-transform: rotate(-10deg); }\r\n\t60% { -webkit-transform: rotate(5deg); }\t\r\n\t80% { -webkit-transform: rotate(-5deg); }\t\r\n\t100% { -webkit-transform: rotate(0deg); }\r\n}\r\n\r\n@-moz-keyframes swing {\r\n\t20% { -moz-transform: rotate(15deg); }\t\r\n\t40% { -moz-transform: rotate(-10deg); }\r\n\t60% { -moz-transform: rotate(5deg); }\t\r\n\t80% { -moz-transform: rotate(-5deg); }\t\r\n\t100% { -moz-transform: rotate(0deg); }\r\n}\r\n\r\n@-o-keyframes swing {\r\n\t20% { -o-transform: rotate(15deg); }\t\r\n\t40% { -o-transform: rotate(-10deg); }\r\n\t60% { -o-transform: rotate(5deg); }\t\r\n\t80% { -o-transform: rotate(-5deg); }\t\r\n\t100% { -o-transform: rotate(0deg); }\r\n}\r\n\r\n@keyframes swing {\r\n\t20% { transform: rotate(15deg); }\t\r\n\t40% { transform: rotate(-10deg); }\r\n\t60% { transform: rotate(5deg); }\t\r\n\t80% { transform: rotate(-5deg); }\t\r\n\t100% { transform: rotate(0deg); }\r\n}\r\n\r\n.swing {\r\n\t-webkit-transform-origin: top center;\r\n\t-moz-transform-origin: top center;\r\n\t-o-transform-origin: top center;\r\n\ttransform-origin: top center;\r\n\t-webkit-animation-name: swing;\r\n\t-moz-animation-name: swing;\r\n\t-o-animation-name: swing;\r\n\tanimation-name: swing;\r\n}\r\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\r\n\r\n@-webkit-keyframes wobble {\r\n 0% { -webkit-transform: translateX(0%); }\r\n 15% { -webkit-transform: translateX(-25%) rotate(-5deg); }\r\n 30% { -webkit-transform: translateX(20%) rotate(3deg); }\r\n 45% { -webkit-transform: translateX(-15%) rotate(-3deg); }\r\n 60% { -webkit-transform: translateX(10%) rotate(2deg); }\r\n 75% { -webkit-transform: translateX(-5%) rotate(-1deg); }\r\n 100% { -webkit-transform: translateX(0%); }\r\n}\r\n\r\n@-moz-keyframes wobble {\r\n 0% { -moz-transform: translateX(0%); }\r\n 15% { -moz-transform: translateX(-25%) rotate(-5deg); }\r\n 30% { -moz-transform: translateX(20%) rotate(3deg); }\r\n 45% { -moz-transform: translateX(-15%) rotate(-3deg); }\r\n 60% { -moz-transform: translateX(10%) rotate(2deg); }\r\n 75% { -moz-transform: translateX(-5%) rotate(-1deg); }\r\n 100% { -moz-transform: translateX(0%); }\r\n}\r\n\r\n@-o-keyframes wobble {\r\n 0% { -o-transform: translateX(0%); }\r\n 15% { -o-transform: translateX(-25%) rotate(-5deg); }\r\n 30% { -o-transform: translateX(20%) rotate(3deg); }\r\n 45% { -o-transform: translateX(-15%) rotate(-3deg); }\r\n 60% { -o-transform: translateX(10%) rotate(2deg); }\r\n 75% { -o-transform: translateX(-5%) rotate(-1deg); }\r\n 100% { -o-transform: translateX(0%); }\r\n}\r\n\r\n@keyframes wobble {\r\n 0% { transform: translateX(0%); }\r\n 15% { transform: translateX(-25%) rotate(-5deg); }\r\n 30% { transform: translateX(20%) rotate(3deg); }\r\n 45% { transform: translateX(-15%) rotate(-3deg); }\r\n 60% { transform: translateX(10%) rotate(2deg); }\r\n 75% { transform: translateX(-5%) rotate(-1deg); }\r\n 100% { transform: translateX(0%); }\r\n}\r\n\r\n.wobble {\r\n\t-webkit-animation-name: wobble;\r\n\t-moz-animation-name: wobble;\r\n\t-o-animation-name: wobble;\r\n\tanimation-name: wobble;\r\n}\r\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\r\n\r\n@-webkit-keyframes pulse {\r\n 0% { -webkit-transform: scale(1); }\t\r\n\t50% { -webkit-transform: scale(1.1); }\r\n 100% { -webkit-transform: scale(1); }\r\n}\r\n@-moz-keyframes pulse {\r\n 0% { -moz-transform: scale(1); }\t\r\n\t50% { -moz-transform: scale(1.1); }\r\n 100% { -moz-transform: scale(1); }\r\n}\r\n@-o-keyframes pulse {\r\n 0% { -o-transform: scale(1); }\t\r\n\t50% { -o-transform: scale(1.1); }\r\n 100% { -o-transform: scale(1); }\r\n}\r\n@keyframes pulse {\r\n 0% { transform: scale(1); }\t\r\n\t50% { transform: scale(1.1); }\r\n 100% { transform: scale(1); }\r\n}\r\n\r\n.pulse {\r\n\t-webkit-animation-name: pulse;\r\n\t-moz-animation-name: pulse;\r\n\t-o-animation-name: pulse;\r\n\tanimation-name: pulse;\r\n}\r\n@-webkit-keyframes flip {\r\n\t0% {\r\n\t\t-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);\r\n\t\t-webkit-animation-timing-function: ease-out;\r\n\t}\r\n\t40% {\r\n\t\t-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);\r\n\t\t-webkit-animation-timing-function: ease-out;\r\n\t}\r\n\t50% {\r\n\t\t-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);\r\n\t\t-webkit-animation-timing-function: ease-in;\r\n\t}\r\n\t80% {\r\n\t\t-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);\r\n\t\t-webkit-animation-timing-function: ease-in;\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);\r\n\t\t-webkit-animation-timing-function: ease-in;\r\n\t}\r\n}\r\n@-moz-keyframes flip {\r\n\t0% {\r\n\t\t-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);\r\n\t\t-moz-animation-timing-function: ease-out;\r\n\t}\r\n\t40% {\r\n\t\t-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);\r\n\t\t-moz-animation-timing-function: ease-out;\r\n\t}\r\n\t50% {\r\n\t\t-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);\r\n\t\t-moz-animation-timing-function: ease-in;\r\n\t}\r\n\t80% {\r\n\t\t-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);\r\n\t\t-moz-animation-timing-function: ease-in;\r\n\t}\r\n\t100% {\r\n\t\t-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);\r\n\t\t-moz-animation-timing-function: ease-in;\r\n\t}\r\n}\r\n@-o-keyframes flip {\r\n\t0% {\r\n\t\t-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);\r\n\t\t-o-animation-timing-function: ease-out;\r\n\t}\r\n\t40% {\r\n\t\t-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);\r\n\t\t-o-animation-timing-function: ease-out;\r\n\t}\r\n\t50% {\r\n\t\t-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);\r\n\t\t-o-animation-timing-function: ease-in;\r\n\t}\r\n\t80% {\r\n\t\t-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);\r\n\t\t-o-animation-timing-function: ease-in;\r\n\t}\r\n\t100% {\r\n\t\t-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);\r\n\t\t-o-animation-timing-function: ease-in;\r\n\t}\r\n}\r\n@keyframes flip {\r\n\t0% {\r\n\t\ttransform: perspective(400px) translateZ(0) rotateY(0) scale(1);\r\n\t\tanimation-timing-function: ease-out;\r\n\t}\r\n\t40% {\r\n\t\ttransform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);\r\n\t\tanimation-timing-function: ease-out;\r\n\t}\r\n\t50% {\r\n\t\ttransform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);\r\n\t\tanimation-timing-function: ease-in;\r\n\t}\r\n\t80% {\r\n\t\ttransform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);\r\n\t\tanimation-timing-function: ease-in;\r\n\t}\r\n\t100% {\r\n\t\ttransform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);\r\n\t\tanimation-timing-function: ease-in;\r\n\t}\r\n}\r\n\r\n.animated.flip {\r\n\t-webkit-backface-visibility: visible !important;\r\n\t-webkit-animation-name: flip;\r\n\t-moz-backface-visibility: visible !important;\r\n\t-moz-animation-name: flip;\r\n\t-o-backface-visibility: visible !important;\r\n\t-o-animation-name: flip;\r\n\tbackface-visibility: visible !important;\r\n\tanimation-name: flip;\r\n}\r\n\r\n@-webkit-keyframes flipInX {\r\n 0% {\r\n -webkit-transform: perspective(400px) rotateX(90deg);\r\n opacity: 0;\r\n }\r\n \r\n 40% {\r\n -webkit-transform: perspective(400px) rotateX(-10deg);\r\n }\r\n \r\n 70% {\r\n -webkit-transform: perspective(400px) rotateX(10deg);\r\n }\r\n \r\n 100% {\r\n -webkit-transform: perspective(400px) rotateX(0deg);\r\n opacity: 1;\r\n }\r\n}\r\n@-moz-keyframes flipInX {\r\n 0% {\r\n -moz-transform: perspective(400px) rotateX(90deg);\r\n opacity: 0;\r\n }\r\n \r\n 40% {\r\n -moz-transform: perspective(400px) rotateX(-10deg);\r\n }\r\n \r\n 70% {\r\n -moz-transform: perspective(400px) rotateX(10deg);\r\n }\r\n \r\n 100% {\r\n -moz-transform: perspective(400px) rotateX(0deg);\r\n opacity: 1;\r\n }\r\n}\r\n@-o-keyframes flipInX {\r\n 0% {\r\n -o-transform: perspective(400px) rotateX(90deg);\r\n opacity: 0;\r\n }\r\n \r\n 40% {\r\n -o-transform: perspective(400px) rotateX(-10deg);\r\n }\r\n \r\n 70% {\r\n -o-transform: perspective(400px) rotateX(10deg);\r\n }\r\n \r\n 100% {\r\n -o-transform: perspective(400px) rotateX(0deg);\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes flipInX {\r\n 0% {\r\n transform: perspective(400px) rotateX(90deg);\r\n opacity: 0;\r\n }\r\n \r\n 40% {\r\n transform: perspective(400px) rotateX(-10deg);\r\n }\r\n \r\n 70% {\r\n transform: perspective(400px) rotateX(10deg);\r\n }\r\n \r\n 100% {\r\n transform: perspective(400px) rotateX(0deg);\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.flipInX {\r\n\t-webkit-backface-visibility: visible !important;\r\n\t-webkit-animation-name: flipInX;\r\n\t-moz-backface-visibility: visible !important;\r\n\t-moz-animation-name: flipInX;\r\n\t-o-backface-visibility: visible !important;\r\n\t-o-animation-name: flipInX;\r\n\tbackface-visibility: visible !important;\r\n\tanimation-name: flipInX;\r\n}\r\n@-webkit-keyframes flipOutX {\r\n 0% {\r\n -webkit-transform: perspective(400px) rotateX(0deg);\r\n opacity: 1;\r\n }\r\n\t100% {\r\n -webkit-transform: perspective(400px) rotateX(90deg);\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@-moz-keyframes flipOutX {\r\n 0% {\r\n -moz-transform: perspective(400px) rotateX(0deg);\r\n opacity: 1;\r\n }\r\n\t100% {\r\n -moz-transform: perspective(400px) rotateX(90deg);\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@-o-keyframes flipOutX {\r\n 0% {\r\n -o-transform: perspective(400px) rotateX(0deg);\r\n opacity: 1;\r\n }\r\n\t100% {\r\n -o-transform: perspective(400px) rotateX(90deg);\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@keyframes flipOutX {\r\n 0% {\r\n transform: perspective(400px) rotateX(0deg);\r\n opacity: 1;\r\n }\r\n\t100% {\r\n transform: perspective(400px) rotateX(90deg);\r\n opacity: 0;\r\n }\r\n}\r\n\r\n.flipOutX {\r\n\t-webkit-animation-name: flipOutX;\r\n\t-webkit-backface-visibility: visible !important;\r\n\t-moz-animation-name: flipOutX;\r\n\t-moz-backface-visibility: visible !important;\r\n\t-o-animation-name: flipOutX;\r\n\t-o-backface-visibility: visible !important;\r\n\tanimation-name: flipOutX;\r\n\tbackface-visibility: visible !important;\r\n}\r\n@-webkit-keyframes flipInY {\r\n 0% {\r\n -webkit-transform: perspective(400px) rotateY(90deg);\r\n opacity: 0;\r\n }\r\n \r\n 40% {\r\n -webkit-transform: perspective(400px) rotateY(-10deg);\r\n }\r\n \r\n 70% {\r\n -webkit-transform: perspective(400px) rotateY(10deg);\r\n }\r\n \r\n 100% {\r\n -webkit-transform: perspective(400px) rotateY(0deg);\r\n opacity: 1;\r\n }\r\n}\r\n@-moz-keyframes flipInY {\r\n 0% {\r\n -moz-transform: perspective(400px) rotateY(90deg);\r\n opacity: 0;\r\n }\r\n \r\n 40% {\r\n -moz-transform: perspective(400px) rotateY(-10deg);\r\n }\r\n \r\n 70% {\r\n -moz-transform: perspective(400px) rotateY(10deg);\r\n }\r\n \r\n 100% {\r\n -moz-transform: perspective(400px) rotateY(0deg);\r\n opacity: 1;\r\n }\r\n}\r\n@-o-keyframes flipInY {\r\n 0% {\r\n -o-transform: perspective(400px) rotateY(90deg);\r\n opacity: 0;\r\n }\r\n \r\n 40% {\r\n -o-transform: perspective(400px) rotateY(-10deg);\r\n }\r\n \r\n 70% {\r\n -o-transform: perspective(400px) rotateY(10deg);\r\n }\r\n \r\n 100% {\r\n -o-transform: perspective(400px) rotateY(0deg);\r\n opacity: 1;\r\n }\r\n}\r\n@keyframes flipInY {\r\n 0% {\r\n transform: perspective(400px) rotateY(90deg);\r\n opacity: 0;\r\n }\r\n \r\n 40% {\r\n transform: perspective(400px) rotateY(-10deg);\r\n }\r\n \r\n 70% {\r\n transform: perspective(400px) rotateY(10deg);\r\n }\r\n \r\n 100% {\r\n transform: perspective(400px) rotateY(0deg);\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.flipInY {\r\n\t-webkit-backface-visibility: visible !important;\r\n\t-webkit-animation-name: flipInY;\r\n\t-moz-backface-visibility: visible !important;\r\n\t-moz-animation-name: flipInY;\r\n\t-o-backface-visibility: visible !important;\r\n\t-o-animation-name: flipInY;\r\n\tbackface-visibility: visible !important;\r\n\tanimation-name: flipInY;\r\n}\r\n@-webkit-keyframes flipOutY {\r\n 0% {\r\n -webkit-transform: perspective(400px) rotateY(0deg);\r\n opacity: 1;\r\n }\r\n\t100% {\r\n -webkit-transform: perspective(400px) rotateY(90deg);\r\n opacity: 0;\r\n }\r\n}\r\n@-moz-keyframes flipOutY {\r\n 0% {\r\n -moz-transform: perspective(400px) rotateY(0deg);\r\n opacity: 1;\r\n }\r\n\t100% {\r\n -moz-transform: perspective(400px) rotateY(90deg);\r\n opacity: 0;\r\n }\r\n}\r\n@-o-keyframes flipOutY {\r\n 0% {\r\n -o-transform: perspective(400px) rotateY(0deg);\r\n opacity: 1;\r\n }\r\n\t100% {\r\n -o-transform: perspective(400px) rotateY(90deg);\r\n opacity: 0;\r\n }\r\n}\r\n@keyframes flipOutY {\r\n 0% {\r\n transform: perspective(400px) rotateY(0deg);\r\n opacity: 1;\r\n }\r\n\t100% {\r\n transform: perspective(400px) rotateY(90deg);\r\n opacity: 0;\r\n }\r\n}\r\n\r\n.flipOutY {\r\n\t-webkit-backface-visibility: visible !important;\r\n\t-webkit-animation-name: flipOutY;\r\n\t-moz-backface-visibility: visible !important;\r\n\t-moz-animation-name: flipOutY;\r\n\t-o-backface-visibility: visible !important;\r\n\t-o-animation-name: flipOutY;\r\n\tbackface-visibility: visible !important;\r\n\tanimation-name: flipOutY;\r\n}\r\n@-webkit-keyframes fadeIn {\r\n\t0% {opacity: 0;}\t\r\n\t100% {opacity: 1;}\r\n}\r\n\r\n@-moz-keyframes fadeIn {\r\n\t0% {opacity: 0;}\t\r\n\t100% {opacity: 1;}\r\n}\r\n\r\n@-o-keyframes fadeIn {\r\n\t0% {opacity: 0;}\t\r\n\t100% {opacity: 1;}\r\n}\r\n\r\n@keyframes fadeIn {\r\n\t0% {opacity: 0;}\t\r\n\t100% {opacity: 1;}\r\n}\r\n\r\n.fadeIn {\r\n\t-webkit-animation-name: fadeIn;\r\n\t-moz-animation-name: fadeIn;\r\n\t-o-animation-name: fadeIn;\r\n\tanimation-name: fadeIn;\r\n}\r\n@-webkit-keyframes fadeInUp {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeInUp {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeInUp {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@keyframes fadeInUp {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n.fadeInUp {\r\n\t-webkit-animation-name: fadeInUp;\r\n\t-moz-animation-name: fadeInUp;\r\n\t-o-animation-name: fadeInUp;\r\n\tanimation-name: fadeInUp;\r\n}\r\n@-webkit-keyframes fadeInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@keyframes fadeInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n.fadeInDown {\r\n\t-webkit-animation-name: fadeInDown;\r\n\t-moz-animation-name: fadeInDown;\r\n\t-o-animation-name: fadeInDown;\r\n\tanimation-name: fadeInDown;\r\n}\r\n@-webkit-keyframes fadeInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@keyframes fadeInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0);\r\n\t}\r\n}\r\n\r\n.fadeInLeft {\r\n\t-webkit-animation-name: fadeInLeft;\r\n\t-moz-animation-name: fadeInLeft;\r\n\t-o-animation-name: fadeInLeft;\r\n\tanimation-name: fadeInLeft;\r\n}\r\n@-webkit-keyframes fadeInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@keyframes fadeInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0);\r\n\t}\r\n}\r\n\r\n.fadeInRight {\r\n\t-webkit-animation-name: fadeInRight;\r\n\t-moz-animation-name: fadeInRight;\r\n\t-o-animation-name: fadeInRight;\r\n\tanimation-name: fadeInRight;\r\n}\r\n@-webkit-keyframes fadeInUpBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeInUpBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeInUpBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@keyframes fadeInUpBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n.fadeInUpBig {\r\n\t-webkit-animation-name: fadeInUpBig;\r\n\t-moz-animation-name: fadeInUpBig;\r\n\t-o-animation-name: fadeInUpBig;\r\n\tanimation-name: fadeInUpBig;\r\n}\r\n@-webkit-keyframes fadeInDownBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeInDownBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeInDownBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@keyframes fadeInDownBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n.fadeInDownBig {\r\n\t-webkit-animation-name: fadeInDownBig;\r\n\t-moz-animation-name: fadeInDownBig;\r\n\t-o-animation-name: fadeInDownBig;\r\n\tanimation-name: fadeInDownBig;\r\n}\r\n@-webkit-keyframes fadeInLeftBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n}\r\n@-moz-keyframes fadeInLeftBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n}\r\n@-o-keyframes fadeInLeftBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n}\r\n@keyframes fadeInLeftBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0);\r\n\t}\r\n}\r\n\r\n.fadeInLeftBig {\r\n\t-webkit-animation-name: fadeInLeftBig;\r\n\t-moz-animation-name: fadeInLeftBig;\r\n\t-o-animation-name: fadeInLeftBig;\r\n\tanimation-name: fadeInLeftBig;\r\n}\r\n@-webkit-keyframes fadeInRightBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeInRightBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeInRightBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@keyframes fadeInRightBig {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0);\r\n\t}\r\n}\r\n\r\n.fadeInRightBig {\r\n\t-webkit-animation-name: fadeInRightBig;\r\n\t-moz-animation-name: fadeInRightBig;\r\n\t-o-animation-name: fadeInRightBig;\r\n\tanimation-name: fadeInRightBig;\r\n}\r\n@-webkit-keyframes fadeOut {\r\n\t0% {opacity: 1;}\r\n\t100% {opacity: 0;}\r\n}\r\n\r\n@-moz-keyframes fadeOut {\r\n\t0% {opacity: 1;}\r\n\t100% {opacity: 0;}\r\n}\r\n\r\n@-o-keyframes fadeOut {\r\n\t0% {opacity: 1;}\r\n\t100% {opacity: 0;}\r\n}\r\n\r\n@keyframes fadeOut {\r\n\t0% {opacity: 1;}\r\n\t100% {opacity: 0;}\r\n}\r\n\r\n.fadeOut {\r\n\t-webkit-animation-name: fadeOut;\r\n\t-moz-animation-name: fadeOut;\r\n\t-o-animation-name: fadeOut;\r\n\tanimation-name: fadeOut;\r\n}\r\n@-webkit-keyframes fadeOutUp {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(-20px);\r\n\t}\r\n}\r\n@-moz-keyframes fadeOutUp {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(-20px);\r\n\t}\r\n}\r\n@-o-keyframes fadeOutUp {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(-20px);\r\n\t}\r\n}\r\n@keyframes fadeOutUp {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-20px);\r\n\t}\r\n}\r\n\r\n.fadeOutUp {\r\n\t-webkit-animation-name: fadeOutUp;\r\n\t-moz-animation-name: fadeOutUp;\r\n\t-o-animation-name: fadeOutUp;\r\n\tanimation-name: fadeOutUp;\r\n}\r\n@-webkit-keyframes fadeOutDown {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(20px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeOutDown {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(20px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeOutDown {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(20px);\r\n\t}\r\n}\r\n\r\n@keyframes fadeOutDown {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(20px);\r\n\t}\r\n}\r\n\r\n.fadeOutDown {\r\n\t-webkit-animation-name: fadeOutDown;\r\n\t-moz-animation-name: fadeOutDown;\r\n\t-o-animation-name: fadeOutDown;\r\n\tanimation-name: fadeOutDown;\r\n}\r\n@-webkit-keyframes fadeOutLeft {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(-20px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeOutLeft {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(-20px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeOutLeft {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(-20px);\r\n\t}\r\n}\r\n\r\n@keyframes fadeOutLeft {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(-20px);\r\n\t}\r\n}\r\n\r\n.fadeOutLeft {\r\n\t-webkit-animation-name: fadeOutLeft;\r\n\t-moz-animation-name: fadeOutLeft;\r\n\t-o-animation-name: fadeOutLeft;\r\n\tanimation-name: fadeOutLeft;\r\n}\r\n@-webkit-keyframes fadeOutRight {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(20px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeOutRight {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(20px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeOutRight {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(20px);\r\n\t}\r\n}\r\n\r\n@keyframes fadeOutRight {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(20px);\r\n\t}\r\n}\r\n\r\n.fadeOutRight {\r\n\t-webkit-animation-name: fadeOutRight;\r\n\t-moz-animation-name: fadeOutRight;\r\n\t-o-animation-name: fadeOutRight;\r\n\tanimation-name: fadeOutRight;\r\n}\r\n@-webkit-keyframes fadeOutUpBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeOutUpBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeOutUpBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n@keyframes fadeOutUpBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n.fadeOutUpBig {\r\n\t-webkit-animation-name: fadeOutUpBig;\r\n\t-moz-animation-name: fadeOutUpBig;\r\n\t-o-animation-name: fadeOutUpBig;\r\n\tanimation-name: fadeOutUpBig;\r\n}\r\n@-webkit-keyframes fadeOutDownBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeOutDownBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeOutDownBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(2000px);\r\n\t}\r\n}\r\n\r\n@keyframes fadeOutDownBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(2000px);\r\n\t}\r\n}\r\n\r\n.fadeOutDownBig {\r\n\t-webkit-animation-name: fadeOutDownBig;\r\n\t-moz-animation-name: fadeOutDownBig;\r\n\t-o-animation-name: fadeOutDownBig;\r\n\tanimation-name: fadeOutDownBig;\r\n}\r\n@-webkit-keyframes fadeOutLeftBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes fadeOutLeftBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes fadeOutLeftBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n@keyframes fadeOutLeftBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n.fadeOutLeftBig {\r\n\t-webkit-animation-name: fadeOutLeftBig;\r\n\t-moz-animation-name: fadeOutLeftBig;\r\n\t-o-animation-name: fadeOutLeftBig;\r\n\tanimation-name: fadeOutLeftBig;\r\n}\r\n@-webkit-keyframes fadeOutRightBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(2000px);\r\n\t}\r\n}\r\n@-moz-keyframes fadeOutRightBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(2000px);\r\n\t}\r\n}\r\n@-o-keyframes fadeOutRightBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(2000px);\r\n\t}\r\n}\r\n@keyframes fadeOutRightBig {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(2000px);\r\n\t}\r\n}\r\n\r\n.fadeOutRightBig {\r\n\t-webkit-animation-name: fadeOutRightBig;\r\n\t-moz-animation-name: fadeOutRightBig;\r\n\t-o-animation-name: fadeOutRightBig;\r\n\tanimation-name: fadeOutRightBig;\r\n}\r\n@-webkit-keyframes slideInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(-2000px);\r\n\t}\r\n\r\n\t100% {\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes slideInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(-2000px);\r\n\t}\r\n\r\n\t100% {\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes slideInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(-2000px);\r\n\t}\r\n\r\n\t100% {\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@keyframes slideInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-2000px);\r\n\t}\r\n\r\n\t100% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n.slideInDown {\r\n\t-webkit-animation-name: slideInDown;\r\n\t-moz-animation-name: slideInDown;\r\n\t-o-animation-name: slideInDown;\r\n\tanimation-name: slideInDown;\r\n}\r\n@-webkit-keyframes slideInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes slideInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes slideInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@keyframes slideInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n}\r\n\r\n.slideInLeft {\r\n\t-webkit-animation-name: slideInLeft;\r\n\t-moz-animation-name: slideInLeft;\r\n\t-o-animation-name: slideInLeft;\r\n\tanimation-name: slideInLeft;\r\n}\r\n@-webkit-keyframes slideInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes slideInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes slideInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@keyframes slideInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(2000px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n}\r\n\r\n.slideInRight {\r\n\t-webkit-animation-name: slideInRight;\r\n\t-moz-animation-name: slideInRight;\r\n\t-o-animation-name: slideInRight;\r\n\tanimation-name: slideInRight;\r\n}\r\n@-webkit-keyframes slideOutUp {\r\n\t0% {\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes slideOutUp {\r\n\t0% {\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes slideOutUp {\r\n\t0% {\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n@keyframes slideOutUp {\r\n\t0% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n.slideOutUp {\r\n\t-webkit-animation-name: slideOutUp;\r\n\t-moz-animation-name: slideOutUp;\r\n\t-o-animation-name: slideOutUp;\r\n\tanimation-name: slideOutUp;\r\n}\r\n@-webkit-keyframes slideOutLeft {\r\n\t0% {\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes slideOutLeft {\r\n\t0% {\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes slideOutLeft {\r\n\t0% {\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n@keyframes slideOutLeft {\r\n\t0% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n.slideOutLeft {\r\n\t-webkit-animation-name: slideOutLeft;\r\n\t-moz-animation-name: slideOutLeft;\r\n\t-o-animation-name: slideOutLeft;\r\n\tanimation-name: slideOutLeft;\r\n}\r\n@-webkit-keyframes slideOutRight {\r\n\t0% {\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes slideOutRight {\r\n\t0% {\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes slideOutRight {\r\n\t0% {\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(2000px);\r\n\t}\r\n}\r\n\r\n@keyframes slideOutRight {\r\n\t0% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(2000px);\r\n\t}\r\n}\r\n\r\n.slideOutRight {\r\n\t-webkit-animation-name: slideOutRight;\r\n\t-moz-animation-name: slideOutRight;\r\n\t-o-animation-name: slideOutRight;\r\n\tanimation-name: slideOutRight;\r\n}\r\n@-webkit-keyframes bounceIn {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: scale(.3);\r\n\t}\r\n\t\r\n\t50% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: scale(1.05);\r\n\t}\r\n\t\r\n\t70% {\r\n\t\t-webkit-transform: scale(.9);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform: scale(1);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes bounceIn {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: scale(.3);\r\n\t}\r\n\t\r\n\t50% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: scale(1.05);\r\n\t}\r\n\t\r\n\t70% {\r\n\t\t-moz-transform: scale(.9);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform: scale(1);\r\n\t}\r\n}\r\n\r\n@-o-keyframes bounceIn {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: scale(.3);\r\n\t}\r\n\t\r\n\t50% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: scale(1.05);\r\n\t}\r\n\t\r\n\t70% {\r\n\t\t-o-transform: scale(.9);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform: scale(1);\r\n\t}\r\n}\r\n\r\n@keyframes bounceIn {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: scale(.3);\r\n\t}\r\n\t\r\n\t50% {\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1.05);\r\n\t}\r\n\t\r\n\t70% {\r\n\t\ttransform: scale(.9);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n}\r\n\r\n.bounceIn {\r\n\t-webkit-animation-name: bounceIn;\r\n\t-moz-animation-name: bounceIn;\r\n\t-o-animation-name: bounceIn;\r\n\tanimation-name: bounceIn;\r\n}\r\n@-webkit-keyframes bounceInUp {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(-30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-webkit-transform: translateY(10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n}\r\n@-moz-keyframes bounceInUp {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(-30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-moz-transform: translateY(10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes bounceInUp {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(-30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-o-transform: translateY(10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@keyframes bounceInUp {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(-30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\ttransform: translateY(10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n.bounceInUp {\r\n\t-webkit-animation-name: bounceInUp;\r\n\t-moz-animation-name: bounceInUp;\r\n\t-o-animation-name: bounceInUp;\r\n\tanimation-name: bounceInUp;\r\n}\r\n@-webkit-keyframes bounceInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(-2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-webkit-transform: translateY(-10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes bounceInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(-2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-moz-transform: translateY(-10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes bounceInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(-2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-o-transform: translateY(-10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@keyframes bounceInDown {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\ttransform: translateY(-10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n.bounceInDown {\r\n\t-webkit-animation-name: bounceInDown;\r\n\t-moz-animation-name: bounceInDown;\r\n\t-o-animation-name: bounceInDown;\r\n\tanimation-name: bounceInDown;\r\n}\r\n@-webkit-keyframes bounceInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-webkit-transform: translateX(-10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes bounceInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-moz-transform: translateX(-10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes bounceInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-o-transform: translateX(-10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@keyframes bounceInLeft {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(-2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\ttransform: translateX(-10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n}\r\n\r\n.bounceInLeft {\r\n\t-webkit-animation-name: bounceInLeft;\r\n\t-moz-animation-name: bounceInLeft;\r\n\t-o-animation-name: bounceInLeft;\r\n\tanimation-name: bounceInLeft;\r\n}\r\n@-webkit-keyframes bounceInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(-30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-webkit-transform: translateX(10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes bounceInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(-30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-moz-transform: translateX(10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes bounceInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(-30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\t-o-transform: translateX(10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n}\r\n\r\n@keyframes bounceInRight {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(2000px);\r\n\t}\r\n\t\r\n\t60% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(-30px);\r\n\t}\r\n\t\r\n\t80% {\r\n\t\ttransform: translateX(10px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n}\r\n\r\n.bounceInRight {\r\n\t-webkit-animation-name: bounceInRight;\r\n\t-moz-animation-name: bounceInRight;\r\n\t-o-animation-name: bounceInRight;\r\n\tanimation-name: bounceInRight;\r\n}\r\n@-webkit-keyframes bounceOut {\r\n\t0% {\r\n\t\t-webkit-transform: scale(1);\r\n\t}\r\n\t\r\n\t25% {\r\n\t\t-webkit-transform: scale(.95);\r\n\t}\r\n\t\r\n\t50% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: scale(1.1);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: scale(.3);\r\n\t}\t\r\n}\r\n\r\n@-moz-keyframes bounceOut {\r\n\t0% {\r\n\t\t-moz-transform: scale(1);\r\n\t}\r\n\t\r\n\t25% {\r\n\t\t-moz-transform: scale(.95);\r\n\t}\r\n\t\r\n\t50% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: scale(1.1);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: scale(.3);\r\n\t}\t\r\n}\r\n\r\n@-o-keyframes bounceOut {\r\n\t0% {\r\n\t\t-o-transform: scale(1);\r\n\t}\r\n\t\r\n\t25% {\r\n\t\t-o-transform: scale(.95);\r\n\t}\r\n\t\r\n\t50% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: scale(1.1);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: scale(.3);\r\n\t}\t\r\n}\r\n\r\n@keyframes bounceOut {\r\n\t0% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n\t\r\n\t25% {\r\n\t\ttransform: scale(.95);\r\n\t}\r\n\t\r\n\t50% {\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1.1);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: scale(.3);\r\n\t}\t\r\n}\r\n\r\n.bounceOut {\r\n\t-webkit-animation-name: bounceOut;\r\n\t-moz-animation-name: bounceOut;\r\n\t-o-animation-name: bounceOut;\r\n\tanimation-name: bounceOut;\r\n}\r\n@-webkit-keyframes bounceOutUp {\r\n\t0% {\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes bounceOutUp {\r\n\t0% {\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes bounceOutUp {\r\n\t0% {\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n@keyframes bounceOutUp {\r\n\t0% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(-2000px);\r\n\t}\r\n}\r\n\r\n.bounceOutUp {\r\n\t-webkit-animation-name: bounceOutUp;\r\n\t-moz-animation-name: bounceOutUp;\r\n\t-o-animation-name: bounceOutUp;\r\n\tanimation-name: bounceOutUp;\r\n}\r\n@-webkit-keyframes bounceOutDown {\r\n\t0% {\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateY(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateY(2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes bounceOutDown {\r\n\t0% {\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateY(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateY(2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes bounceOutDown {\r\n\t0% {\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateY(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateY(2000px);\r\n\t}\r\n}\r\n\r\n@keyframes bounceOutDown {\r\n\t0% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(2000px);\r\n\t}\r\n}\r\n\r\n.bounceOutDown {\r\n\t-webkit-animation-name: bounceOutDown;\r\n\t-moz-animation-name: bounceOutDown;\r\n\t-o-animation-name: bounceOutDown;\r\n\tanimation-name: bounceOutDown;\r\n}\r\n@-webkit-keyframes bounceOutLeft {\r\n\t0% {\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes bounceOutLeft {\r\n\t0% {\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes bounceOutLeft {\r\n\t0% {\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n@keyframes bounceOutLeft {\r\n\t0% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(-2000px);\r\n\t}\r\n}\r\n\r\n.bounceOutLeft {\r\n\t-webkit-animation-name: bounceOutLeft;\r\n\t-moz-animation-name: bounceOutLeft;\r\n\t-o-animation-name: bounceOutLeft;\r\n\tanimation-name: bounceOutLeft;\r\n}\r\n@-webkit-keyframes bounceOutRight {\r\n\t0% {\r\n\t\t-webkit-transform: translateX(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(2000px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes bounceOutRight {\r\n\t0% {\r\n\t\t-moz-transform: translateX(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(2000px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes bounceOutRight {\r\n\t0% {\r\n\t\t-o-transform: translateX(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(2000px);\r\n\t}\r\n}\r\n\r\n@keyframes bounceOutRight {\r\n\t0% {\r\n\t\ttransform: translateX(0);\r\n\t}\r\n\t\r\n\t20% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(-20px);\r\n\t}\r\n\t\r\n\t100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(2000px);\r\n\t}\r\n}\r\n\r\n.bounceOutRight {\r\n\t-webkit-animation-name: bounceOutRight;\r\n\t-moz-animation-name: bounceOutRight;\r\n\t-o-animation-name: bounceOutRight;\r\n\tanimation-name: bounceOutRight;\r\n}\r\n@-webkit-keyframes rotateIn {\r\n\t0% {\r\n\t\t-webkit-transform-origin: center center;\r\n\t\t-webkit-transform: rotate(-200deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: center center;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n@-moz-keyframes rotateIn {\r\n\t0% {\r\n\t\t-moz-transform-origin: center center;\r\n\t\t-moz-transform: rotate(-200deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: center center;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n@-o-keyframes rotateIn {\r\n\t0% {\r\n\t\t-o-transform-origin: center center;\r\n\t\t-o-transform: rotate(-200deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: center center;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n@keyframes rotateIn {\r\n\t0% {\r\n\t\ttransform-origin: center center;\r\n\t\ttransform: rotate(-200deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform-origin: center center;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n.rotateIn {\r\n\t-webkit-animation-name: rotateIn;\r\n\t-moz-animation-name: rotateIn;\r\n\t-o-animation-name: rotateIn;\r\n\tanimation-name: rotateIn;\r\n}\r\n@-webkit-keyframes rotateInUpLeft {\r\n\t0% {\r\n\t\t-webkit-transform-origin: left bottom;\r\n\t\t-webkit-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: left bottom;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rotateInUpLeft {\r\n\t0% {\r\n\t\t-moz-transform-origin: left bottom;\r\n\t\t-moz-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: left bottom;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@-o-keyframes rotateInUpLeft {\r\n\t0% {\r\n\t\t-o-transform-origin: left bottom;\r\n\t\t-o-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: left bottom;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@keyframes rotateInUpLeft {\r\n\t0% {\r\n\t\ttransform-origin: left bottom;\r\n\t\ttransform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform-origin: left bottom;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n.rotateInUpLeft {\r\n\t-webkit-animation-name: rotateInUpLeft;\r\n\t-moz-animation-name: rotateInUpLeft;\r\n\t-o-animation-name: rotateInUpLeft;\r\n\tanimation-name: rotateInUpLeft;\r\n}\r\n@-webkit-keyframes rotateInDownLeft {\r\n\t0% {\r\n\t\t-webkit-transform-origin: left bottom;\r\n\t\t-webkit-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: left bottom;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rotateInDownLeft {\r\n\t0% {\r\n\t\t-moz-transform-origin: left bottom;\r\n\t\t-moz-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: left bottom;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@-o-keyframes rotateInDownLeft {\r\n\t0% {\r\n\t\t-o-transform-origin: left bottom;\r\n\t\t-o-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: left bottom;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@keyframes rotateInDownLeft {\r\n\t0% {\r\n\t\ttransform-origin: left bottom;\r\n\t\ttransform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform-origin: left bottom;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n.rotateInDownLeft {\r\n\t-webkit-animation-name: rotateInDownLeft;\r\n\t-moz-animation-name: rotateInDownLeft;\r\n\t-o-animation-name: rotateInDownLeft;\r\n\tanimation-name: rotateInDownLeft;\r\n}\r\n@-webkit-keyframes rotateInUpRight {\r\n\t0% {\r\n\t\t-webkit-transform-origin: right bottom;\r\n\t\t-webkit-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: right bottom;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rotateInUpRight {\r\n\t0% {\r\n\t\t-moz-transform-origin: right bottom;\r\n\t\t-moz-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: right bottom;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@-o-keyframes rotateInUpRight {\r\n\t0% {\r\n\t\t-o-transform-origin: right bottom;\r\n\t\t-o-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: right bottom;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@keyframes rotateInUpRight {\r\n\t0% {\r\n\t\ttransform-origin: right bottom;\r\n\t\ttransform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform-origin: right bottom;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n.rotateInUpRight {\r\n\t-webkit-animation-name: rotateInUpRight;\r\n\t-moz-animation-name: rotateInUpRight;\r\n\t-o-animation-name: rotateInUpRight;\r\n\tanimation-name: rotateInUpRight;\r\n}\r\n@-webkit-keyframes rotateInDownRight {\r\n\t0% {\r\n\t\t-webkit-transform-origin: right bottom;\r\n\t\t-webkit-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: right bottom;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rotateInDownRight {\r\n\t0% {\r\n\t\t-moz-transform-origin: right bottom;\r\n\t\t-moz-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: right bottom;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@-o-keyframes rotateInDownRight {\r\n\t0% {\r\n\t\t-o-transform-origin: right bottom;\r\n\t\t-o-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: right bottom;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@keyframes rotateInDownRight {\r\n\t0% {\r\n\t\ttransform-origin: right bottom;\r\n\t\ttransform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform-origin: right bottom;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n.rotateInDownRight {\r\n\t-webkit-animation-name: rotateInDownRight;\r\n\t-moz-animation-name: rotateInDownRight;\r\n\t-o-animation-name: rotateInDownRight;\r\n\tanimation-name: rotateInDownRight;\r\n}\r\n@-webkit-keyframes rotateOut {\r\n\t0% {\r\n\t\t-webkit-transform-origin: center center;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: center center;\r\n\t\t-webkit-transform: rotate(200deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rotateOut {\r\n\t0% {\r\n\t\t-moz-transform-origin: center center;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: center center;\r\n\t\t-moz-transform: rotate(200deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-o-keyframes rotateOut {\r\n\t0% {\r\n\t\t-o-transform-origin: center center;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: center center;\r\n\t\t-o-transform: rotate(200deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes rotateOut {\r\n\t0% {\r\n\t\ttransform-origin: center center;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform-origin: center center;\r\n\t\ttransform: rotate(200deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n.rotateOut {\r\n\t-webkit-animation-name: rotateOut;\r\n\t-moz-animation-name: rotateOut;\r\n\t-o-animation-name: rotateOut;\r\n\tanimation-name: rotateOut;\r\n}\r\n@-webkit-keyframes rotateOutUpLeft {\r\n\t0% {\r\n\t\t-webkit-transform-origin: left bottom;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: left bottom;\r\n\t\t-webkit-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rotateOutUpLeft {\r\n\t0% {\r\n\t\t-moz-transform-origin: left bottom;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: left bottom;\r\n\t\t-moz-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-o-keyframes rotateOutUpLeft {\r\n\t0% {\r\n\t\t-o-transform-origin: left bottom;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: left bottom;\r\n\t\t-o-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes rotateOutUpLeft {\r\n\t0% {\r\n\t\ttransform-origin: left bottom;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-transform-origin: left bottom;\r\n\t\t-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n.rotateOutUpLeft {\r\n\t-webkit-animation-name: rotateOutUpLeft;\r\n\t-moz-animation-name: rotateOutUpLeft;\r\n\t-o-animation-name: rotateOutUpLeft;\r\n\tanimation-name: rotateOutUpLeft;\r\n}\r\n@-webkit-keyframes rotateOutDownLeft {\r\n\t0% {\r\n\t\t-webkit-transform-origin: left bottom;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: left bottom;\r\n\t\t-webkit-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rotateOutDownLeft {\r\n\t0% {\r\n\t\t-moz-transform-origin: left bottom;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: left bottom;\r\n\t\t-moz-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-o-keyframes rotateOutDownLeft {\r\n\t0% {\r\n\t\t-o-transform-origin: left bottom;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: left bottom;\r\n\t\t-o-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes rotateOutDownLeft {\r\n\t0% {\r\n\t\ttransform-origin: left bottom;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform-origin: left bottom;\r\n\t\ttransform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n.rotateOutDownLeft {\r\n\t-webkit-animation-name: rotateOutDownLeft;\r\n\t-moz-animation-name: rotateOutDownLeft;\r\n\t-o-animation-name: rotateOutDownLeft;\r\n\tanimation-name: rotateOutDownLeft;\r\n}\r\n@-webkit-keyframes rotateOutUpRight {\r\n\t0% {\r\n\t\t-webkit-transform-origin: right bottom;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: right bottom;\r\n\t\t-webkit-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rotateOutUpRight {\r\n\t0% {\r\n\t\t-moz-transform-origin: right bottom;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: right bottom;\r\n\t\t-moz-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-o-keyframes rotateOutUpRight {\r\n\t0% {\r\n\t\t-o-transform-origin: right bottom;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: right bottom;\r\n\t\t-o-transform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes rotateOutUpRight {\r\n\t0% {\r\n\t\ttransform-origin: right bottom;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform-origin: right bottom;\r\n\t\ttransform: rotate(90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n.rotateOutUpRight {\r\n\t-webkit-animation-name: rotateOutUpRight;\r\n\t-moz-animation-name: rotateOutUpRight;\r\n\t-o-animation-name: rotateOutUpRight;\r\n\tanimation-name: rotateOutUpRight;\r\n}\r\n@-webkit-keyframes rotateOutDownRight {\r\n\t0% {\r\n\t\t-webkit-transform-origin: right bottom;\r\n\t\t-webkit-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-webkit-transform-origin: right bottom;\r\n\t\t-webkit-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rotateOutDownRight {\r\n\t0% {\r\n\t\t-moz-transform-origin: right bottom;\r\n\t\t-moz-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-moz-transform-origin: right bottom;\r\n\t\t-moz-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@-o-keyframes rotateOutDownRight {\r\n\t0% {\r\n\t\t-o-transform-origin: right bottom;\r\n\t\t-o-transform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\t-o-transform-origin: right bottom;\r\n\t\t-o-transform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes rotateOutDownRight {\r\n\t0% {\r\n\t\ttransform-origin: right bottom;\r\n\t\ttransform: rotate(0);\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t100% {\r\n\t\ttransform-origin: right bottom;\r\n\t\ttransform: rotate(-90deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n.rotateOutDownRight {\r\n\t-webkit-animation-name: rotateOutDownRight;\r\n\t-moz-animation-name: rotateOutDownRight;\r\n\t-o-animation-name: rotateOutDownRight;\r\n\tanimation-name: rotateOutDownRight;\r\n}\r\n@-webkit-keyframes lightSpeedIn {\r\n\t0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }\r\n\t60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }\r\n\t80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }\r\n\t100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }\r\n}\r\n\r\n@-moz-keyframes lightSpeedIn {\r\n\t0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }\r\n\t60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }\r\n\t80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }\r\n\t100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }\r\n}\r\n\r\n@-o-keyframes lightSpeedIn {\r\n\t0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }\r\n\t60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }\r\n\t80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }\r\n\t100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }\r\n}\r\n\r\n@keyframes lightSpeedIn {\r\n\t0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }\r\n\t60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }\r\n\t80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }\r\n\t100% { transform: translateX(0%) skewX(0deg); opacity: 1; }\r\n}\r\n\r\n.lightSpeedIn {\r\n -webkit-animation-name: lightSpeedIn;\r\n -moz-animation-name: lightSpeedIn;\r\n -o-animation-name: lightSpeedIn;\r\n animation-name: lightSpeedIn;\r\n\r\n -webkit-animation-timing-function: ease-out;\r\n -moz-animation-timing-function: ease-out;\r\n -o-animation-timing-function: ease-out;\r\n animation-timing-function: ease-out;\r\n}\r\n@-webkit-keyframes lightSpeedOut {\r\n 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }\r\n\t100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }\r\n}\r\n\r\n@-moz-keyframes lightSpeedOut {\r\n\t0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }\r\n\t100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }\r\n}\r\n\r\n@-o-keyframes lightSpeedOut {\r\n\t0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }\r\n\t100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }\r\n}\r\n\r\n@keyframes lightSpeedOut {\r\n\t0% { transform: translateX(0%) skewX(0deg); opacity: 1; }\r\n\t100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }\r\n}\r\n\r\n.lightSpeedOut {\r\n -webkit-animation-name: lightSpeedOut;\r\n -moz-animation-name: lightSpeedOut;\r\n -o-animation-name: lightSpeedOut;\r\n animation-name: lightSpeedOut;\r\n\r\n -webkit-animation-timing-function: ease-in;\r\n -moz-animation-timing-function: ease-in;\r\n -o-animation-timing-function: ease-in;\r\n animation-timing-function: ease-in;\r\n}\r\n@-webkit-keyframes hinge {\r\n\t0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }\t\r\n\t20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }\t\r\n\t40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }\t\r\n\t80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }\t\r\n\t100% { -webkit-transform: translateY(700px); opacity: 0; }\r\n}\r\n\r\n@-moz-keyframes hinge {\r\n\t0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }\t\r\n\t20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }\t\r\n\t40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }\t\r\n\t80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }\t\r\n\t100% { -moz-transform: translateY(700px); opacity: 0; }\r\n}\r\n\r\n@-o-keyframes hinge {\r\n\t0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }\t\r\n\t20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }\t\r\n\t40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }\t\r\n\t80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }\t\r\n\t100% { -o-transform: translateY(700px); opacity: 0; }\r\n}\r\n\r\n@keyframes hinge {\r\n\t0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }\t\r\n\t20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }\t\r\n\t40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }\t\r\n\t80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }\t\r\n\t100% { transform: translateY(700px); opacity: 0; }\r\n}\r\n\r\n.hinge {\r\n\t-webkit-animation-name: hinge;\r\n\t-moz-animation-name: hinge;\r\n\t-o-animation-name: hinge;\r\n\tanimation-name: hinge;\r\n}\r\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\r\n\r\n@-webkit-keyframes rollIn {\r\n\t0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }\r\n\t100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }\r\n}\r\n\r\n@-moz-keyframes rollIn {\r\n\t0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }\r\n\t100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }\r\n}\r\n\r\n@-o-keyframes rollIn {\r\n\t0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }\r\n\t100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }\r\n}\r\n\r\n@keyframes rollIn {\r\n\t0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }\r\n\t100% { opacity: 1; transform: translateX(0px) rotate(0deg); }\r\n}\r\n\r\n.rollIn {\r\n\t-webkit-animation-name: rollIn;\r\n\t-moz-animation-name: rollIn;\r\n\t-o-animation-name: rollIn;\r\n\tanimation-name: rollIn;\r\n}\r\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\r\n\r\n@-webkit-keyframes rollOut {\r\n 0% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translateX(0px) rotate(0deg);\r\n\t}\r\n\r\n 100% {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translateX(100%) rotate(120deg);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes rollOut {\r\n 0% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: translateX(0px) rotate(0deg);\r\n\t}\r\n\r\n 100% {\r\n\t\topacity: 0;\r\n\t\t-moz-transform: translateX(100%) rotate(120deg);\r\n\t}\r\n}\r\n\r\n@-o-keyframes rollOut {\r\n 0% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: translateX(0px) rotate(0deg);\r\n\t}\r\n\r\n 100% {\r\n\t\topacity: 0;\r\n\t\t-o-transform: translateX(100%) rotate(120deg);\r\n\t}\r\n}\r\n\r\n@keyframes rollOut {\r\n 0% {\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0px) rotate(0deg);\r\n\t}\r\n\r\n 100% {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(100%) rotate(120deg);\r\n\t}\r\n}\r\n\r\n.rollOut {\r\n\t-webkit-animation-name: rollOut;\r\n\t-moz-animation-name: rollOut;\r\n\t-o-animation-name: rollOut;\r\n\tanimation-name: rollOut;\r\n}\r\n","@use \"animate\";\r\nhtml, 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 {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tfont-size: 100%;\r\n\tfont: inherit;\r\n\tvertical-align: baseline; }\r\n\r\n/* HTML5 display-role reset for older browsers */\r\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\r\n\tdisplay: block; }\r\n\r\nbody {\r\n\tline-height: 1; }\r\n\r\nol, ul {\r\n\tlist-style: none; }\r\n\r\nblockquote, q {\r\n\tquotes: none; }\r\n\r\nblockquote:before, blockquote:after {\r\n\tcontent: '';\r\n\tcontent: none; }\r\n\r\nq:before, q:after {\r\n\tcontent: '';\r\n\tcontent: none; }\r\n\r\ntable {\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0; }\r\n\r\nbody {\r\n\twidth: 100%;\r\n\t*zoom: 1; }\r\n\tbody:before, body:after {\r\n\t\tcontent: \"\";\r\n\t\tdisplay: table; }\r\n\tbody:after {\r\n\t\tclear: both; }\r\n\r\nhtml, body {\r\n\theight: 100%; \r\n\tbackground-color: #151515;}\r\n\r\nhtml {\r\n\theight: 100%;\r\n\tmax-height: 100%; }\r\n\r\nbody {\r\n\tfont-family: \"Raleway\", sans-serif;\r\n\tfont-size: 1em;\r\n\tcolor: #d8d8d8; }\r\n\r\n::selection {\r\n\tbackground: #fae3df; }\r\n\r\n::-moz-selection {\r\n\tbackground: #fae3df; }\r\n\r\na {\r\n\ttext-decoration: none;\r\n\tcolor: #eeeeee; } //text color\r\n\ta:hover {\r\n\t\tcolor: #1c7fb9; //hover color\r\n\t\t-o-transition: .5s;\r\n\t\t-ms-transition: .5s;\r\n\t\t-moz-transition: .5s;\r\n\t\t-webkit-transition: .5s; }\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh5 {\r\n\tmargin-top: .8em;\r\n\tmargin-bottom: .4em;\r\n\tfont-family: \"Roboto Slab\", serif;\r\n\tfont-weight: lighter;\r\n\tcolor: #e1e1e1;\r\n\t-webkit-font-smoothing: antialiased; }\r\n\r\nh1 {\r\n\tmargin-top: 0;\r\n\tfont-size: 3.2em;\r\n\tline-height: 1.2em;\r\n\tletter-spacing: .05em; }\r\n\r\nh2 {\r\n\tfont-size: 2.2em; }\r\n\r\nh3 {\r\n\tfont-size: 1.8em; }\r\n\r\nh4 {\r\n\tfont-size: 1.4em; }\r\n\r\nh4 {\r\n\tfont-size: 1.2em; }\r\n\r\nh5 {\r\n\tfont-size: 1em; }\r\n\r\np {\r\n\tmargin-bottom: 1.3em;\r\n\tline-height: 1.7em; }\r\n\r\nstrong {\r\n\tfont-weight: bold; }\r\n\r\nem {\r\n\tfont-style: italic; }\r\n\r\nblockquote {\r\n\tmargin: 1em 0;\r\n\tpadding: 2em 0;\r\n\tbackground: #f8f8f8;\r\n\tborder: 1px solid #eeeeee;\r\n\tborder-radius: 3px;\r\n\tfont-family: \"Roboto Slab\", serif;\r\n\tfont-weight: lighter;\r\n\tfont-style: italic;\r\n\tfont-size: 1.3em;\r\n\ttext-align: center; }\r\n\tblockquote p:last-child {\r\n\t\tmargin-bottom: 0; }\r\n\r\nol, ul {\r\n\tmargin: 0 0 1.3em 2.5em; }\r\n\tol li, ul li {\r\n\t\tmargin: 0 0 .2em 0;\r\n\t\tline-height: 1.6em; }\r\n\tol ol, ol ul, ul ol, ul ul {\r\n\t\tmargin: .1em 0 .2em 2em; }\r\n\r\nol {\r\n\tlist-style-type: decimal; }\r\n\r\nul {\r\n\tlist-style-type: disc; }\r\n\r\ncode {\r\n\tpadding: .1em .4em;\r\n\tbackground: #e8f2fb;\r\n\tborder: 1px solid #c9e1f6;\r\n\tborder-radius: 3px;\r\n\tfont-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;\r\n\tfont-size: .85em; }\r\n\r\npre {\r\n\tmargin-bottom: 1.3em;\r\n\t/* padding: 1em 2.5%;\r\n\tbackground: #e8f2fb;\r\n\tborder: 1px solid #c9e1f6; */\r\n\tborder-radius: 3px;\r\n\tfont-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;\r\n\tfont-size: .9em;\r\n\tfont-weight: normal;\r\n\tline-height: 1.3em; }\r\n\tpre code {\r\n\t\tpadding: 0;\r\n\t\tbackground: none;\r\n\t\tborder: none; }\r\n\r\n.date,\r\n.time,\r\n.author,\r\n.tags {\r\n\tfont-size: .8em;\r\n\tcolor: #c7c7c7; }\r\n\t.date a,\r\n\t.time a,\r\n\t.author a,\r\n\t.tags a {\r\n\t\tcolor: #666666; }\r\n\t\t.date a:hover,\r\n\t\t.time a:hover,\r\n\t\t.author a:hover,\r\n\t\t.tags a:hover {\r\n\t\t\tcolor: #b9301c; }\r\n\r\n\r\n.excerpt {\r\n\tmargin: 0;\r\n\tfont-size: .9em;\r\n\tcolor: #999999; }\r\n\r\n.intro {\r\n\tfont-family: \"Roboto Slab\", serif;\r\n\tfont-size: 1.2em;\r\n\tfont-weight: lighter;\r\n\tcolor: #999999; }\r\n\r\n.block-heading {\r\n\tdisplay: inline;\r\n\tfloat: left;\r\n\twidth: 940px;\r\n\tmargin: 0 10px;\r\n\tposition: relative;\r\n\tbottom: -15px;\r\n\tfont-size: .8em;\r\n\tfont-weight: bold;\r\n\ttext-align: center;\r\n\ttext-transform: uppercase;\r\n\tletter-spacing: 1px; }\r\n\r\n.label {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tpadding: 8px 18px 9px 18px;\r\n\tbackground: #e25440;\r\n\tborder-radius: 3px;\r\n\ttext-align: center;\r\n\tcolor: #FFF; }\r\n\r\n.container {\r\n\tposition: relative;\r\n\tz-index: 500;\r\n\twidth: 940px;\r\n\tmargin: 0 auto; }\r\n\r\n.content-wrapper {\r\n\tz-index: 800;\r\n\twidth: 60%;\r\n\tmax-width: 800px;\r\n\tmargin-left: 40%; }\r\n\r\n.content-wrapper__inner {\r\n\tmargin: 0 10%;\r\n\tpadding: 50px 0; }\r\n\r\n.content-wrapper {\r\n display: flex;\r\n align-items: stretch; /* ensures the line spans full height */\r\n}\r\n\r\n.left-line {\r\n width: 3px; /* thickness of the line */\r\n background-color: #454545; /* color of the line */\r\n}\r\n\r\n.content-wrapper__inner {\r\n flex: 1; /* take remaining space */\r\n /* no padding needed unless you want spacing inside */\r\n}\r\n\r\n.footer {\r\n\tdisplay: block;\r\n\tpadding: 2em 0 0 0;\r\n\tborder-top: 2px solid #dddddd;\r\n\tfont-size: .7em;\r\n\tcolor: #b3b3b3; }\r\n\r\n.footer__copyright {\r\n\tdisplay: block;\r\n\tmargin-bottom: .7em; }\r\n\t.footer__copyright a {\r\n\t\tcolor: #a6a6a6;\r\n\t\ttext-decoration: underline; }\r\n\t\t.footer__copyright a:hover {\r\n\t\t\tcolor: #b9301c; }\r\n\r\n.avatar,\r\n.logo {\r\n\tborder-radius: 50%;\r\n\tborder: 3px solid #FFF;\r\n\tbox-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); \r\n\theight: 100px;}\r\n\r\n\r\nhr {\r\n\tborder: none; }\r\n\r\n.section-title__divider {\r\n\twidth: 30%;\r\n\tmargin: 2.2em 0 2.1em 0;\r\n\tborder-top: 1px solid #dddddd; }\r\n\r\n.post-comments {\r\n\tborder-top: 1px solid #dddddd;\r\n\tpadding: 60px 0; }\r\n\r\n.post-meta {\r\n\tmargin: 0 0 .4em 0;\r\n\tcolor: #c7c7c7; }\r\n\r\n.post-meta__date {\r\n\tmargin-right: .5em; }\r\n\r\n.post-meta__tags {\r\n\tmargin-left: .4em; }\r\n\r\n.post-meta__author {\r\n\tmargin-left: 1.5em; }\r\n\r\n.post-meta__avatar {\r\n\tdisplay: inline-block;\r\n\twidth: 22px;\r\n\theight: 22px;\r\n\tmargin: 0 .3em -.4em 0;\r\n\tborder: none;\r\n\tbox-shadow: none; }\r\n\r\n.post img {\r\n\tmax-width: 100%;\r\n\tmargin: 0 auto;\r\n\tborder-radius: 3px;\r\n\ttext-align: center; }\r\n\r\n.post pre {\r\n\twidth: 95%; }\r\n\r\n.post hr {\r\n\tdisplay: block;\r\n\twidth: 30%;\r\n\tmargin: 2em 0;\r\n\tborder-top: 1px solid #dddddd; }\r\n\r\n.error-code {\r\n\tfont-size: 6em; }\r\n\r\n.panel {\r\n\tdisplay: table;\r\n\twidth: 100%;\r\n\theight: 100%; }\r\n\r\n.panel__vertical {\r\n\tdisplay: table-cell;\r\n\tvertical-align: middle; }\r\n\r\n.panel-title {\r\n\tmargin: 0 0 5px 0;\r\n\tfont-size: 2.5em;\r\n\tcolor: #FFF; }\r\n\r\n.panel-subtitle {\r\n\tfont-family: \"Roboto Slab\", serif;\r\n\tfont-size: 1.2em;\r\n\tfont-weight: lighter;\r\n\tletter-spacing: 3px;\r\n\tcolor: #cccccc;\r\n\t-webkit-font-smoothing: antialiased; }\r\n\r\n.panel-cover {\r\n\tdisplay: block;\r\n\tposition: fixed;\r\n\tz-index: 900;\r\n\twidth: 100%;\r\n\tmax-width: none;\r\n\theight: 100%;\r\n\tbackground: url(../images/background-cover.jpg) top left no-repeat #666666;\r\n\tbackground-size: cover; }\r\n\r\n.panel-cover--collapsed {\r\n\twidth: 40%;\r\n\tmax-width: 530px; }\r\n\r\n.panel-cover--overlay {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tz-index: 0;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tbackground-color: rgba(68, 68, 68, 0.6);\r\n\tbackground-image: -webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9));\r\n\tbackground-image: linear-gradient(140deg,rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); }\r\n\r\n.panel-cover__logo {\r\n\tmargin-bottom: .2em; }\r\n\r\n.panel-cover__description {\r\n\tmargin: 0 30px; }\r\n\r\n.panel-cover__divider {\r\n\twidth: 50%;\r\n\tmargin: 20px auto;\r\n\tborder-top: 2px solid rgba(255, 255, 255, 0.146); }\r\n\r\n.panel-cover__divider--secondary {\r\n\twidth: 15%; }\r\n\r\n.panel-main {\r\n\tdisplay: table;\r\n\twidth: 100%;\r\n\theight: 100%; }\r\n\r\n.no-js .panel-main {\r\n\twidth: 40%;\r\n\tmax-width: 530px; }\r\n\r\n.panel-main__inner {\r\n\tdisplay: table-cell;\r\n\tvertical-align: middle;\r\n\tposition: relative;\r\n\tz-index: 800;\r\n\tpadding: 0 60px; }\r\n\r\n.panel-main__content {\r\n\tmax-width: 620px;\r\n\tmargin: 0 auto; }\r\n\r\n.panel-main__content--fixed {\r\n\twidth: 480px;\r\n\ttransition: width 1s;\r\n\t-webkit-transition: width 1s;\r\n\t/* Safari */ }\r\n\r\n.panel-inverted {\r\n\tfont-weight: 100;\r\n\ttext-align: center;\r\n\tcolor: #FFF;\r\n\ttext-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }\r\n\t.panel-inverted a {\r\n\t\tcolor: #FFF; }\r\n\r\n.cover-navigation {\r\n\tmargin-top: 10px; }\r\n\r\n.cover-navigation--social {\r\n\tmargin-right: 30px; }\r\n\r\n.cover-green {\r\n\tbackground-color: rgba(21, 111, 120, 0.6);\r\n\tbackground-image: -webkit-linear-gradient(-410deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8));\r\n\tbackground-image: linear-gradient(140deg,rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8)); }\r\n\r\n.cover-purple {\r\n\tbackground-color: rgba(73, 50, 82, 0.6);\r\n\tbackground-image: -webkit-linear-gradient(-410deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8));\r\n\tbackground-image: linear-gradient(140deg,rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8)); }\r\n\r\n.cover-red {\r\n\tbackground-color: rgba(119, 31, 18, 0.6);\r\n\tbackground-image: -webkit-linear-gradient(-410deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8));\r\n\tbackground-image: linear-gradient(140deg,rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8)); }\r\n\r\n.cover-slate {\r\n\tbackground-color: rgba(61, 66, 96, 0.6);\r\n\tbackground-image: -webkit-linear-gradient(-410deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8));\r\n\tbackground-image: linear-gradient(140deg,rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8)); }\r\n\r\n.cover-disabled {\r\n\tbackground: none; }\r\n\r\n.btn, .navigation__item a {\r\n\tdisplay: inline-flex; /* enables flexbox */\r\n justify-content: center; /* horizontal centering */\r\n align-items: center; \r\n\tpadding: 10px 10px;\r\n\tborder: 2px solid #e25440;\r\n\tborder-radius: 5px;\r\n\tfont-size: .9em;\r\n\tfont-weight: bold;\r\n\tletter-spacing: 1px;\r\n\ttext-shadow: none;\r\n\tcolor: #e25440;\r\n\t-webkit-font-smoothing: antialiased; }\r\n\t.btn:hover, .navigation__item a:hover {\r\n\t\tcolor: #b9301c;\r\n\t\tborder-color: #b9301c; }\r\n\r\n.btn-secondary {\r\n\tborder-color: #5ba4e5;\r\n\tcolor: #5ba4e5; }\r\n\t.btn-secondary:hover {\r\n\t\tcolor: #217fd2;\r\n\t\tborder-color: #217fd2; }\r\n\r\n.btn-tertiary {\r\n\tborder-color: #999999;\r\n\tcolor: #999999; }\r\n\t.btn-tertiary:hover {\r\n\t\tcolor: #737373;\r\n\t\tborder-color: #737373; }\r\n\r\n.btn-large {\r\n\tpadding: 10px 24px;\r\n\tfont-size: 1.1em; }\r\n\r\n.btn-small {\r\n\tpadding: 8px 12px;\r\n\tfont-size: .7em; }\r\n\r\n.btn-mobile-menu {\r\n\tdisplay: none;\r\n\tposition: fixed;\r\n\tz-index: 9999;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 42px;\r\n\tbackground: rgba(0, 0, 0, 0.40);\r\n\tborder-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n\ttext-align: center; }\r\n\r\n.btn-mobile-menu__icon,\r\n.btn-mobile-close__icon {\r\n\tposition: relative;\r\n\ttop: 3px;\r\n\tfont-size: 36px;\r\n\tcolor: #FFF; }\r\n\r\nnav {\r\n\tdisplay: inline-block;\r\n\tposition: relative; }\r\n\r\n.navigation {\r\n\tjustify-content: center;\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\tmargin: 0;\r\n\tlist-style-type: none; }\r\n\r\n.navigation__item {\r\n\tdisplay: inline-block;\r\n\tmargin: 6px 6px 0 0;\r\n\tline-height: 1em; }\r\n\t.navigation__item a {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\tborder-color: #FFF;\r\n\t\tcolor: #FFF;\r\n\t\topacity: .8; }\r\n\t\t.navigation__item a:hover {\r\n\t\t\tcolor: #FFF;\r\n\t\t\tborder-color: #FFF;\r\n\t\t\topacity: 1; }\r\n\r\n.navigation--social {\r\n\tmargin-right: 1.5em; }\r\n\t.navigation--social a {\r\n\t\tpadding: 8px 8px 8px 8px; }\r\n\t\t.navigation--social a .label {\r\n\t\t\tdisplay: none; }\r\n\t\t.navigation--social a .icon {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: 1.7em; }\r\n\r\n.pagination {\r\n\tdisplay: block;\r\n\tmargin: 0 0 4em 0; }\r\n\r\n.pagination__page-number {\r\n\tmargin: 0;\r\n\tfont-size: .8em;\r\n\tcolor: #999999; }\r\n\r\n.pagination__newer {\r\n\tmargin-right: 1em; }\r\n\r\n.pagination__older {\r\n\tmargin-left: 1em; }\r\n\r\ni {\r\n\tfont-family: 'entypo';\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-size: 18px; }\r\n\r\n.icon-social {\r\n\tfont-family: 'entypo-social';\r\n\tfont-size: 22px;\r\n\tdisplay: block;\r\n\tposition: relative; }\r\n\r\n.post-list {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tlist-style-type: none;\r\n\ttext-align: left; }\r\n\t.post-list li {\r\n\t\tmargin: 0 0 2.2em 0; }\r\n\t\t.post-list li:last-child hr {\r\n\t\t\tdisplay: none; }\r\n\r\n.post-list__post-title {\r\n\tmargin-top: 0;\r\n\tmargin-bottom: .2em;\r\n\tfont-size: 1.5em;\r\n\tline-height: 1.3em; }\r\n\t.post-list__post-title a {\r\n\t\tcolor: #333333; }\r\n\t\t.post-list__post-title a:hover {\r\n\t\t\tcolor: #b9301c; }\r\n\r\n.post-list__meta {\r\n\tdisplay: block;\r\n\tmargin: .7em 0 0 0;\r\n\tfont-size: .9em;\r\n\tcolor: #c7c7c7; }\r\n\r\n.post-list__meta--date {\r\n\tmargin-right: .5em;\r\n\tcolor: #c7c7c7; }\r\n\r\n.post-list__meta--tags {\r\n\tmargin-left: .5em; }\r\n\r\n.post-list__divider {\r\n\twidth: 30%;\r\n\tmargin: 2.2em 0 2.1em 0;\r\n\tborder-top: 1px solid #dddddd; }\r\n\r\n*:focus {\r\n\toutline: none; }\r\n\r\ninput[type=\"text\"],\r\ninput[type=\"password\"],\r\ninput[type=\"datetime\"],\r\ninput[type=\"datetime-local\"],\r\ninput[type=\"date\"],\r\ninput[type=\"month\"],\r\ninput[type=\"time\"],\r\ninput[type=\"week\"],\r\ninput[type=\"number\"],\r\ninput[type=\"email\"],\r\ninput[type=\"url\"],\r\ninput[type=\"search\"],\r\ninput[type=\"tel\"] {\r\n\twidth: 240px;\r\n\tpadding: 1em 1em;\r\n\tbackground: #FFF;\r\n\tborder: 1px solid #dddddd;\r\n\tborder-radius: 3px;\r\n\tfont-size: .9em;\r\n\tcolor: #666666; }\r\n\tinput[type=\"text\"]:focus,\r\n\tinput[type=\"password\"]:focus,\r\n\tinput[type=\"datetime\"]:focus,\r\n\tinput[type=\"datetime-local\"]:focus,\r\n\tinput[type=\"date\"]:focus,\r\n\tinput[type=\"month\"]:focus,\r\n\tinput[type=\"time\"]:focus,\r\n\tinput[type=\"week\"]:focus,\r\n\tinput[type=\"number\"]:focus,\r\n\tinput[type=\"email\"]:focus,\r\n\tinput[type=\"url\"]:focus,\r\n\tinput[type=\"search\"]:focus,\r\n\tinput[type=\"tel\"]:focus {\r\n\t\tborder-color: #5ba4e5; }\r\n\tinput[type=\"text\"]::-webkit-input-placeholder,\r\n\tinput[type=\"password\"]::-webkit-input-placeholder,\r\n\tinput[type=\"datetime\"]::-webkit-input-placeholder,\r\n\tinput[type=\"datetime-local\"]::-webkit-input-placeholder,\r\n\tinput[type=\"date\"]::-webkit-input-placeholder,\r\n\tinput[type=\"month\"]::-webkit-input-placeholder,\r\n\tinput[type=\"time\"]::-webkit-input-placeholder,\r\n\tinput[type=\"week\"]::-webkit-input-placeholder,\r\n\tinput[type=\"number\"]::-webkit-input-placeholder,\r\n\tinput[type=\"email\"]::-webkit-input-placeholder,\r\n\tinput[type=\"url\"]::-webkit-input-placeholder,\r\n\tinput[type=\"search\"]::-webkit-input-placeholder,\r\n\tinput[type=\"tel\"]::-webkit-input-placeholder {\r\n\t\tcolor: #cccccc; }\r\n\tinput[type=\"text\"]::-moz-placeholder,\r\n\tinput[type=\"password\"]::-moz-placeholder,\r\n\tinput[type=\"datetime\"]::-moz-placeholder,\r\n\tinput[type=\"datetime-local\"]::-moz-placeholder,\r\n\tinput[type=\"date\"]::-moz-placeholder,\r\n\tinput[type=\"month\"]::-moz-placeholder,\r\n\tinput[type=\"time\"]::-moz-placeholder,\r\n\tinput[type=\"week\"]::-moz-placeholder,\r\n\tinput[type=\"number\"]::-moz-placeholder,\r\n\tinput[type=\"email\"]::-moz-placeholder,\r\n\tinput[type=\"url\"]::-moz-placeholder,\r\n\tinput[type=\"search\"]::-moz-placeholder,\r\n\tinput[type=\"tel\"]::-moz-placeholder {\r\n\t\tcolor: #cccccc; }\r\n\tinput[type=\"text\"]:-moz-placeholder,\r\n\tinput[type=\"password\"]:-moz-placeholder,\r\n\tinput[type=\"datetime\"]:-moz-placeholder,\r\n\tinput[type=\"datetime-local\"]:-moz-placeholder,\r\n\tinput[type=\"date\"]:-moz-placeholder,\r\n\tinput[type=\"month\"]:-moz-placeholder,\r\n\tinput[type=\"time\"]:-moz-placeholder,\r\n\tinput[type=\"week\"]:-moz-placeholder,\r\n\tinput[type=\"number\"]:-moz-placeholder,\r\n\tinput[type=\"email\"]:-moz-placeholder,\r\n\tinput[type=\"url\"]:-moz-placeholder,\r\n\tinput[type=\"search\"]:-moz-placeholder,\r\n\tinput[type=\"tel\"]:-moz-placeholder {\r\n\t\tcolor: #cccccc; }\r\n\tinput[type=\"text\"]:-ms-input-placeholder,\r\n\tinput[type=\"password\"]:-ms-input-placeholder,\r\n\tinput[type=\"datetime\"]:-ms-input-placeholder,\r\n\tinput[type=\"datetime-local\"]:-ms-input-placeholder,\r\n\tinput[type=\"date\"]:-ms-input-placeholder,\r\n\tinput[type=\"month\"]:-ms-input-placeholder,\r\n\tinput[type=\"time\"]:-ms-input-placeholder,\r\n\tinput[type=\"week\"]:-ms-input-placeholder,\r\n\tinput[type=\"number\"]:-ms-input-placeholder,\r\n\tinput[type=\"email\"]:-ms-input-placeholder,\r\n\tinput[type=\"url\"]:-ms-input-placeholder,\r\n\tinput[type=\"search\"]:-ms-input-placeholder,\r\n\tinput[type=\"tel\"]:-ms-input-placeholder {\r\n\t\tcolor: #cccccc; }\r\n\r\n@media all and (min-width: 1300px) {\r\n\t.content-wrapper {\r\n\t\tmargin-left: 530px; } }\r\n@media all and (max-width: 1100px) {\r\n\t.panel-cover__logo {\r\n\t\twidth: 70px; }\r\n\r\n\t.panel-title {\r\n\t\tfont-size: 2em; }\r\n\r\n\t.panel-subtitle {\r\n\t\tfont-size: 1em; }\r\n\r\n\t.panel-cover__description {\r\n\t\tmargin: 0 10px;\r\n\t\tfont-size: .9em; }\r\n\r\n\t.navigation--social {\r\n\t\tmargin-top: 5px;\r\n\t\tmargin-left: 0; } }\r\n@media all and (max-width: 960px) {\r\n\t.btn-mobile-menu {\r\n\t\tdisplay: block; }\r\n\r\n\t.panel-main {\r\n\t\tdisplay: table;\r\n\t\tposition: relative; }\r\n\r\n\t.panel-cover--collapsed {\r\n\t\twidth: 100%;\r\n\t\tmax-width: none; }\r\n\r\n\t.panel-main__inner {\r\n\t\tdisplay: table-cell;\r\n\t\tpadding: 60px 10%; }\r\n\r\n\t.panel-cover__description {\r\n\t\tdisplay: block;\r\n\t\tmax-width: 600px;\r\n\t\tmargin: 0 auto; }\r\n\r\n\t.panel-cover__divider--secondary {\r\n\t\tdisplay: none; }\r\n\r\n\t.panel-cover {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground-position: center center; }\r\n\t\t.panel-cover.panel-cover--collapsed {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: relative;\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 0;\r\n\t\t\tbackground-position: center center; }\r\n\t\t\t.panel-cover.panel-cover--collapsed .panel-main__inner {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tpadding: 70px 0 30px 0; }\r\n\t\t\t.panel-cover.panel-cover--collapsed .panel-cover__logo {\r\n\t\t\t\twidth: 60px;\r\n\t\t\t\tborder-width: 2px; }\r\n\t\t\t.panel-cover.panel-cover--collapsed .panel-cover__description {\r\n\t\t\t\tdisplay: none; }\r\n\t\t\t.panel-cover.panel-cover--collapsed .panel-cover__divider {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t\tmargin: 1em auto; }\r\n\r\n\t.navigation-wrapper {\r\n\t\tdisplay: none;\r\n\t\tposition: fixed;\r\n\t\ttop: 42px;\r\n\t\tright: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\tbackground: rgba(51, 51, 51, 0.98);\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.15); }\r\n\t\t.navigation-wrapper.visible {\r\n\t\t\tdisplay: block; }\r\n\r\n\t.cover-navigation {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\tfloat: left;\r\n\t\tclear: left;\r\n\t\twidth: 100%; }\r\n\t\t.cover-navigation .navigation {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100%; }\r\n\t\t\t.cover-navigation .navigation li {\r\n\t\t\t\twidth: 80%;\r\n\t\t\t\tmargin-bottom: .4em; }\r\n\t\t.cover-navigation.navigation--social {\r\n\t\t\tpadding-top: 5px; }\r\n\t\t\t.cover-navigation.navigation--social .navigation li {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\twidth: 25.8%; }\r\n\r\n\t.content-wrapper {\r\n\t\twidth: 80%;\r\n\t\tmax-width: none;\r\n\t\tmargin: 0 auto; }\r\n\r\n\t.content-wrapper__inner {\r\n\t\tmargin-right: 0;\r\n\t\tmargin-left: 0; }\r\n\r\n\t.navigation__item {\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 0 .4em 0; } }\r\n\r\n@media all and (max-width: 340px) {\r\n\t.panel-main__inner {\r\n\t\tpadding: 0 5%; }\r\n\r\n\t.panel-title {\r\n\t\tmargin-bottom: .1em;\r\n\t\tfont-size: 1.5em; }\r\n\r\n\t.panel-subtitle {\r\n\t\tfont-size: .9em; }\r\n\r\n\t.btn, .navigation__item a {\r\n\t\tdisplay: block;\r\n\t\tmargin-bottom: .4em; } }\r\n","table {\r\n\tmargin-bottom: 1.3em;\r\n\tthead {\r\n\t\tfont-weight: bold;\r\n\r\n\t\tth {\r\n\t\t\ttext-align: left;\r\n\t\t\tborder-bottom: 4px solid #888;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tpadding: 12px;\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\t}\r\n\r\n\ttr {\r\n\t\t&:nth-child(even) td {\r\n\t\t\tbackground: #eee;\r\n\t\t}\r\n\r\n\t\ttd {\r\n\t\t\tpadding: 12px;\r\n\t\t}\r\n\t}\r\n}\r\n","pre.highlight,\r\n.highlight pre { background-color: #272822; }\r\n.highlight .hll { background-color: #272822; }\r\n.highlight .c { color: #75715e } /* Comment */\r\n.highlight .err { color: #960050; background-color: #1e0010 } /* Error */\r\n.highlight .k { color: #66d9ef } /* Keyword */\r\n.highlight .l { color: #ae81ff } /* Literal */\r\n.highlight .n { color: #f8f8f2 } /* Name */\r\n.highlight .o { color: #f92672 } /* Operator */\r\n.highlight .p { color: #f8f8f2 } /* Punctuation */\r\n.highlight .cm { color: #75715e } /* Comment.Multiline */\r\n.highlight .cp { color: #75715e } /* Comment.Preproc */\r\n.highlight .c1 { color: #75715e } /* Comment.Single */\r\n.highlight .cs { color: #75715e } /* Comment.Special */\r\n.highlight .ge { font-style: italic } /* Generic.Emph */\r\n.highlight .gs { font-weight: bold } /* Generic.Strong */\r\n.highlight .kc { color: #66d9ef } /* Keyword.Constant */\r\n.highlight .kd { color: #66d9ef } /* Keyword.Declaration */\r\n.highlight .kn { color: #f92672 } /* Keyword.Namespace */\r\n.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */\r\n.highlight .kr { color: #66d9ef } /* Keyword.Reserved */\r\n.highlight .kt { color: #66d9ef } /* Keyword.Type */\r\n.highlight .ld { color: #e6db74 } /* Literal.Date */\r\n.highlight .m { color: #ae81ff } /* Literal.Number */\r\n.highlight .s { color: #e6db74 } /* Literal.String */\r\n.highlight .na { color: #a6e22e } /* Name.Attribute */\r\n.highlight .nb { color: #f8f8f2 } /* Name.Builtin */\r\n.highlight .nc { color: #a6e22e } /* Name.Class */\r\n.highlight .no { color: #66d9ef } /* Name.Constant */\r\n.highlight .nd { color: #a6e22e } /* Name.Decorator */\r\n.highlight .ni { color: #f8f8f2 } /* Name.Entity */\r\n.highlight .ne { color: #a6e22e } /* Name.Exception */\r\n.highlight .nf { color: #a6e22e } /* Name.Function */\r\n.highlight .nl { color: #f8f8f2 } /* Name.Label */\r\n.highlight .nn { color: #f8f8f2 } /* Name.Namespace */\r\n.highlight .nx { color: #a6e22e } /* Name.Other */\r\n.highlight .py { color: #f8f8f2 } /* Name.Property */\r\n.highlight .nt { color: #f92672 } /* Name.Tag */\r\n.highlight .nv { color: #f8f8f2 } /* Name.Variable */\r\n.highlight .ow { color: #f92672 } /* Operator.Word */\r\n.highlight .w { color: #f8f8f2 } /* Text.Whitespace */\r\n.highlight .mf { color: #ae81ff } /* Literal.Number.Float */\r\n.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */\r\n.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */\r\n.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */\r\n.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */\r\n.highlight .sc { color: #e6db74 } /* Literal.String.Char */\r\n.highlight .sd { color: #e6db74 } /* Literal.String.Doc */\r\n.highlight .s2 { color: #e6db74 } /* Literal.String.Double */\r\n.highlight .se { color: #ae81ff } /* Literal.String.Escape */\r\n.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */\r\n.highlight .si { color: #e6db74 } /* Literal.String.Interpol */\r\n.highlight .sx { color: #e6db74 } /* Literal.String.Other */\r\n.highlight .sr { color: #e6db74 } /* Literal.String.Regex */\r\n.highlight .s1 { color: #e6db74 } /* Literal.String.Single */\r\n.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */\r\n.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */\r\n.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */\r\n.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */\r\n.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */\r\n.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */\r\n\r\n.highlight .gh { } /* Generic Heading & Diff Header */\r\n.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */\r\n.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */\r\n.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */","\r\n.timeline {\r\n position: relative;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n\r\n.timeline:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 50%; /* place it in the horizontal center */\r\n transform: translateX(-50%); /* shift back by half its own width */\r\n width: 0; /* we don’t want width, just a border */\r\n border-left: 3px solid #ffffff3c;\r\n}\r\n\r\n.timeline>li {\r\n position: relative;\r\n margin-bottom: 50px;\r\n min-height: 50px;\r\n \r\n}\r\n\r\n.timeline > li.timeline-inverted {\r\n display: flex;\r\n align-items: center; /* centers panel and image vertically */\r\n justify-content: flex-end; /* Left on X-axis */\r\n}\r\n\r\n\r\n.timeline>li:before,\r\n.timeline>li:after {\r\n content: \" \";\r\n display: table;\r\n}\r\n\r\n.timeline>li:after {\r\n clear: both;\r\n}\r\n\r\n\r\n.timeline>li .timeline-panel {\r\n float: right;\r\n position: relative;\r\n width: 100%;\r\n padding: 0 20px 0 20px;\r\n text-align: left;\r\n align-items: center;\r\n}\r\n\r\n.timeline>li .timeline-panel:before {\r\n right: auto;\r\n left: -15px;\r\n border-right-width: 15px;\r\n border-left-width: 0;\r\n}\r\n\r\n.timeline>li .timeline-panel:after {\r\n right: auto;\r\n left: -14px;\r\n border-right-width: 14px;\r\n border-left-width: 0;\r\n}\r\n\r\n.timeline>li .timeline-image {\r\n visibility: hidden;\r\n z-index: 100;\r\n position: absolute;\r\n border: 1px solid #000000;\r\n border-radius: 100%;\r\n text-align: center;\r\n background-color: #fff;\r\n display: flex;\r\n box-shadow: 0 0 0 2px #eeeeee,\r\n}\r\n\r\n.img-me {\r\n z-index: 100;\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 20%;\r\n text-align: center;\r\n background-color: #fff;\r\n margin: auto auto;\r\n display: block;\r\n}\r\n\r\n.timeline>li .timeline-image h4 {\r\n margin-top: 12px;\r\n font-size: 10px;\r\n line-height: 14px;\r\n}\r\n\r\n.img-me h4 {\r\n margin-top: 12px;\r\n font-size: 10px;\r\n line-height: 14px;\r\n}\r\n\r\n.timeline>li.timeline-inverted>.timeline-panel {\r\n float: right;\r\n padding: 0 20px 0 20px;\r\n text-align: left;\r\n}\r\n\r\n.timeline>li.timeline-inverted>.timeline-panel:before {\r\n right: auto;\r\n left: -15px;\r\n border-right-width: 15px;\r\n border-left-width: 0;\r\n}\r\n\r\n.timeline>li.timeline-inverted>.timeline-panel:after {\r\n right: auto;\r\n left: -14px;\r\n border-right-width: 14px;\r\n border-left-width: 0;\r\n}\r\n\r\n.timeline>li:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.timeline .timeline-heading h4 {\r\n margin-top: 0;\r\n color: inherit;\r\n}\r\n\r\n.timeline .timeline-heading h4.subheading {\r\n text-transform: none;\r\n}\r\n\r\n.timeline .timeline-body>p,\r\n.timeline .timeline-body>ul {\r\n margin-bottom: 0;\r\n}\r\n\r\n@media(min-width:768px) {\r\n .timeline:before {\r\n left: 10%;\r\n width: 4px;\r\n }\r\n\r\n .timeline>li {\r\n margin-bottom: 100px;\r\n min-height: 100px;\r\n }\r\n\r\n .timeline>li .timeline-panel {\r\n float: left;\r\n width: 60%;\r\n padding: 0 20px 20px 30px;\r\n text-align: right;\r\n }\r\n\r\n .timeline>li .timeline-image {\r\n visibility: visible;\r\n left: 9%;\r\n width: 100px;\r\n height: 100px;\r\n margin-left: -50px;\r\n }\r\n\r\n .img-me {\r\n //left: 50%;\r\n width: auto;\r\n height: auto;\r\n max-width: 86px;\r\n max-height: 86px;\r\n }\r\n\r\n .timeline>li .timeline-image h4 {\r\n margin-top: 16px;\r\n font-size: 13px;\r\n line-height: 18px;\r\n }\r\n\r\n .img-me h4 {\r\n margin-top: 16px;\r\n font-size: 13px;\r\n line-height: 18px;\r\n }\r\n\r\n .timeline>li.timeline-inverted>.timeline-panel {\r\n float: right;\r\n padding: 0 30px 20px 20px;\r\n text-align: left;\r\n }\r\n}\r\n\r\n@media(min-width:992px) {\r\n .timeline>li {\r\n min-height: 150px;\r\n }\r\n\r\n .timeline>li .timeline-panel {\r\n float: left;\r\n width: 60%;\r\n padding: 0 20px 20px;\r\n }\r\n\r\n .timeline>li .timeline-image {\r\n visibility: visible;\r\n width: 150px;\r\n height: 150px;\r\n margin-left: -75px;\r\n }\r\n\r\n .img-me {\r\n max-width:120px;\r\n max-height:120px;\r\n width: auto;\r\n height: auto;\r\n }\r\n\r\n .timeline>li .timeline-image h4 {\r\n margin-top: 30px;\r\n font-size: 18px;\r\n line-height: 26px;\r\n }\r\n\r\n .img-me h4 {\r\n margin-top: 30px;\r\n font-size: 18px;\r\n line-height: 26px;\r\n }\r\n\r\n .timeline>li.timeline-inverted>.timeline-panel {\r\n padding: 0 20px 20px;\r\n }\r\n}\r\n\r\n",".gallery-list {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.gallery-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem; /* space between image and text */\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.gallery-item img:hover {\r\n transform: scale(1.03);\r\n}\r\n\r\n.gallery-item .info {\r\n flex: 1; /* text takes remaining width */\r\n}\r\n\r\n.gallery-item .info h3 {\r\n margin: 0;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.gallery-item .info p {\r\n margin: 0.3rem 0 0;\r\n color: #666;\r\n}\r\n\r\n.gallery-item img {\r\n max-width: 220px; /* never wider than 150px */\r\n width: 100%; /* scale down proportionally */\r\n height: auto; /* keep aspect ratio */\r\n border-radius: 8px;\r\n cursor: pointer;\r\n flex-shrink: 0; /* don’t let flexbox shrink it */\r\n transition: transform 0.2s ease;\r\n display: block; /* remove any inline gap issues */\r\n margin-right: 35px;\r\n}\r\n","@use \"uno\";\n@use \"tables\";\n@use \"monokai\";\n@use \"timeline\";\n@use \"gallery\";\n\n/* Modifications */\n\npre.highlight,\n.highlight pre {\n padding: 10px;\n}\n\npre.highlight code,\n.highlight pre code {\n white-space: pre-wrap;\n}\n\n.btn,\n.navigation__item a {\n margin: 5px 0;\n white-space: nowrap;\n}\n\n.pagination__page-number {\n display: inline-block;\n padding: 10px;\n}\n\n.categories a,\n.tags a {\n border: 1px solid #e25440;\n border-radius: 20px;\n color: #e25440;\n display: inline-block;\n font-size: 12px;\n margin: 5px 0;\n padding: 5px 10px;\n text-shadow: none;\n white-space: nowrap;\n}\n\n.post-meta__tags {\n font-size: 12px;\n padding: 0 5px;\n}\n\n.footer__copyright {\n margin: 0 20px 10px;\n}\n\n.user-image {\n display: flex;\n align-items: center;\n justify-content: center; /* keeps both images centered */\n width: 130px;\n height: 130px;\n border: 3px solid #fff;\n border-radius:100%;\n}\n\n.user-images {\n display: flex;\n align-items: center;\n justify-content: center; /* keeps both images centered */\n gap: 35px; /* spacing between image and divider */\n margin-bottom: 40px;\n}\n\n.user-divider {\n width: 2px;\n height: 80px; /* should be less than image height */\n background: rgba(255, 255, 255, 0.146); /* divider color */\n} \n\n"],"file":"main.css"} \ No newline at end of file diff --git a/_site/gallery/index.html b/_site/gallery/index.html new file mode 100644 index 0000000..4ba0835 --- /dev/null +++ b/_site/gallery/index.html @@ -0,0 +1,304 @@ + + + + + Gallery + + + + + + + + Gallery + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+ My Profile Photo +
+ Second Profile Photo +
+

Simeon "Waldo" Wallrath

+ +
+

+ PhD-Student in Chemistry Didactics, 3D-Artist, Musician, Game Developer +

+
+
+ +
+ + + + + + +
+ +
+ +
+ +
+ +
+ + +
+
+
+
    + +
  • + + First Artwork + +
    +

    First Artwork

    +

    2023

    +
    +
    • + +
  • + + Second Artwork + +
    +

    Second Artwork

    +

    2024

    +
    +
    • + +
  • + + Third Artwork + +
    +

    Third Artwork

    +

    2021

    +
    +
    • + +
+ + +
+ + + + + + +
+ + diff --git a/_site/images/Pic_01.jpg b/_site/images/Pic_01.jpg new file mode 100644 index 0000000..135cd05 Binary files /dev/null and b/_site/images/Pic_01.jpg differ diff --git a/_site/images/Pic_02.png b/_site/images/Pic_02.png new file mode 100644 index 0000000..7a09e20 Binary files /dev/null and b/_site/images/Pic_02.png differ diff --git a/_site/images/bk1.jpg b/_site/images/bk1.jpg new file mode 100644 index 0000000..f2adb6a Binary files /dev/null and b/_site/images/bk1.jpg differ diff --git a/_site/images/cover.jpg b/_site/images/cover.jpg new file mode 100644 index 0000000..71b3f8b Binary files /dev/null and b/_site/images/cover.jpg differ diff --git a/_site/images/favicons/android-chrome-144x144.png b/_site/images/favicons/android-chrome-144x144.png new file mode 100644 index 0000000..b6b729d Binary files /dev/null and b/_site/images/favicons/android-chrome-144x144.png differ diff --git a/_site/images/favicons/android-chrome-192x192.png b/_site/images/favicons/android-chrome-192x192.png new file mode 100644 index 0000000..fbe3265 Binary files /dev/null and b/_site/images/favicons/android-chrome-192x192.png differ diff --git a/_site/images/favicons/android-chrome-36x36.png b/_site/images/favicons/android-chrome-36x36.png new file mode 100644 index 0000000..6d8a536 Binary files /dev/null and b/_site/images/favicons/android-chrome-36x36.png differ diff --git a/_site/images/favicons/android-chrome-48x48.png b/_site/images/favicons/android-chrome-48x48.png new file mode 100644 index 0000000..e17fd5f Binary files /dev/null and b/_site/images/favicons/android-chrome-48x48.png differ diff --git a/_site/images/favicons/android-chrome-72x72.png b/_site/images/favicons/android-chrome-72x72.png new file mode 100644 index 0000000..b6f21f0 Binary files /dev/null and b/_site/images/favicons/android-chrome-72x72.png differ diff --git a/_site/images/favicons/android-chrome-96x96.png b/_site/images/favicons/android-chrome-96x96.png new file mode 100644 index 0000000..a700bf0 Binary files /dev/null and b/_site/images/favicons/android-chrome-96x96.png differ diff --git a/_site/images/favicons/apple-touch-icon-114x114.png b/_site/images/favicons/apple-touch-icon-114x114.png new file mode 100644 index 0000000..091c40e Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-114x114.png differ diff --git a/_site/images/favicons/apple-touch-icon-120x120.png b/_site/images/favicons/apple-touch-icon-120x120.png new file mode 100644 index 0000000..666ffb6 Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-120x120.png differ diff --git a/_site/images/favicons/apple-touch-icon-144x144.png b/_site/images/favicons/apple-touch-icon-144x144.png new file mode 100644 index 0000000..9d6a8ef Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-144x144.png differ diff --git a/_site/images/favicons/apple-touch-icon-152x152.png b/_site/images/favicons/apple-touch-icon-152x152.png new file mode 100644 index 0000000..4da1b2b Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-152x152.png differ diff --git a/_site/images/favicons/apple-touch-icon-180x180.png b/_site/images/favicons/apple-touch-icon-180x180.png new file mode 100644 index 0000000..4d26c5c Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-180x180.png differ diff --git a/_site/images/favicons/apple-touch-icon-57x57.png b/_site/images/favicons/apple-touch-icon-57x57.png new file mode 100644 index 0000000..099fc0c Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-57x57.png differ diff --git a/_site/images/favicons/apple-touch-icon-60x60.png b/_site/images/favicons/apple-touch-icon-60x60.png new file mode 100644 index 0000000..90f2c4a Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-60x60.png differ diff --git a/_site/images/favicons/apple-touch-icon-72x72.png b/_site/images/favicons/apple-touch-icon-72x72.png new file mode 100644 index 0000000..b42ab42 Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-72x72.png differ diff --git a/_site/images/favicons/apple-touch-icon-76x76.png b/_site/images/favicons/apple-touch-icon-76x76.png new file mode 100644 index 0000000..bbc870b Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-76x76.png differ diff --git a/_site/images/favicons/apple-touch-icon-precomposed.png b/_site/images/favicons/apple-touch-icon-precomposed.png new file mode 100644 index 0000000..6375cac Binary files /dev/null and b/_site/images/favicons/apple-touch-icon-precomposed.png differ diff --git a/_site/images/favicons/apple-touch-icon.png b/_site/images/favicons/apple-touch-icon.png new file mode 100644 index 0000000..4d26c5c Binary files /dev/null and b/_site/images/favicons/apple-touch-icon.png differ diff --git a/_site/images/favicons/browserconfig.xml b/_site/images/favicons/browserconfig.xml new file mode 100644 index 0000000..976f321 --- /dev/null +++ b/_site/images/favicons/browserconfig.xml @@ -0,0 +1,12 @@ + + + + + + + + + #00aba9 + + + diff --git a/_site/images/favicons/favicon-16x16.png b/_site/images/favicons/favicon-16x16.png new file mode 100644 index 0000000..ac195f9 Binary files /dev/null and b/_site/images/favicons/favicon-16x16.png differ diff --git a/_site/images/favicons/favicon-194x194.png b/_site/images/favicons/favicon-194x194.png new file mode 100644 index 0000000..e715d8c Binary files /dev/null and b/_site/images/favicons/favicon-194x194.png differ diff --git a/_site/images/favicons/favicon-32x32.png b/_site/images/favicons/favicon-32x32.png new file mode 100644 index 0000000..6baddbb Binary files /dev/null and b/_site/images/favicons/favicon-32x32.png differ diff --git a/_site/images/favicons/favicon-96x96.png b/_site/images/favicons/favicon-96x96.png new file mode 100644 index 0000000..b098a09 Binary files /dev/null and b/_site/images/favicons/favicon-96x96.png differ diff --git a/_site/images/favicons/favicon.ico b/_site/images/favicons/favicon.ico new file mode 100644 index 0000000..98ee7c8 Binary files /dev/null and b/_site/images/favicons/favicon.ico differ diff --git a/_site/images/favicons/manifest.json b/_site/images/favicons/manifest.json new file mode 100644 index 0000000..c8baf8d --- /dev/null +++ b/_site/images/favicons/manifest.json @@ -0,0 +1,41 @@ +{ + "name": "Jekyll-Uno", + "icons": [ + { + "src": "\/images\/favicons\/android-chrome-36x36.png", + "sizes": "36x36", + "type": "image\/png", + "density": 0.75 + }, + { + "src": "\/images\/favicons\/android-chrome-48x48.png", + "sizes": "48x48", + "type": "image\/png", + "density": 1 + }, + { + "src": "\/images\/favicons\/android-chrome-72x72.png", + "sizes": "72x72", + "type": "image\/png", + "density": 1.5 + }, + { + "src": "\/images\/favicons\/android-chrome-96x96.png", + "sizes": "96x96", + "type": "image\/png", + "density": 2 + }, + { + "src": "\/images\/favicons\/android-chrome-144x144.png", + "sizes": "144x144", + "type": "image\/png", + "density": 3 + }, + { + "src": "\/images\/favicons\/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image\/png", + "density": 4 + } + ] +} diff --git a/_site/images/favicons/mstile-144x144.png b/_site/images/favicons/mstile-144x144.png new file mode 100644 index 0000000..cbcb299 Binary files /dev/null and b/_site/images/favicons/mstile-144x144.png differ diff --git a/_site/images/favicons/mstile-150x150.png b/_site/images/favicons/mstile-150x150.png new file mode 100644 index 0000000..8e2b410 Binary files /dev/null and b/_site/images/favicons/mstile-150x150.png differ diff --git a/_site/images/favicons/mstile-310x150.png b/_site/images/favicons/mstile-310x150.png new file mode 100644 index 0000000..fa1bec1 Binary files /dev/null and b/_site/images/favicons/mstile-310x150.png differ diff --git a/_site/images/favicons/mstile-310x310.png b/_site/images/favicons/mstile-310x310.png new file mode 100644 index 0000000..8cf6250 Binary files /dev/null and b/_site/images/favicons/mstile-310x310.png differ diff --git a/_site/images/favicons/mstile-70x70.png b/_site/images/favicons/mstile-70x70.png new file mode 100644 index 0000000..4c1a8c3 Binary files /dev/null and b/_site/images/favicons/mstile-70x70.png differ diff --git a/_site/images/favicons/safari-pinned-tab.svg b/_site/images/favicons/safari-pinned-tab.svg new file mode 100644 index 0000000..27d1c24 --- /dev/null +++ b/_site/images/favicons/safari-pinned-tab.svg @@ -0,0 +1,57 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + + diff --git a/_site/images/tzuehlke copy.jpg b/_site/images/tzuehlke copy.jpg new file mode 100644 index 0000000..643f47e Binary files /dev/null and b/_site/images/tzuehlke copy.jpg differ diff --git a/_site/index.html b/_site/index.html new file mode 100644 index 0000000..1becbcb --- /dev/null +++ b/_site/index.html @@ -0,0 +1,271 @@ + + + + + + + + + + + + + + + Simeon "Waldo" Wallrath + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+ My Profile Photo +
+ Second Profile Photo +
+

Simeon "Waldo" Wallrath

+ +
+

+ PhD-Student in Chemistry Didactics, 3D-Artist, Musician, Game Developer +

+
+
+ +
+ + + + + + +
+ +
+ +
+ +
+ +
+ + +
+
+
+ + +
+ + + + + + +
+ + diff --git a/_site/js/github_api.js b/_site/js/github_api.js new file mode 100644 index 0000000..daaa265 --- /dev/null +++ b/_site/js/github_api.js @@ -0,0 +1,32 @@ +console.log("github_api loaded"); +$(document).ready(function() { + users = [] + repos = [] + $(".ghbtn").each( function () { + var user = $(this).attr('user'); + var repo = $(this).attr('repo'); + repos.push(user + '/' + repo); + if (users.indexOf($(this).attr('user')) === -1) { + users.push($(this).attr('user')) + } + }) + //console.log(1, repos) + for (var i = 0; i < repos.length; i++) { + //console.log("URL: "+"https://api.github.com/repos/" + repos[i]); + $.ajax({ + type: "GET", + url: "https://api.github.com/repos/" + repos[i], + tryCount : 0, + retryLimit : 3, + async: true, + dataType: "json", + success: function (data) { + x = data.name; + //console.log("User/Repo: " + data.full_name + " Star: " + data.stargazers_count+ " Forks: "+data.forks_count + " Watchers: "+data.watchers_count); + $("div[repo='" + x + "']").find("span[class='star']").html(" "+data.stargazers_count); + $("div[repo='" + x + "']").find("span[class='fork']").html(" "+data.forks_count); + $("div[repo='" + x + "']").find("span[class='watchers']").html(" "+data.watchers_count); + $("div[repotext='" + x + "']").find("span[class='desc']").html(data.description); + } + })} +}); diff --git a/_site/js/main.js b/_site/js/main.js new file mode 100644 index 0000000..0f73aa0 --- /dev/null +++ b/_site/js/main.js @@ -0,0 +1,51 @@ +function toggleMobileMenu() { + $('.navigation-wrapper').toggleClass('visible'); + $('.btn-mobile-menu__icon').toggleClass('hidden'); + $('.btn-mobile-close__icon').toggleClass('hidden'); +} + +$(document).ready(function () { + $('a.panel-button').click(function (e) { + if ($('.content-wrapper').hasClass('showing')){ + $('.content-wrapper').removeClass('animated slideInRight') + $('.panel-cover').removeClass('panel-cover--collapsed') + $('.panel-cover').css('max-width', '100%') + $('.panel-cover').animate({'width': '100%'}, 400, swing = 'swing', function () {}) + $('.content-wrapper').removeClass('showing') + history.pushState("", document.title, window.location.pathname + window.location.search); + //window.location.hash = '' // leaves # + e.preventDefault(); + return; + } + + $('.panel-cover').addClass('panel-cover--collapsed'); + currentWidth = $('.panel-cover').width() + if (currentWidth < 960) { + $('.panel-cover').addClass('panel-cover--collapsed') + $('.content-wrapper').addClass('animated slideInRight') + } else { + $('.panel-cover').css('max-width', currentWidth) + $('.panel-cover').animate({'max-width': '530px', 'width': '40%'}, 400, swing = 'swing', function () {}) + } + $('.content-wrapper').addClass('showing'); + }) + + if (window.location.hash && window.location.hash == '#projects') { + $('a.panel-button').click(); + } + + if (window.location.pathname !== '/' && window.location.pathname !== '/index.html') { + $('.panel-cover').addClass('panel-cover--collapsed') + } + + $('.btn-mobile-menu').click(function () { + if (!$('.navigation-wrapper').hasClass('animated bounceInDown')){ + $('.navigation-wrapper').addClass('animated bounceInDown'); + } + toggleMobileMenu(); + }) + + $('.navigation-wrapper .projects-button').click(function () { + toggleMobileMenu(); + }) +}) diff --git a/css/main.scss b/css/main.scss new file mode 100644 index 0000000..fc052f4 --- /dev/null +++ b/css/main.scss @@ -0,0 +1,77 @@ +--- +--- +@use "uno"; +@use "tables"; +@use "monokai"; +@use "timeline"; +@use "gallery"; + +/* Modifications */ + +pre.highlight, +.highlight pre { + padding: 10px; +} + +pre.highlight code, +.highlight pre code { + white-space: pre-wrap; +} + +.btn, +.navigation__item a { + margin: 5px 0; + white-space: nowrap; +} + +.pagination__page-number { + display: inline-block; + padding: 10px; +} + +.categories a, +.tags a { + border: 1px solid #e25440; + border-radius: 20px; + color: #e25440; + display: inline-block; + font-size: 12px; + margin: 5px 0; + padding: 5px 10px; + text-shadow: none; + white-space: nowrap; +} + +.post-meta__tags { + font-size: 12px; + padding: 0 5px; +} + +.footer__copyright { + margin: 0 20px 10px; +} + +.user-image { + display: flex; + align-items: center; + justify-content: center; /* keeps both images centered */ + width: 130px; + height: 130px; + border: 3px solid #fff; + border-radius:100%; +} + +.user-images { + display: flex; + align-items: center; + justify-content: center; /* keeps both images centered */ + gap: 35px; /* spacing between image and divider */ + margin-bottom: 40px; +} + +.user-divider { + width: 2px; + height: 80px; /* should be less than image height */ + background: rgba(255, 255, 255, 0.146); /* divider color */ +} + diff --git a/images/Pic_01.jpg b/images/Pic_01.jpg new file mode 100644 index 0000000..135cd05 Binary files /dev/null and b/images/Pic_01.jpg differ diff --git a/images/Pic_02.png b/images/Pic_02.png new file mode 100644 index 0000000..7a09e20 Binary files /dev/null and b/images/Pic_02.png differ diff --git a/images/bk1.jpg b/images/bk1.jpg new file mode 100644 index 0000000..f2adb6a Binary files /dev/null and b/images/bk1.jpg differ diff --git a/images/cover.jpg b/images/cover.jpg new file mode 100644 index 0000000..71b3f8b Binary files /dev/null and b/images/cover.jpg differ diff --git a/images/favicons/android-chrome-144x144.png b/images/favicons/android-chrome-144x144.png new file mode 100644 index 0000000..b6b729d Binary files /dev/null and b/images/favicons/android-chrome-144x144.png differ diff --git a/images/favicons/android-chrome-192x192.png b/images/favicons/android-chrome-192x192.png new file mode 100644 index 0000000..fbe3265 Binary files /dev/null and b/images/favicons/android-chrome-192x192.png differ diff --git a/images/favicons/android-chrome-36x36.png b/images/favicons/android-chrome-36x36.png new file mode 100644 index 0000000..6d8a536 Binary files /dev/null and b/images/favicons/android-chrome-36x36.png differ diff --git a/images/favicons/android-chrome-48x48.png b/images/favicons/android-chrome-48x48.png new file mode 100644 index 0000000..e17fd5f Binary files /dev/null and b/images/favicons/android-chrome-48x48.png differ diff --git a/images/favicons/android-chrome-72x72.png b/images/favicons/android-chrome-72x72.png new file mode 100644 index 0000000..b6f21f0 Binary files /dev/null and b/images/favicons/android-chrome-72x72.png differ diff --git a/images/favicons/android-chrome-96x96.png b/images/favicons/android-chrome-96x96.png new file mode 100644 index 0000000..a700bf0 Binary files /dev/null and b/images/favicons/android-chrome-96x96.png differ diff --git a/images/favicons/apple-touch-icon-114x114.png b/images/favicons/apple-touch-icon-114x114.png new file mode 100644 index 0000000..091c40e Binary files /dev/null and b/images/favicons/apple-touch-icon-114x114.png differ diff --git a/images/favicons/apple-touch-icon-120x120.png b/images/favicons/apple-touch-icon-120x120.png new file mode 100644 index 0000000..666ffb6 Binary files /dev/null and b/images/favicons/apple-touch-icon-120x120.png differ diff --git a/images/favicons/apple-touch-icon-144x144.png b/images/favicons/apple-touch-icon-144x144.png new file mode 100644 index 0000000..9d6a8ef Binary files /dev/null and b/images/favicons/apple-touch-icon-144x144.png differ diff --git a/images/favicons/apple-touch-icon-152x152.png b/images/favicons/apple-touch-icon-152x152.png new file mode 100644 index 0000000..4da1b2b Binary files /dev/null and b/images/favicons/apple-touch-icon-152x152.png differ diff --git a/images/favicons/apple-touch-icon-180x180.png b/images/favicons/apple-touch-icon-180x180.png new file mode 100644 index 0000000..4d26c5c Binary files /dev/null and b/images/favicons/apple-touch-icon-180x180.png differ diff --git a/images/favicons/apple-touch-icon-57x57.png b/images/favicons/apple-touch-icon-57x57.png new file mode 100644 index 0000000..099fc0c Binary files /dev/null and b/images/favicons/apple-touch-icon-57x57.png differ diff --git a/images/favicons/apple-touch-icon-60x60.png b/images/favicons/apple-touch-icon-60x60.png new file mode 100644 index 0000000..90f2c4a Binary files /dev/null and b/images/favicons/apple-touch-icon-60x60.png differ diff --git a/images/favicons/apple-touch-icon-72x72.png b/images/favicons/apple-touch-icon-72x72.png new file mode 100644 index 0000000..b42ab42 Binary files /dev/null and b/images/favicons/apple-touch-icon-72x72.png differ diff --git a/images/favicons/apple-touch-icon-76x76.png b/images/favicons/apple-touch-icon-76x76.png new file mode 100644 index 0000000..bbc870b Binary files /dev/null and b/images/favicons/apple-touch-icon-76x76.png differ diff --git a/images/favicons/apple-touch-icon-precomposed.png b/images/favicons/apple-touch-icon-precomposed.png new file mode 100644 index 0000000..6375cac Binary files /dev/null and b/images/favicons/apple-touch-icon-precomposed.png differ diff --git a/images/favicons/apple-touch-icon.png b/images/favicons/apple-touch-icon.png new file mode 100644 index 0000000..4d26c5c Binary files /dev/null and b/images/favicons/apple-touch-icon.png differ diff --git a/images/favicons/browserconfig.xml b/images/favicons/browserconfig.xml new file mode 100644 index 0000000..976f321 --- /dev/null +++ b/images/favicons/browserconfig.xml @@ -0,0 +1,12 @@ + + + + + + + + + #00aba9 + + + diff --git a/images/favicons/favicon-16x16.png b/images/favicons/favicon-16x16.png new file mode 100644 index 0000000..ac195f9 Binary files /dev/null and b/images/favicons/favicon-16x16.png differ diff --git a/images/favicons/favicon-194x194.png b/images/favicons/favicon-194x194.png new file mode 100644 index 0000000..e715d8c Binary files /dev/null and b/images/favicons/favicon-194x194.png differ diff --git a/images/favicons/favicon-32x32.png b/images/favicons/favicon-32x32.png new file mode 100644 index 0000000..6baddbb Binary files /dev/null and b/images/favicons/favicon-32x32.png differ diff --git a/images/favicons/favicon-96x96.png b/images/favicons/favicon-96x96.png new file mode 100644 index 0000000..b098a09 Binary files /dev/null and b/images/favicons/favicon-96x96.png differ diff --git a/images/favicons/favicon.ico b/images/favicons/favicon.ico new file mode 100644 index 0000000..98ee7c8 Binary files /dev/null and b/images/favicons/favicon.ico differ diff --git a/images/favicons/manifest.json b/images/favicons/manifest.json new file mode 100644 index 0000000..c8baf8d --- /dev/null +++ b/images/favicons/manifest.json @@ -0,0 +1,41 @@ +{ + "name": "Jekyll-Uno", + "icons": [ + { + "src": "\/images\/favicons\/android-chrome-36x36.png", + "sizes": "36x36", + "type": "image\/png", + "density": 0.75 + }, + { + "src": "\/images\/favicons\/android-chrome-48x48.png", + "sizes": "48x48", + "type": "image\/png", + "density": 1 + }, + { + "src": "\/images\/favicons\/android-chrome-72x72.png", + "sizes": "72x72", + "type": "image\/png", + "density": 1.5 + }, + { + "src": "\/images\/favicons\/android-chrome-96x96.png", + "sizes": "96x96", + "type": "image\/png", + "density": 2 + }, + { + "src": "\/images\/favicons\/android-chrome-144x144.png", + "sizes": "144x144", + "type": "image\/png", + "density": 3 + }, + { + "src": "\/images\/favicons\/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image\/png", + "density": 4 + } + ] +} diff --git a/images/favicons/mstile-144x144.png b/images/favicons/mstile-144x144.png new file mode 100644 index 0000000..cbcb299 Binary files /dev/null and b/images/favicons/mstile-144x144.png differ diff --git a/images/favicons/mstile-150x150.png b/images/favicons/mstile-150x150.png new file mode 100644 index 0000000..8e2b410 Binary files /dev/null and b/images/favicons/mstile-150x150.png differ diff --git a/images/favicons/mstile-310x150.png b/images/favicons/mstile-310x150.png new file mode 100644 index 0000000..fa1bec1 Binary files /dev/null and b/images/favicons/mstile-310x150.png differ diff --git a/images/favicons/mstile-310x310.png b/images/favicons/mstile-310x310.png new file mode 100644 index 0000000..8cf6250 Binary files /dev/null and b/images/favicons/mstile-310x310.png differ diff --git a/images/favicons/mstile-70x70.png b/images/favicons/mstile-70x70.png new file mode 100644 index 0000000..4c1a8c3 Binary files /dev/null and b/images/favicons/mstile-70x70.png differ diff --git a/images/favicons/safari-pinned-tab.svg b/images/favicons/safari-pinned-tab.svg new file mode 100644 index 0000000..27d1c24 --- /dev/null +++ b/images/favicons/safari-pinned-tab.svg @@ -0,0 +1,57 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + + diff --git a/images/tzuehlke copy.jpg b/images/tzuehlke copy.jpg new file mode 100644 index 0000000..643f47e Binary files /dev/null and b/images/tzuehlke copy.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c7ede68 --- /dev/null +++ b/index.html @@ -0,0 +1,33 @@ +--- +layout: default +robots: noindex +--- + diff --git a/js/github_api.js b/js/github_api.js new file mode 100644 index 0000000..daaa265 --- /dev/null +++ b/js/github_api.js @@ -0,0 +1,32 @@ +console.log("github_api loaded"); +$(document).ready(function() { + users = [] + repos = [] + $(".ghbtn").each( function () { + var user = $(this).attr('user'); + var repo = $(this).attr('repo'); + repos.push(user + '/' + repo); + if (users.indexOf($(this).attr('user')) === -1) { + users.push($(this).attr('user')) + } + }) + //console.log(1, repos) + for (var i = 0; i < repos.length; i++) { + //console.log("URL: "+"https://api.github.com/repos/" + repos[i]); + $.ajax({ + type: "GET", + url: "https://api.github.com/repos/" + repos[i], + tryCount : 0, + retryLimit : 3, + async: true, + dataType: "json", + success: function (data) { + x = data.name; + //console.log("User/Repo: " + data.full_name + " Star: " + data.stargazers_count+ " Forks: "+data.forks_count + " Watchers: "+data.watchers_count); + $("div[repo='" + x + "']").find("span[class='star']").html(" "+data.stargazers_count); + $("div[repo='" + x + "']").find("span[class='fork']").html(" "+data.forks_count); + $("div[repo='" + x + "']").find("span[class='watchers']").html(" "+data.watchers_count); + $("div[repotext='" + x + "']").find("span[class='desc']").html(data.description); + } + })} +}); diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..690d55e --- /dev/null +++ b/js/main.js @@ -0,0 +1,56 @@ +--- +layout: null +sitemap: + exclude: 'yes' +--- +function toggleMobileMenu() { + $('.navigation-wrapper').toggleClass('visible'); + $('.btn-mobile-menu__icon').toggleClass('hidden'); + $('.btn-mobile-close__icon').toggleClass('hidden'); +} + +$(document).ready(function () { + $('a.panel-button').click(function (e) { + if ($('.content-wrapper').hasClass('showing')){ + $('.content-wrapper').removeClass('animated slideInRight') + $('.panel-cover').removeClass('panel-cover--collapsed') + $('.panel-cover').css('max-width', '100%') + $('.panel-cover').animate({'width': '100%'}, 400, swing = 'swing', function () {}) + $('.content-wrapper').removeClass('showing') + history.pushState("", document.title, window.location.pathname + window.location.search); + //window.location.hash = '' // leaves # + e.preventDefault(); + return; + } + + $('.panel-cover').addClass('panel-cover--collapsed'); + currentWidth = $('.panel-cover').width() + if (currentWidth < 960) { + $('.panel-cover').addClass('panel-cover--collapsed') + $('.content-wrapper').addClass('animated slideInRight') + } else { + $('.panel-cover').css('max-width', currentWidth) + $('.panel-cover').animate({'max-width': '530px', 'width': '40%'}, 400, swing = 'swing', function () {}) + } + $('.content-wrapper').addClass('showing'); + }) + + if (window.location.hash && window.location.hash == '#projects') { + $('a.panel-button').click(); + } + + if (window.location.pathname !== '{{ site.baseurl }}/' && window.location.pathname !== '{{ site.baseurl }}/index.html') { + $('.panel-cover').addClass('panel-cover--collapsed') + } + + $('.btn-mobile-menu').click(function () { + if (!$('.navigation-wrapper').hasClass('animated bounceInDown')){ + $('.navigation-wrapper').addClass('animated bounceInDown'); + } + toggleMobileMenu(); + }) + + $('.navigation-wrapper .projects-button').click(function () { + toggleMobileMenu(); + }) +}) diff --git a/screenshot-overview.png b/screenshot-overview.png new file mode 100644 index 0000000..4daa9a1 Binary files /dev/null and b/screenshot-overview.png differ