From 64537f8850fe00b759f258999f33ffd0ad8c08d6 Mon Sep 17 00:00:00 2001 From: Fuwn Date: Thu, 21 Jan 2021 19:19:46 -0800 Subject: :star: --- .editorconfig | 13 + .eslintrc.js | 15 + .gitattributes | 2 - .gitignore | 104 +- .vscode/settings.json | 3 - README.md | 76 +- _redirects | 1 - assets/README.md | 7 + assets/fonts/envy-code-r/envy-code-r-webfont.eot | Bin 0 -> 17446 bytes assets/fonts/envy-code-r/envy-code-r-webfont.ttf | Bin 0 -> 37216 bytes .../fonts/envy-code-r/envy-code-r-webfontd41d.eot | Bin 0 -> 17446 bytes assets/images/contacts-flash.gif | Bin 0 -> 3264 bytes assets/images/home-glitter.gif | Bin 0 -> 5513 bytes assets/images/home-spin.gif | Bin 0 -> 13567 bytes assets/images/manipal.gif | Bin 0 -> 1056560 bytes assets/images/nosmovimos.gif | Bin 0 -> 190808 bytes assets/images/underconstruction-flash.gif | Bin 0 -> 8087 bytes assets/json/interests.json | 30 + assets/json/skills.dev.json | 8 + assets/json/skills.json | 71 + assets/json/socials.json | 5 + assets/scripts/libraries/t.min.js | 2 + assets/scripts/libraries/wow.min.js | 3 + assets/scripts/scroll-indicator.js | 35 + assets/styles/DarkReader.css | 2531 ++++ assets/styles/components/category-section.scss | 17 + assets/styles/components/contact-form.scss | 70 + assets/styles/components/footer.scss | 115 + assets/styles/components/hero.scss | 19 + assets/styles/components/navgiation.scss | 178 + assets/styles/components/project-section.scss | 15 + assets/styles/extra/animate.scss | 2744 ++++ assets/styles/extra/components/footer-effects.scss | 5 + assets/styles/extra/mobile.scss | 18 + .../styles/extra/scroll-down-icon-animation.scss | 32 + assets/styles/extra/scroll-indicator.scss | 32 + assets/styles/extra/typewriter-effect.scss | 41 + assets/styles/global.scss | 49 + assets/styles/pages/about-page.scss | 8 + assets/styles/pages/project-page.scss | 11 + assets/styles/pages/work-page.scss | 21 + build/_redirects | 1 - build/animate.css | 2744 ---- build/asset-manifest.json | 22 - build/index.html | 1 - build/js/t.min.js | 2 - build/js/wow.min.js | 3 - build/manifest.json | 25 - ...he-manifest.2bc8e69b6f11ba0546c546d3c2ac0cb1.js | 26 - build/robots.txt | 3 - build/service-worker.js | 39 - build/static/css/main.283c06a5.chunk.css | 2 - build/static/css/main.283c06a5.chunk.css.map | 1 - build/static/js/2.91d75026.chunk.js | 3 - build/static/js/2.91d75026.chunk.js.LICENSE.txt | 41 - build/static/js/2.91d75026.chunk.js.map | 1 - build/static/js/main.a57314fc.chunk.js | 2 - build/static/js/main.a57314fc.chunk.js.map | 1 - build/static/js/runtime-main.796b01d1.js | 2 - build/static/js/runtime-main.796b01d1.js.map | 1 - build/superthumb.jpg | Bin 9444 -> 0 bytes components/README.md | 7 + components/extra/ExtraComingSoon.vue | 33 + components/navigation/Bar.vue | 45 + components/navigation/Footer.vue | 65 + components/navigation/ResponsiveBar.vue | 235 + components/ui/contacts/ContactsHero.vue | 37 + components/ui/home/HomeHero.vue | 31 + components/ui/interests/InterestsHero.vue | 41 + components/ui/interests/InterestsListing.vue | 68 + components/ui/skills/SkillsHero.vue | 43 + components/ui/skills/SkillsListing.vue | 68 + content/hello.md | 18 + layouts/README.md | 7 + layouts/default.vue | 7 + layouts/error.vue | 36 + middleware/README.md | 8 + nuxt.config.js | 91 + package-lock.json | 12917 +++++++++---------- package.json | 62 +- pages/README.md | 6 + pages/contacts.vue | 11 + pages/index.vue | 15 + pages/interests.vue | 14 + pages/skills.vue | 14 + plugins/README.md | 7 + public/animate.css | 2744 ---- public/index.html | 78 - public/js/t.min.js | 2 - public/js/wow.min.js | 3 - public/manifest.json | 25 - public/robots.txt | 3 - public/superthumb.jpg | Bin 9444 -> 0 bytes src/components/App.js | 41 - src/components/about/Hero.js | 43 - src/components/about/Image.js | 16 - src/components/contact/Form.js | 64 - src/components/contact/Hero.js | 23 - src/components/error/Hero.js | 33 - src/components/fingerprint/Fingerprint.js | 4 - src/components/home/FeaturedProjects.js | 53 - src/components/home/Hero.js | 20 - src/components/navigation/DynamicTitle.js | 17 - src/components/navigation/Footer.js | 70 - src/components/navigation/NavigationBar.js | 48 - src/components/project/ProjectEndAll.js | 41 - src/components/project/ProjectOne.js | 31 - src/components/project/ProjectThree.js | 33 - src/components/project/ProjectTwo.js | 31 - src/components/project/project-page/Project.js | 26 - src/components/project/project-page/ProjectHero.js | 39 - .../project/project-page/ProjectImage.js | 27 - .../project/project-page/ProjectNavigation.js | 25 - src/components/projectData.js | 57 - src/components/skills/Hero.js | 29 - src/components/skills/SkillListing.js | 168 - src/components/work/Categories.js | 34 - src/components/work/Hero.js | 30 - src/components/work/categories/Development.js | 34 - src/components/work/categories/Videos.js | 49 - src/index.js | 24 - src/pages/About.js | 22 - src/pages/Contact.js | 23 - src/pages/Home.js | 20 - src/pages/Skills.js | 21 - src/pages/Work.js | 23 - src/routes/ProjectRoutes.js | 38 - src/routes/Routes.js | 37 - src/serviceWorker.js | 141 - src/styles/projects.css | 200 - src/styles/style.css | 616 - src/styles/work-categories.css | 99 - static/README.md | 11 + static/favicon.jpg | Bin 0 -> 9444 bytes static/robots.txt | 3 + store/README.md | 10 + tsconfig.json | 36 + utils/getRoutes.js | 7 + utils/getSiteMeta.js | 60 + yarn.lock | 10444 ++++++++------- 140 files changed, 18605 insertions(+), 20258 deletions(-) create mode 100644 .editorconfig create mode 100644 .eslintrc.js delete mode 100644 .gitattributes delete mode 100644 .vscode/settings.json delete mode 100644 _redirects create mode 100644 assets/README.md create mode 100644 assets/fonts/envy-code-r/envy-code-r-webfont.eot create mode 100644 assets/fonts/envy-code-r/envy-code-r-webfont.ttf create mode 100644 assets/fonts/envy-code-r/envy-code-r-webfontd41d.eot create mode 100644 assets/images/contacts-flash.gif create mode 100644 assets/images/home-glitter.gif create mode 100644 assets/images/home-spin.gif create mode 100644 assets/images/manipal.gif create mode 100644 assets/images/nosmovimos.gif create mode 100644 assets/images/underconstruction-flash.gif create mode 100644 assets/json/interests.json create mode 100644 assets/json/skills.dev.json create mode 100644 assets/json/skills.json create mode 100644 assets/json/socials.json create mode 100644 assets/scripts/libraries/t.min.js create mode 100644 assets/scripts/libraries/wow.min.js create mode 100644 assets/scripts/scroll-indicator.js create mode 100644 assets/styles/DarkReader.css create mode 100644 assets/styles/components/category-section.scss create mode 100644 assets/styles/components/contact-form.scss create mode 100644 assets/styles/components/footer.scss create mode 100644 assets/styles/components/hero.scss create mode 100644 assets/styles/components/navgiation.scss create mode 100644 assets/styles/components/project-section.scss create mode 100644 assets/styles/extra/animate.scss create mode 100644 assets/styles/extra/components/footer-effects.scss create mode 100644 assets/styles/extra/mobile.scss create mode 100644 assets/styles/extra/scroll-down-icon-animation.scss create mode 100644 assets/styles/extra/scroll-indicator.scss create mode 100644 assets/styles/extra/typewriter-effect.scss create mode 100644 assets/styles/global.scss create mode 100644 assets/styles/pages/about-page.scss create mode 100644 assets/styles/pages/project-page.scss create mode 100644 assets/styles/pages/work-page.scss delete mode 100644 build/_redirects delete mode 100644 build/animate.css delete mode 100644 build/asset-manifest.json delete mode 100644 build/index.html delete mode 100644 build/js/t.min.js delete mode 100644 build/js/wow.min.js delete mode 100644 build/manifest.json delete mode 100644 build/precache-manifest.2bc8e69b6f11ba0546c546d3c2ac0cb1.js delete mode 100644 build/robots.txt delete mode 100644 build/service-worker.js delete mode 100644 build/static/css/main.283c06a5.chunk.css delete mode 100644 build/static/css/main.283c06a5.chunk.css.map delete mode 100644 build/static/js/2.91d75026.chunk.js delete mode 100644 build/static/js/2.91d75026.chunk.js.LICENSE.txt delete mode 100644 build/static/js/2.91d75026.chunk.js.map delete mode 100644 build/static/js/main.a57314fc.chunk.js delete mode 100644 build/static/js/main.a57314fc.chunk.js.map delete mode 100644 build/static/js/runtime-main.796b01d1.js delete mode 100644 build/static/js/runtime-main.796b01d1.js.map delete mode 100644 build/superthumb.jpg create mode 100644 components/README.md create mode 100644 components/extra/ExtraComingSoon.vue create mode 100644 components/navigation/Bar.vue create mode 100644 components/navigation/Footer.vue create mode 100644 components/navigation/ResponsiveBar.vue create mode 100644 components/ui/contacts/ContactsHero.vue create mode 100644 components/ui/home/HomeHero.vue create mode 100644 components/ui/interests/InterestsHero.vue create mode 100644 components/ui/interests/InterestsListing.vue create mode 100644 components/ui/skills/SkillsHero.vue create mode 100644 components/ui/skills/SkillsListing.vue create mode 100644 content/hello.md create mode 100644 layouts/README.md create mode 100644 layouts/default.vue create mode 100644 layouts/error.vue create mode 100644 middleware/README.md create mode 100644 nuxt.config.js create mode 100644 pages/README.md create mode 100644 pages/contacts.vue create mode 100644 pages/index.vue create mode 100644 pages/interests.vue create mode 100644 pages/skills.vue create mode 100644 plugins/README.md delete mode 100644 public/animate.css delete mode 100644 public/index.html delete mode 100644 public/js/t.min.js delete mode 100644 public/js/wow.min.js delete mode 100644 public/manifest.json delete mode 100644 public/robots.txt delete mode 100644 public/superthumb.jpg delete mode 100644 src/components/App.js delete mode 100644 src/components/about/Hero.js delete mode 100644 src/components/about/Image.js delete mode 100644 src/components/contact/Form.js delete mode 100644 src/components/contact/Hero.js delete mode 100644 src/components/error/Hero.js delete mode 100644 src/components/fingerprint/Fingerprint.js delete mode 100644 src/components/home/FeaturedProjects.js delete mode 100644 src/components/home/Hero.js delete mode 100644 src/components/navigation/DynamicTitle.js delete mode 100644 src/components/navigation/Footer.js delete mode 100644 src/components/navigation/NavigationBar.js delete mode 100644 src/components/project/ProjectEndAll.js delete mode 100644 src/components/project/ProjectOne.js delete mode 100644 src/components/project/ProjectThree.js delete mode 100644 src/components/project/ProjectTwo.js delete mode 100644 src/components/project/project-page/Project.js delete mode 100644 src/components/project/project-page/ProjectHero.js delete mode 100644 src/components/project/project-page/ProjectImage.js delete mode 100644 src/components/project/project-page/ProjectNavigation.js delete mode 100644 src/components/projectData.js delete mode 100644 src/components/skills/Hero.js delete mode 100644 src/components/skills/SkillListing.js delete mode 100644 src/components/work/Categories.js delete mode 100644 src/components/work/Hero.js delete mode 100644 src/components/work/categories/Development.js delete mode 100644 src/components/work/categories/Videos.js delete mode 100644 src/index.js delete mode 100644 src/pages/About.js delete mode 100644 src/pages/Contact.js delete mode 100644 src/pages/Home.js delete mode 100644 src/pages/Skills.js delete mode 100644 src/pages/Work.js delete mode 100644 src/routes/ProjectRoutes.js delete mode 100644 src/routes/Routes.js delete mode 100644 src/serviceWorker.js delete mode 100644 src/styles/projects.css delete mode 100644 src/styles/style.css delete mode 100644 src/styles/work-categories.css create mode 100644 static/README.md create mode 100644 static/favicon.jpg create mode 100644 static/robots.txt create mode 100644 store/README.md create mode 100644 tsconfig.json create mode 100644 utils/getRoutes.js create mode 100644 utils/getSiteMeta.js diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..5d12634 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,13 @@ +# editorconfig.org +root = true + +[*] +indent_style = space +indent_size = 2 +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true + +[*.md] +trim_trailing_whitespace = false diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000..c2607a8 --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,15 @@ +module.exports = { + root: true, + env: { + browser: true, + node: true + }, + extends: [ + '@nuxtjs/eslint-config-typescript', + 'plugin:nuxt/recommended' + ], + plugins: [ + ], + // add your custom rules here + rules: {} +} diff --git a/.gitattributes b/.gitattributes deleted file mode 100644 index dfe0770..0000000 --- a/.gitattributes +++ /dev/null @@ -1,2 +0,0 @@ -# Auto detect text files and perform LF normalization -* text=auto diff --git a/.gitignore b/.gitignore index 3b145ac..e8f682b 100644 --- a/.gitignore +++ b/.gitignore @@ -1,26 +1,90 @@ -# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. +# Created by .ignore support plugin (hsz.mobi) +### Node template +# Logs +/logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* -# dependencies -/node_modules -/.pnp -.pnp.js +# Runtime data +pids +*.pid +*.seed +*.pid.lock -# testing -/coverage +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov -# production -# /build +# Coverage directory used by tools like istanbul +coverage -# misc -.DS_Store -.env.local -.env.development.local -.env.test.local -.env.production.local +# nyc test coverage +.nyc_output -npm-debug.log* -yarn-debug.log* -yarn-error.log* +# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# TypeScript v1 declaration files +typings/ + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env + +# parcel-bundler cache (https://parceljs.org/) +.cache + +# next.js build output +.next + +# nuxt.js build output +.nuxt + +# Nuxt generate +dist + +# vuepress build output +.vuepress/dist + +# Serverless directories +.serverless + +# IDE / Editor +.idea + +# Service worker +sw.* + +# macOS +.DS_Store -# Local Netlify folder -.netlify +# Vim swap files +*.swp diff --git a/.vscode/settings.json b/.vscode/settings.json deleted file mode 100644 index 4748804..0000000 --- a/.vscode/settings.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "eslint.enable": false -} \ No newline at end of file diff --git a/README.md b/README.md index 9c40dcd..c80ccc4 100644 --- a/README.md +++ b/README.md @@ -1,68 +1,20 @@ -This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). +# me -## Available Scripts +## Build Setup -In the project directory, you can run: +```bash +# install dependencies +$ yarn install -### `yarn start` +# serve with hot reload at localhost:3000 +$ yarn dev -Runs the app in the development mode.
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser. +# build for production and launch server +$ yarn build +$ yarn start -The page will reload if you make edits.
-You will also see any lint errors in the console. +# generate static project +$ yarn generate +``` -### `yarn test` - -Launches the test runner in the interactive watch mode.
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. - -### `yarn build` - -Builds the app for production to the `build` folder.
-It correctly bundles React in production mode and optimizes the build for the best performance. - -The build is minified and the filenames include the hashes.
-Your app is ready to be deployed! - -See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. - -### `yarn eject` - -**Note: this is a one-way operation. Once you `eject`, you can’t go back!** - -If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. - -Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. - -You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. - -## Learn More - -You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). - -To learn React, check out the [React documentation](https://reactjs.org/). - -### Code Splitting - -This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting - -### Analyzing the Bundle Size - -This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size - -### Making a Progressive Web App - -This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app - -### Advanced Configuration - -This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration - -### Deployment - -This section has moved here: https://facebook.github.io/create-react-app/docs/deployment - -### `yarn build` fails to minify - -This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify +For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org). diff --git a/_redirects b/_redirects deleted file mode 100644 index f824337..0000000 --- a/_redirects +++ /dev/null @@ -1 +0,0 @@ -/* /index.html 200 \ No newline at end of file diff --git a/assets/README.md b/assets/README.md new file mode 100644 index 0000000..34766f9 --- /dev/null +++ b/assets/README.md @@ -0,0 +1,7 @@ +# ASSETS + +**This directory is not required, you can delete it if you don't want to use it.** + +This directory contains your un-compiled assets such as LESS, SASS, or JavaScript. + +More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked). diff --git a/assets/fonts/envy-code-r/envy-code-r-webfont.eot b/assets/fonts/envy-code-r/envy-code-r-webfont.eot new file mode 100644 index 0000000..2709277 Binary files /dev/null and b/assets/fonts/envy-code-r/envy-code-r-webfont.eot differ diff --git a/assets/fonts/envy-code-r/envy-code-r-webfont.ttf b/assets/fonts/envy-code-r/envy-code-r-webfont.ttf new file mode 100644 index 0000000..f53474c Binary files /dev/null and b/assets/fonts/envy-code-r/envy-code-r-webfont.ttf differ diff --git a/assets/fonts/envy-code-r/envy-code-r-webfontd41d.eot b/assets/fonts/envy-code-r/envy-code-r-webfontd41d.eot new file mode 100644 index 0000000..2709277 Binary files /dev/null and b/assets/fonts/envy-code-r/envy-code-r-webfontd41d.eot differ diff --git a/assets/images/contacts-flash.gif b/assets/images/contacts-flash.gif new file mode 100644 index 0000000..b4aab2f Binary files /dev/null and b/assets/images/contacts-flash.gif differ diff --git a/assets/images/home-glitter.gif b/assets/images/home-glitter.gif new file mode 100644 index 0000000..dfa3dc2 Binary files /dev/null and b/assets/images/home-glitter.gif differ diff --git a/assets/images/home-spin.gif b/assets/images/home-spin.gif new file mode 100644 index 0000000..2d4fcf0 Binary files /dev/null and b/assets/images/home-spin.gif differ diff --git a/assets/images/manipal.gif b/assets/images/manipal.gif new file mode 100644 index 0000000..7b07f6e Binary files /dev/null and b/assets/images/manipal.gif differ diff --git a/assets/images/nosmovimos.gif b/assets/images/nosmovimos.gif new file mode 100644 index 0000000..81406c1 Binary files /dev/null and b/assets/images/nosmovimos.gif differ diff --git a/assets/images/underconstruction-flash.gif b/assets/images/underconstruction-flash.gif new file mode 100644 index 0000000..4b4a342 Binary files /dev/null and b/assets/images/underconstruction-flash.gif differ diff --git a/assets/json/interests.json b/assets/json/interests.json new file mode 100644 index 0000000..5ba9985 --- /dev/null +++ b/assets/json/interests.json @@ -0,0 +1,30 @@ +{ + "languages": [ + "angelscript", + "purescript", + "crystal", + "haskell", + "cython", + "julia", + "gradle", + "kotlin", + "scala", + "dart", + "haxe", + "ruby", + "nim", + "go", + "v" + ], + "frameworks": [ + "flutter", + "svelte", + "amber", + "forge", + "rails" + ], + "tools": [ + "travis ci", + "jenkins" + ] +} diff --git a/assets/json/skills.dev.json b/assets/json/skills.dev.json new file mode 100644 index 0000000..387dc60 --- /dev/null +++ b/assets/json/skills.dev.json @@ -0,0 +1,8 @@ +{ + "c-c++": [ + "internal, injectable modifications via OpenGL and DirectX", + "remote PE image injections", + "ImGui", + "GBDK" + ] +} diff --git a/assets/json/skills.json b/assets/json/skills.json new file mode 100644 index 0000000..4ca6b84 --- /dev/null +++ b/assets/json/skills.json @@ -0,0 +1,71 @@ +{ + "acknowledgements": [ + "lead developer and proprietor of the Minecraft ghost client; Vespertine", + "lead development positions on various CS:GO clients", + "verified discord bot developer", + "verified discord bots", + "multi-langual" + ], + "tech-stacks": { + "javascript-typescript": { + "node-js": [ + "discord.js", + "angular", + "express", + "akairo", + "react", + "nuxt", + "vue" + ], + "deno": [ + "..." + ] + }, + "python": [ + "..." + ], + "java": { + "minecraft": [ + "bukkit" + ], + "...": [ + "spark", + "jda" + ] + }, + "rust": [ + "serenity", + "rocket", + "actix" + ], + "php": [ + "mybb", + "fluxbb" + ] + }, + "tools-accessories": { + "document-preparation.": [ + "markdown", + "latex" + ], + "build-tools": [ + "vs solutions", + "cmake", + "make" + ], + "version-control": [ + "github", + "gitlab", + "git" + ], + "game-engines": [ + "unity" + ], + "databases": [ + "postgresql", + "sqlite", + "mongo", + "mysql" + ] + } +} diff --git a/assets/json/socials.json b/assets/json/socials.json new file mode 100644 index 0000000..4a09b51 --- /dev/null +++ b/assets/json/socials.json @@ -0,0 +1,5 @@ +{ + "twitter": "fuwnzy", + "github": "fuwn", + "email": "contact@fuwn.me" +} diff --git a/assets/scripts/libraries/t.min.js b/assets/scripts/libraries/t.min.js new file mode 100644 index 0000000..c85c4ce --- /dev/null +++ b/assets/scripts/libraries/t.min.js @@ -0,0 +1,2 @@ +/*t.js-1.3.1;(c)2014-2018 - Mntn(r) c/o Benjamin Lips ;MIT-Licensed ;For documentation, see */ +;(function(c){c.fn.t=function(p,B){return this.each(function(){var a=B,l=p,b=c(this),r,t,u=-1,n=!1,y=-1,w="12qwertyuiop[]asdfghjkl;zxcvbnm,./~!@#$%^&*()_+:1234567890-=op".split([]),e=function(a,b){return c.type(a)[0]==(b||"n")},z=function(){g=c.grep(k,function(a){return"&"==a[0]||!a[1]}).length-1;return-1*");if(b.data().is_typing)return l=="paused".slice(0,-1)&&(b.data("paused",e(a,"b")?oo_=a:b.data("paused")?oo_=!1:oo_=!0),b.data().blink&&b.data("blinking",oo_)),this;if(l=="paused".slice(0,-1))return this;b.data("is_typing",1);e(l,"o")&&(a=l);if(/t\-/.test(b.attr("class")))return this;if("add"==l&&b.data().t){var q=a;a=c.extend({},b.data());var m=b=c(":first",b),A=e(a.typing,"f");q="<"+a.tag+' class="typing-add">'+q+""}else{"add"==l&&(l=a,a={});a=c.extend({t:!0,delay:!1,speed:50,speed_vary:!1,caret:"\u258e",tag:"span",blink:!0,beep:!1,blink_perm:!1,repeat:-3,pause_on_click:!1,pause_on_tab_switch:0,wrap:!1,mistype:!1,locale:"en",init:!1,typing:!1,fin:!1},a?a:b.data());q=t=!1;var d;b.data().t||(b.wrapInner(c("<"+a.tag+"/>",{"class":"t-container",style:"top:auto;bottom:auto;"})),/^[ar]/.test(b.css("position"))||b.css({position:"relative"}),b.css({overflow:"hidden"}));a.wrap&&!b.parent().data().t_wrap&&(b.wrap(c("
",/[.#]/.test(a.wrap[0])?"#"==a.wrap[0]?{id:a.wrap.substr(1)}:{"class":a.wrap.substr(1)}:{style:a.wrap})),b.parent().data("t_wrap",1));e(a.beep,"b")||(a.beep=!1);!0===a.beep&&e(c("html").data().__TAC,"u")&&(c("html").data("__TAC",__TAC=(window.AudioContext=window.AudioContext||window.webkitAudioContext)?new AudioContext:!1),__TAC||(a.beep=!1));!1===a.repeat&&(a.repeat=-3);!0===a.caret&&(a.caret="\u258e");e(a.caret,"s")&&!c(".t-caret",b)[0]&&(!0===a.blink&&(a.blink=3*a.speed),e(a.blink)&&100>a.blink&&(a.blink=100),!e(a.blink)&&(a.blink=!1),t=c("<"+a.tag+"/>",{"class":"t-caret",html:a.caret}).appendTo(b),a.blink&&b.append("\u200b")&&b.data("bi",setInterval(function(){(m.parent().data().blinking|(v="h"==t.css("visibility")[0])||a.blink_perm)&&t.css({visibility:v?"visible":"hidden"})},a.blink)));a.blink||b.data().bi&&clearInterval(b.data().bi)&&b.removeData("bi");!e(a.blink_perm,"b")&&(a.blink_perm=!0);a.speed=!e(a.speed)||10>a.speed?10:a.speed;a.speed_vary&&(a.speed/=2.5);1/i.test(k=String(q||k))&&b.parent().data("kbd",j_=1)&&b.parent().data("mistype",b.parent().data("mistype")?_j=b.parent().data().mistype:_j=10)&&(a.mistype=_j)&&(a.kbd=j_?j_:!1);k=k.replace(/(.*?)[\u200b]+$/,"$1").replace(//g,"$1").replace(/([^0-9])<\/ins>/g,"$1").replace(/<(embed|command|col|wbr|img|br|input|hr|area|source|track|keygen|param)(.*?)[\/]?>/g,"<#$1$2/>").replace(/\s*(\d*[.]?\d*)\s*(<\/ins>)/g,'').replace(/([\s\S]*?)(<\/ins>)/g,function(a,b,c){return"<#ins"+b+">"+c.replace(/<(?!#)/g,"<#")+"<#/ins>"+(c?"":"")}).replace(/<(del.*?data-del=")(.*?)(".*?)><\/(del>)/g,"<#$1$2$3><#/$4$2([\s\S]*?)<\/del>/g,function(a,b,c,d){s=(s=c.match(/\s*(.*?)\s*<\/s>/i))&&s[0]?' data-s="'+(s[1]||"1")+'"':"";i=(i=c.match(/data-ins="(.*?)"/))&&i[1]?i[1]:""==s?.25:.75;c=c.replace(/(.*?<\/s>|<[\/]?.*?>)/g,"");return"'+("*"!=c?c:"")+""}).replace(/<(\w+)(.*?)>/g,"<$1$2><#/$1>").replace(/<\/(\w+)>/g," ($1)").replace(/<[#]+/g,"<").replace(/(\/del>)\*[\s\S]*?<\/ins>|<[^<]+\/>|<\/> \(\w+\)|<[\s\S]+?><\/\w+>|&[#x]?[a-z0-9]+;|\r|\n|\t|\S|\s/ig);!e(d)&&(d=k.shift());k.push("\u200b");"de"==a.locale&&(w='12qwertzuiop\u00fc+asdfghjkl\u00f6\u00e4#=b.data().ins?0:1==u?u=-1:1);return}d=b.data().ins?"":k.shift()}else if(a.speed_vary&&~~(4*Math.random())){n=!n;return}x(0);if(b.data().del&&(!0===m.parent().data().beep&&f.beep(),b.data().s&&!d[0]&&b.text(""),r=String(b.data().del),!e(d,"a")&&"/"==d[1]&&(d=r.replace(/\\n/g,"\n").split([])),e(d,"a"))){if(u=d.pop()){b.data().s?b.html(d.join([])+""+b.data().del.substr(d.length)+""):b.text(d.join([]));n=!n;return}"*"==r&&(m.wrapInner(c("<"+a.tag+"/>",{"class":"typing-0",style:"display:none;"})),b=b.parent(),q&&(k=c.merge(["<"+a.tag+' class="typing-add">"],k,[""]),b=b.parent()));b=b.parent();"\u200b"==r&&b.find(":last").remove();d=""}for(;"/"==d[1];)b=b.parent(),d=k.shift()||"";for(;;)if(!0===m.parent().data().beep&&f.beep(),b.append(d),A&&a.typing(m.parent(),d,z(),C),!/[\s\S]+d.charCodeAt(0)?w[__].toUpperCase():w[__],"",d],k),d=''),d&&"/"==d[1]&&b.data().ins&&(d=~~(1E3*Number(b.data().ins)/a.speed)),n=!n):(clearInterval(D),m.parent().removeData(["is_typing","paused"]),e(a.repeat)&&--a.repeat,-1=0}function e(a,b){for(var c in b)if(null==a[c]){var d=b[c];a[c]=d}return a}function f(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)}function g(a){var b=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],c=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],d=arguments.length<=3||void 0===arguments[3]?null:arguments[3],e=void 0;return null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e}function h(a,b){null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)&&a["on"+b]()}function i(a,b,c){null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c}function j(a,b,c){null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]}function k(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight}Object.defineProperty(b,"__esModule",{value:!0});var l,m,n=function(){function a(a,b){for(var c=0;c=0){var b=a.target||a.srcElement;b.className=b.className.replace(this.config.animateClass,"").trim()}}},{key:"customStyle",value:function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a}},{key:"vendorSet",value:function(a,b){for(var c in b)if(b.hasOwnProperty(c)){var d=b[c];a[""+c]=d;for(var e=0;e=e&&f>=c}},{key:"disabled",value:function(){return!this.config.mobile&&f(navigator.userAgent)}}]),a}();b["default"]=r,a.exports=b["default"]}); diff --git a/assets/scripts/scroll-indicator.js b/assets/scripts/scroll-indicator.js new file mode 100644 index 0000000..833c979 --- /dev/null +++ b/assets/scripts/scroll-indicator.js @@ -0,0 +1,35 @@ +const counter = document.querySelector('.percent') + +TweenLite.set(counter, { + xPercent: -5, + yPercent: -5 +}) + +window.addEventListener('mousemove', moveCounter) + +function moveCounter (e) { + TweenLite.to(counter, 0.5, { + x: e.clientX, + y: e.clientY + }) +} + +function progress () { + const windowScrollTop = $(window).scrollTop() + const docHeight = $(document).height() + const windowHeight = $(window).height() + const progress = (windowScrollTop / (docHeight - windowHeight)) * 100 + + const $bgColor = progress > 99 ? '#fff' : '#fff' + const $textColor = progress > 99 ? '#fff' : '#333' + + $('h1') + .text(Math.round(progress) + '%') + .css({ color: $textColor }) + + $('.fill') + .height(progress + '%') + .css({ backgroundColor: $bgColor }) +} +progress() +$(document).on('scroll', progress) diff --git a/assets/styles/DarkReader.css b/assets/styles/DarkReader.css new file mode 100644 index 0000000..8b83862 --- /dev/null +++ b/assets/styles/DarkReader.css @@ -0,0 +1,2531 @@ +/* + _______ + / \ + .==. .==. + (( ))==(( )) + / "==" "=="\ + /____|| || ||___\ + ________ ____ ________ ___ ___ + | ___ \ / \ | ___ \ | | / / + | | \ \ / /\ \ | | \ \| |_/ / + | | ) / /__\ \ | |__/ /| ___ \ + | |__/ / ______ \| ____ \| | \ \ +_______|_______/__/ ____ \__\__|___\__\__|___\__\____ +| ___ \ | ____/ / \ | ___ \ | ____| ___ \ +| | \ \| |___ / /\ \ | | \ \| |___| | \ \ +| |__/ /| ____/ /__\ \ | | ) | ____| |__/ / +| ____ \| |__/ ______ \| |__/ /| |___| ____ \ +|__| \__\____/__/ \__\_______/ |______|__| \__\ + https://darkreader.org +*/ +/* User-Agent Style */ +html { + background-color: #1b1b1a !important; +} +html, body, input, textarea, select, button { + background-color: #1b1b1a; +} +html, body, input, textarea, select, button { + border-color: #7c7260; + color: #fff4e0; +} +a { + color: #5a96d8; +} +table { + border-color: #5f605b; +} +::placeholder { + color: #c2b6a1; +} +input:-webkit-autofill, +textarea:-webkit-autofill, +select:-webkit-autofill { + background-color: #5b5b16 !important; + color: #fff4e0 !important; +} +::-webkit-scrollbar { + background-color: #242523; + color: #baae99; +} +::-webkit-scrollbar-thumb { + background-color: #4e4e4a; +} +::-webkit-scrollbar-thumb:hover { + background-color: #62635f; +} +::-webkit-scrollbar-thumb:active { + background-color: #51524e; +} +::-webkit-scrollbar-corner { + background-color: #1b1b1a; +} +* { + scrollbar-color: #242523 #4e4e4a; +} +::selection { + background-color: #1b4e8a !important; + color: #fff4e0 !important; +} +::-moz-selection { + background-color: #1b4e8a !important; + color: #fff4e0 !important; +} + +/* Invert Style */ +.jfk-bubble.gtx-bubble, .captcheck_answer_label > input + img, embed[type="application/pdf"] { + filter: invert(100%) hue-rotate(180deg) contrast(90%) sepia(30%) !important; +} + +/* Variables Style */ +:root { + --darkreader-neutral-background: #161615; + --darkreader-neutral-text: #ede1cd; + --darkreader-selection-background: #1b4e8a; + --darkreader-selection-text: #fff4e0; +} + +/* Modified CSS */ +html { + -webkit-tap-highlight-color: transparent; +} +body { + color: rgb(230, 218, 197); + background-color: rgb(27, 27, 26); +} +[tabindex="-1"]:focus { + outline-color: initial !important; +} +abbr[data-original-title], +abbr[title] { + text-decoration-color: initial; + border-bottom-color: initial; +} +a { + color: rgb(94, 165, 219); + text-decoration-color: initial; + background-color: transparent; +} +a:hover { + color: rgb(136, 189, 226); + text-decoration-color: initial; +} +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration-color: initial; +} +a:not([href]):not([tabindex]):focus, +a:not([href]):not([tabindex]):hover { + color: inherit; + text-decoration-color: initial; +} +a:not([href]):not([tabindex]):focus { + outline-color: initial; +} +caption { + color: rgb(172, 159, 138); +} +button:focus { + outline-color: rgb(181, 131, 35); +} +fieldset { + border-color: initial; +} +legend { + color: inherit; +} +hr { + border-right-color: initial; + border-bottom-color: initial; + border-left-color: initial; + border-top-color: rgba(151, 138, 117, 0.1); +} +.mark, +mark { + background-color: rgb(64, 56, 19); +} +.list-unstyled { + list-style-image: initial; +} +.list-inline { + list-style-image: initial; +} +.blockquote-footer { + color: rgb(172, 159, 138); +} +.img-thumbnail { + background-color: rgb(27, 27, 26); + border-color: rgb(63, 64, 61); +} +.figure-caption { + color: rgb(172, 159, 138); +} +code { + color: rgb(216, 99, 140); +} +a > code { + color: inherit; +} +kbd { + color: rgb(255, 244, 224); + background-color: rgb(32, 32, 30); +} +pre { + color: rgb(230, 218, 197); +} +pre code { + color: inherit; +} +.table { + color: rgb(230, 218, 197); +} +.table td, +.table th { + border-top-color: rgb(63, 64, 61); +} +.table thead th { + border-bottom-color: rgb(63, 64, 61); +} +.table tbody + tbody { + border-top-color: rgb(63, 64, 61); +} +.table-bordered { + border-color: rgb(63, 64, 61); +} +.table-bordered td, +.table-bordered th { + border-color: rgb(63, 64, 61); +} +.table-borderless tbody + tbody, +.table-borderless td, +.table-borderless th, +.table-borderless thead th { + border-color: initial; +} +.table-striped tbody tr:nth-of-type(2n+1) { + background-color: rgba(0, 0, 0, 0.05); +} +.table-hover tbody tr:hover { + color: rgb(230, 218, 197); + background-color: rgba(0, 0, 0, 0.07); +} +.table-primary, +.table-primary > td, +.table-primary > th { + background-color: rgb(50, 51, 48); +} +.table-primary tbody + tbody, +.table-primary td, +.table-primary th, +.table-primary thead th { + border-color: rgb(24, 69, 116); +} +.table-hover .table-primary:hover { + background-color: rgb(58, 58, 55); +} +.table-hover .table-primary:hover > td, +.table-hover .table-primary:hover > th { + background-color: rgb(58, 58, 55); +} +.table-secondary, +.table-secondary > td, +.table-secondary > th { + background-color: rgb(52, 53, 49); +} +.table-secondary tbody + tbody, +.table-secondary td, +.table-secondary th, +.table-secondary thead th { + border-color: rgb(77, 78, 74); +} +.table-hover .table-secondary:hover { + background-color: rgb(60, 61, 58); +} +.table-hover .table-secondary:hover > td, +.table-hover .table-secondary:hover > th { + background-color: rgb(60, 61, 58); +} +.table-success, +.table-success > td, +.table-success > th { + background-color: rgb(44, 71, 49); +} +.table-success tbody + tbody, +.table-success td, +.table-success th, +.table-success thead th { + border-color: rgb(63, 103, 63); +} +.table-hover .table-success:hover { + background-color: rgb(50, 81, 56); +} +.table-hover .table-success:hover > td, +.table-hover .table-success:hover > th { + background-color: rgb(50, 81, 56); +} +.table-info, +.table-info > td, +.table-info > th { + background-color: rgb(40, 71, 71); +} +.table-info tbody + tbody, +.table-info td, +.table-info th, +.table-info thead th { + border-color: rgb(59, 104, 104); +} +.table-hover .table-info:hover { + background-color: rgb(47, 81, 81); +} +.table-hover .table-info:hover > td, +.table-hover .table-info:hover > th { + background-color: rgb(47, 81, 81); +} +.table-warning, +.table-warning > td, +.table-warning > th { + background-color: rgb(91, 73, 19); +} +.table-warning tbody + tbody, +.table-warning td, +.table-warning th, +.table-warning thead th { + border-color: rgb(140, 111, 28); +} +.table-hover .table-warning:hover { + background-color: rgb(106, 85, 22); +} +.table-hover .table-warning:hover > td, +.table-hover .table-warning:hover > th { + background-color: rgb(106, 85, 22); +} +.table-danger, +.table-danger > td, +.table-danger > th { + background-color: rgb(68, 22, 23); +} +.table-danger tbody + tbody, +.table-danger td, +.table-danger th, +.table-danger thead th { + border-color: rgb(104, 32, 34); +} +.table-hover .table-danger:hover { + background-color: rgb(79, 25, 28); +} +.table-hover .table-danger:hover > td, +.table-hover .table-danger:hover > th { + background-color: rgb(79, 25, 28); +} +.table-light, +.table-light > td, +.table-light > th { + background-color: rgb(28, 28, 27); +} +.table-light tbody + tbody, +.table-light td, +.table-light th, +.table-light thead th { + border-color: rgb(55, 56, 53); +} +.table-hover .table-light:hover { + background-color: rgb(36, 37, 35); +} +.table-hover .table-light:hover > td, +.table-hover .table-light:hover > th { + background-color: rgb(36, 37, 35); +} +.table-dark, +.table-dark > td, +.table-dark > th { + background-color: rgb(62, 63, 60); +} +.table-dark tbody + tbody, +.table-dark td, +.table-dark th, +.table-dark thead th { + border-color: rgb(87, 88, 84); +} +.table-hover .table-dark:hover { + background-color: rgb(70, 71, 68); +} +.table-hover .table-dark:hover > td, +.table-hover .table-dark:hover > th { + background-color: rgb(70, 71, 68); +} +.table-active, +.table-active > td, +.table-active > th { + background-color: rgba(0, 0, 0, 0.07); +} +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.07); +} +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, 0.07); +} +.table .thead-dark th { + color: rgb(255, 244, 224); + background-color: rgb(50, 50, 47); + border-color: rgb(124, 113, 96); +} +.table .thead-light th { + color: rgb(198, 186, 166); + background-color: rgb(40, 40, 38); + border-color: rgb(63, 64, 61); +} +.table-dark { + color: rgb(255, 244, 224); + background-color: rgb(50, 50, 47); +} +.table-dark td, +.table-dark th, +.table-dark thead th { + border-color: rgb(124, 113, 96); +} +.table-dark.table-bordered { + border-color: initial; +} +.table-dark.table-striped tbody tr:nth-of-type(2n+1) { + background-color: rgba(27, 27, 26, 0.05); +} +.table-dark.table-hover tbody tr:hover { + color: rgb(255, 244, 224); + background-color: rgba(27, 27, 26, 0.07); +} +@media (max-width: 575.98px) { + .table-responsive-sm > .table-bordered { + border-color: initial; + } +} +@media (max-width: 767.98px) { + .table-responsive-md > .table-bordered { + border-color: initial; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg > .table-bordered { + border-color: initial; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl > .table-bordered { + border-color: initial; + } +} +.table-responsive > .table-bordered { + border-color: initial; +} +.form-control { + color: rgb(198, 186, 166); + background-color: rgb(27, 27, 26); + border-color: rgb(68, 69, 66); +} +.form-control:focus { + color: rgb(198, 186, 166); + background-color: rgb(27, 27, 26); + border-color: rgb(23, 68, 114); + outline-color: initial; + box-shadow: rgba(34, 99, 167, 0.25) 0px 0px 0px 0.2rem; +} +.form-control::-webkit-input-placeholder { + color: rgb(172, 159, 138); +} +.form-control::placeholder { + color: rgb(172, 159, 138); +} +.form-control:disabled, +.form-control[readonly] { + background-color: rgb(40, 40, 38); +} +.form-control-plaintext { + color: rgb(230, 218, 197); + background-color: transparent; + border-color: transparent; +} +.form-check-input:disabled ~ .form-check-label { + color: rgb(172, 159, 138); +} +.valid-feedback { + color: rgb(136, 213, 134); +} +.valid-tooltip { + color: rgb(255, 244, 224); + background-color: rgba(60, 127, 65, 0.9); +} +.form-control.is-valid, +.was-validated .form-control:valid { + border-color: rgb(70, 148, 75); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); +} +.form-control.is-valid:focus, +.was-validated .form-control:valid:focus { + border-color: rgb(70, 148, 75); + box-shadow: rgba(60, 127, 65, 0.25) 0px 0px 0px 0.2rem; +} +.custom-select.is-valid, +.was-validated .custom-select:valid { + border-color: rgb(70, 148, 75); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"), + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-color: rgb(27, 27, 26); +} +.custom-select.is-valid:focus, +.was-validated .custom-select:valid:focus { + border-color: rgb(70, 148, 75); + box-shadow: rgba(60, 127, 65, 0.25) 0px 0px 0px 0.2rem; +} +.form-check-input.is-valid ~ .form-check-label, +.was-validated .form-check-input:valid ~ .form-check-label { + color: rgb(136, 213, 134); +} +.custom-control-input.is-valid ~ .custom-control-label, +.was-validated .custom-control-input:valid ~ .custom-control-label { + color: rgb(136, 213, 134); +} +.custom-control-input.is-valid ~ .custom-control-label::before, +.was-validated .custom-control-input:valid ~ .custom-control-label::before { + border-color: rgb(70, 148, 75); +} +.custom-control-input.is-valid:checked ~ .custom-control-label::before, +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { + border-color: rgb(65, 136, 69); + background-color: rgb(75, 156, 97); +} +.custom-control-input.is-valid:focus ~ .custom-control-label::before, +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { + box-shadow: rgba(60, 127, 65, 0.25) 0px 0px 0px 0.2rem; +} +.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: rgb(70, 148, 75); +} +.custom-file-input.is-valid ~ .custom-file-label, +.was-validated .custom-file-input:valid ~ .custom-file-label { + border-color: rgb(70, 148, 75); +} +.custom-file-input.is-valid:focus ~ .custom-file-label, +.was-validated .custom-file-input:valid:focus ~ .custom-file-label { + border-color: rgb(70, 148, 75); + box-shadow: rgba(60, 127, 65, 0.25) 0px 0px 0px 0.2rem; +} +.invalid-feedback { + color: rgb(203, 91, 92); +} +.invalid-tooltip { + color: rgb(255, 244, 224); + background-color: rgba(144, 46, 49, 0.9); +} +.form-control.is-invalid, +.was-validated .form-control:invalid { + border-color: rgb(129, 41, 44); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); +} +.form-control.is-invalid:focus, +.was-validated .form-control:invalid:focus { + border-color: rgb(129, 41, 44); + box-shadow: rgba(144, 46, 49, 0.25) 0px 0px 0px 0.2rem; +} +.custom-select.is-invalid, +.was-validated .custom-select:invalid { + border-color: rgb(129, 41, 44); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"), + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); + background-color: rgb(27, 27, 26); +} +.custom-select.is-invalid:focus, +.was-validated .custom-select:invalid:focus { + border-color: rgb(129, 41, 44); + box-shadow: rgba(144, 46, 49, 0.25) 0px 0px 0px 0.2rem; +} +.form-check-input.is-invalid ~ .form-check-label, +.was-validated .form-check-input:invalid ~ .form-check-label { + color: rgb(203, 91, 92); +} +.custom-control-input.is-invalid ~ .custom-control-label, +.was-validated .custom-control-input:invalid ~ .custom-control-label { + color: rgb(203, 91, 92); +} +.custom-control-input.is-invalid ~ .custom-control-label::before, +.was-validated .custom-control-input:invalid ~ .custom-control-label::before { + border-color: rgb(129, 41, 44); +} +.custom-control-input.is-invalid:checked ~ .custom-control-label::before, +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { + border-color: rgb(118, 37, 40); + background-color: rgb(121, 38, 41); +} +.custom-control-input.is-invalid:focus ~ .custom-control-label::before, +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { + box-shadow: rgba(144, 46, 49, 0.25) 0px 0px 0px 0.2rem; +} +.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: rgb(129, 41, 44); +} +.custom-file-input.is-invalid ~ .custom-file-label, +.was-validated .custom-file-input:invalid ~ .custom-file-label { + border-color: rgb(129, 41, 44); +} +.custom-file-input.is-invalid:focus ~ .custom-file-label, +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label { + border-color: rgb(129, 41, 44); + box-shadow: rgba(144, 46, 49, 0.25) 0px 0px 0px 0.2rem; +} +.btn { + color: rgb(230, 218, 197); + background-color: transparent; + border-color: transparent; +} +.btn:hover { + color: rgb(230, 218, 197); + text-decoration-color: initial; +} +.btn.focus, +.btn:focus { + outline-color: initial; + box-shadow: rgba(34, 99, 167, 0.25) 0px 0px 0px 0.2rem; +} +.btn-primary { + color: rgb(255, 244, 224); + background-color: rgb(34, 99, 167); + border-color: rgb(30, 87, 146); +} +.btn-primary:hover { + color: rgb(255, 244, 224); + background-color: rgb(29, 85, 142); + border-color: rgb(32, 94, 158); +} +.btn-primary.focus, +.btn-primary:focus { + box-shadow: rgba(31, 89, 148, 0.5) 0px 0px 0px 0.2rem; +} +.btn-primary.disabled, +.btn-primary:disabled { + color: rgb(255, 244, 224); + background-color: rgb(34, 99, 167); + border-color: rgb(30, 87, 146); +} +.btn-primary:not(:disabled):not(.disabled).active, +.btn-primary:not(:disabled):not(.disabled):active, +.show > .btn-primary.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(27, 79, 133); + border-color: rgb(33, 96, 162); +} +.btn-primary:not(:disabled):not(.disabled).active:focus, +.btn-primary:not(:disabled):not(.disabled):active:focus, +.show > .btn-primary.dropdown-toggle:focus { + box-shadow: rgba(31, 89, 148, 0.5) 0px 0px 0px 0.2rem; +} +.btn-secondary { + color: rgb(255, 244, 224); + background-color: rgb(100, 100, 96); + border-color: rgb(110, 100, 85); +} +.btn-secondary:hover { + color: rgb(255, 244, 224); + background-color: rgb(83, 83, 79); + border-color: rgb(119, 108, 92); +} +.btn-secondary.focus, +.btn-secondary:focus { + box-shadow: rgba(102, 103, 98, 0.5) 0px 0px 0px 0.2rem; +} +.btn-secondary.disabled, +.btn-secondary:disabled { + color: rgb(255, 244, 224); + background-color: rgb(100, 100, 96); + border-color: rgb(110, 100, 85); +} +.btn-secondary:not(:disabled):not(.disabled).active, +.btn-secondary:not(:disabled):not(.disabled):active, +.show > .btn-secondary.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(78, 78, 74); + border-color: rgb(121, 111, 94); +} +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.show > .btn-secondary.dropdown-toggle:focus { + box-shadow: rgba(102, 103, 98, 0.5) 0px 0px 0px 0.2rem; +} +.btn-success { + color: rgb(255, 244, 224); + background-color: rgb(60, 127, 65); + border-color: rgb(70, 148, 75); +} +.btn-success:hover { + color: rgb(255, 244, 224); + background-color: rgb(49, 104, 53); + border-color: rgb(75, 160, 81); +} +.btn-success.focus, +.btn-success:focus { + box-shadow: rgba(85, 140, 85, 0.5) 0px 0px 0px 0.2rem; +} +.btn-success.disabled, +.btn-success:disabled { + color: rgb(255, 244, 224); + background-color: rgb(60, 127, 65); + border-color: rgb(70, 148, 75); +} +.btn-success:not(:disabled):not(.disabled).active, +.btn-success:not(:disabled):not(.disabled):active, +.show > .btn-success.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(45, 96, 49); + border-color: rgb(77, 163, 83); +} +.btn-success:not(:disabled):not(.disabled).active:focus, +.btn-success:not(:disabled):not(.disabled):active:focus, +.show > .btn-success.dropdown-toggle:focus { + box-shadow: rgba(85, 140, 85, 0.5) 0px 0px 0px 0.2rem; +} +.btn-info { + color: rgb(255, 244, 224); + background-color: rgb(53, 127, 131); + border-color: rgb(62, 148, 152); +} +.btn-info:hover { + color: rgb(255, 244, 224); + background-color: rgb(44, 104, 107); + border-color: rgb(67, 159, 165); +} +.btn-info.focus, +.btn-info:focus { + box-shadow: rgba(79, 140, 142, 0.5) 0px 0px 0px 0.2rem; +} +.btn-info.disabled, +.btn-info:disabled { + color: rgb(255, 244, 224); + background-color: rgb(53, 127, 131); + border-color: rgb(62, 148, 152); +} +.btn-info:not(:disabled):not(.disabled).active, +.btn-info:not(:disabled):not(.disabled):active, +.show > .btn-info.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(40, 96, 99); + border-color: rgb(69, 162, 168); +} +.btn-info:not(:disabled):not(.disabled).active:focus, +.btn-info:not(:disabled):not(.disabled):active:focus, +.show > .btn-info.dropdown-toggle:focus { + box-shadow: rgba(79, 140, 142, 0.5) 0px 0px 0px 0.2rem; +} +.btn-warning { + color: rgb(230, 218, 197); + background-color: rgb(198, 157, 40); + border-color: rgb(174, 138, 36); +} +.btn-warning:hover { + color: rgb(230, 218, 197); + background-color: rgb(177, 140, 36); + border-color: rgb(190, 151, 39); +} +.btn-warning.focus, +.btn-warning:focus { + box-shadow: rgba(178, 142, 44, 0.5) 0px 0px 0px 0.2rem; +} +.btn-warning.disabled, +.btn-warning:disabled { + color: rgb(230, 218, 197); + background-color: rgb(198, 157, 40); + border-color: rgb(174, 138, 36); +} +.btn-warning:not(:disabled):not(.disabled).active, +.btn-warning:not(:disabled):not(.disabled):active, +.show > .btn-warning.dropdown-toggle { + color: rgb(230, 218, 197); + background-color: rgb(167, 132, 34); + border-color: rgb(194, 154, 40); +} +.btn-warning:not(:disabled):not(.disabled).active:focus, +.btn-warning:not(:disabled):not(.disabled):active:focus, +.show > .btn-warning.dropdown-toggle:focus { + box-shadow: rgba(178, 142, 44, 0.5) 0px 0px 0px 0.2rem; +} +.btn-danger { + color: rgb(255, 244, 224); + background-color: rgb(144, 46, 49); + border-color: rgb(129, 41, 44); +} +.btn-danger:hover { + color: rgb(255, 244, 224); + background-color: rgb(140, 44, 48); + border-color: rgb(140, 44, 48); +} +.btn-danger.focus, +.btn-danger:focus { + box-shadow: rgba(128, 41, 44, 0.5) 0px 0px 0px 0.2rem; +} +.btn-danger.disabled, +.btn-danger:disabled { + color: rgb(255, 244, 224); + background-color: rgb(144, 46, 49); + border-color: rgb(129, 41, 44); +} +.btn-danger:not(:disabled):not(.disabled).active, +.btn-danger:not(:disabled):not(.disabled):active, +.show > .btn-danger.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(132, 41, 45); + border-color: rgb(143, 46, 48); +} +.btn-danger:not(:disabled):not(.disabled).active:focus, +.btn-danger:not(:disabled):not(.disabled):active:focus, +.show > .btn-danger.dropdown-toggle:focus { + box-shadow: rgba(128, 41, 44, 0.5) 0px 0px 0px 0.2rem; +} +.btn-light { + color: rgb(230, 218, 197); + background-color: rgb(31, 32, 30); + border-color: rgb(57, 57, 54); +} +.btn-light:hover { + color: rgb(230, 218, 197); + background-color: rgb(43, 43, 41); + border-color: rgb(65, 65, 62); +} +.btn-light.focus, +.btn-light:focus { + box-shadow: rgba(51, 52, 49, 0.5) 0px 0px 0px 0.2rem; +} +.btn-light.disabled, +.btn-light:disabled { + color: rgb(230, 218, 197); + background-color: rgb(31, 32, 30); + border-color: rgb(57, 57, 54); +} +.btn-light:not(:disabled):not(.disabled).active, +.btn-light:not(:disabled):not(.disabled):active, +.show > .btn-light.dropdown-toggle { + color: rgb(230, 218, 197); + background-color: rgb(47, 48, 45); + border-color: rgb(67, 67, 64); +} +.btn-light:not(:disabled):not(.disabled).active:focus, +.btn-light:not(:disabled):not(.disabled):active:focus, +.show > .btn-light.dropdown-toggle:focus { + box-shadow: rgba(51, 52, 49, 0.5) 0px 0px 0px 0.2rem; +} +.btn-dark { + color: rgb(255, 244, 224); + background-color: rgb(50, 50, 47); + border-color: rgb(130, 119, 101); +} +.btn-dark:hover { + color: rgb(255, 244, 224); + background-color: rgb(33, 34, 32); + border-color: rgb(139, 128, 108); +} +.btn-dark.focus, +.btn-dark:focus { + box-shadow: rgba(75, 75, 71, 0.5) 0px 0px 0px 0.2rem; +} +.btn-dark.disabled, +.btn-dark:disabled { + color: rgb(255, 244, 224); + background-color: rgb(50, 50, 47); + border-color: rgb(130, 119, 101); +} +.btn-dark:not(:disabled):not(.disabled).active, +.btn-dark:not(:disabled):not(.disabled):active, +.show > .btn-dark.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(27, 28, 27); + border-color: rgb(141, 130, 110); +} +.btn-dark:not(:disabled):not(.disabled).active:focus, +.btn-dark:not(:disabled):not(.disabled):active:focus, +.show > .btn-dark.dropdown-toggle:focus { + box-shadow: rgba(75, 75, 71, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-primary { + color: rgb(94, 165, 219); + border-color: rgb(30, 87, 146); +} +.btn-outline-primary:hover { + color: rgb(255, 244, 224); + background-color: rgb(34, 99, 167); + border-color: rgb(30, 87, 146); +} +.btn-outline-primary.focus, +.btn-outline-primary:focus { + box-shadow: rgba(34, 99, 167, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: rgb(94, 165, 219); + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled).active, +.btn-outline-primary:not(:disabled):not(.disabled):active, +.show > .btn-outline-primary.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(34, 99, 167); + border-color: rgb(30, 87, 146); +} +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: rgba(34, 99, 167, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-secondary { + color: rgb(172, 159, 138); + border-color: rgb(110, 100, 85); +} +.btn-outline-secondary:hover { + color: rgb(255, 244, 224); + background-color: rgb(100, 100, 96); + border-color: rgb(110, 100, 85); +} +.btn-outline-secondary.focus, +.btn-outline-secondary:focus { + box-shadow: rgba(100, 100, 96, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: rgb(172, 159, 138); + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled).active, +.btn-outline-secondary:not(:disabled):not(.disabled):active, +.show > .btn-outline-secondary.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(100, 100, 96); + border-color: rgb(110, 100, 85); +} +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: rgba(100, 100, 96, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-success { + color: rgb(136, 213, 134); + border-color: rgb(70, 148, 75); +} +.btn-outline-success:hover { + color: rgb(255, 244, 224); + background-color: rgb(60, 127, 65); + border-color: rgb(70, 148, 75); +} +.btn-outline-success.focus, +.btn-outline-success:focus { + box-shadow: rgba(60, 127, 65, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: rgb(136, 213, 134); + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled).active, +.btn-outline-success:not(:disabled):not(.disabled):active, +.show > .btn-outline-success.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(60, 127, 65); + border-color: rgb(70, 148, 75); +} +.btn-outline-success:not(:disabled):not(.disabled).active:focus, +.btn-outline-success:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: rgba(60, 127, 65, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-info { + color: rgb(128, 212, 213); + border-color: rgb(62, 148, 152); +} +.btn-outline-info:hover { + color: rgb(255, 244, 224); + background-color: rgb(53, 127, 131); + border-color: rgb(62, 148, 152); +} +.btn-outline-info.focus, +.btn-outline-info:focus { + box-shadow: rgba(53, 127, 131, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: rgb(128, 212, 213); + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled).active, +.btn-outline-info:not(:disabled):not(.disabled):active, +.show > .btn-outline-info.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(53, 127, 131); + border-color: rgb(62, 148, 152); +} +.btn-outline-info:not(:disabled):not(.disabled).active:focus, +.btn-outline-info:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: rgba(53, 127, 131, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-warning { + color: rgb(255, 208, 75); + border-color: rgb(174, 138, 36); +} +.btn-outline-warning:hover { + color: rgb(230, 218, 197); + background-color: rgb(198, 157, 40); + border-color: rgb(174, 138, 36); +} +.btn-outline-warning.focus, +.btn-outline-warning:focus { + box-shadow: rgba(198, 157, 40, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: rgb(255, 208, 75); + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled).active, +.btn-outline-warning:not(:disabled):not(.disabled):active, +.show > .btn-outline-warning.dropdown-toggle { + color: rgb(230, 218, 197); + background-color: rgb(198, 157, 40); + border-color: rgb(174, 138, 36); +} +.btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: rgba(198, 157, 40, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-danger { + color: rgb(203, 91, 92); + border-color: rgb(129, 41, 44); +} +.btn-outline-danger:hover { + color: rgb(255, 244, 224); + background-color: rgb(144, 46, 49); + border-color: rgb(129, 41, 44); +} +.btn-outline-danger.focus, +.btn-outline-danger:focus { + box-shadow: rgba(144, 46, 49, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: rgb(203, 91, 92); + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled).active, +.btn-outline-danger:not(:disabled):not(.disabled):active, +.show > .btn-outline-danger.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(144, 46, 49); + border-color: rgb(129, 41, 44); +} +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: rgba(144, 46, 49, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-light { + color: rgb(251, 240, 219); + border-color: rgb(57, 57, 54); +} +.btn-outline-light:hover { + color: rgb(230, 218, 197); + background-color: rgb(31, 32, 30); + border-color: rgb(57, 57, 54); +} +.btn-outline-light.focus, +.btn-outline-light:focus { + box-shadow: rgba(31, 32, 30, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: rgb(251, 240, 219); + background-color: transparent; +} +.btn-outline-light:not(:disabled):not(.disabled).active, +.btn-outline-light:not(:disabled):not(.disabled):active, +.show > .btn-outline-light.dropdown-toggle { + color: rgb(230, 218, 197); + background-color: rgb(31, 32, 30); + border-color: rgb(57, 57, 54); +} +.btn-outline-light:not(:disabled):not(.disabled).active:focus, +.btn-outline-light:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: rgba(31, 32, 30, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-dark { + color: rgb(214, 202, 181); + border-color: rgb(130, 119, 101); +} +.btn-outline-dark:hover { + color: rgb(255, 244, 224); + background-color: rgb(50, 50, 47); + border-color: rgb(130, 119, 101); +} +.btn-outline-dark.focus, +.btn-outline-dark:focus { + box-shadow: rgba(50, 50, 47, 0.5) 0px 0px 0px 0.2rem; +} +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: rgb(214, 202, 181); + background-color: transparent; +} +.btn-outline-dark:not(:disabled):not(.disabled).active, +.btn-outline-dark:not(:disabled):not(.disabled):active, +.show > .btn-outline-dark.dropdown-toggle { + color: rgb(255, 244, 224); + background-color: rgb(50, 50, 47); + border-color: rgb(130, 119, 101); +} +.btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.btn-outline-dark:not(:disabled):not(.disabled):active:focus, +.show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: rgba(50, 50, 47, 0.5) 0px 0px 0px 0.2rem; +} +.btn-link { + color: rgb(94, 165, 219); + text-decoration-color: initial; +} +.btn-link:hover { + color: rgb(136, 189, 226); + text-decoration-color: initial; +} +.btn-link.focus, +.btn-link:focus { + text-decoration-color: initial; + box-shadow: none; +} +.btn-link.disabled, +.btn-link:disabled { + color: rgb(172, 159, 138); +} +.dropdown-toggle::after { + border-top-color: initial; + border-right-color: transparent; + border-bottom-color: initial; + border-left-color: transparent; +} +.dropdown-menu { + color: rgb(230, 218, 197); + list-style-image: initial; + background-color: rgb(27, 27, 26); + border-color: rgba(151, 138, 117, 0.15); +} +.dropup .dropdown-toggle::after { + border-top-color: initial; + border-right-color: transparent; + border-bottom-color: initial; + border-left-color: transparent; +} +.dropright .dropdown-toggle::after { + border-top-color: transparent; + border-right-color: initial; + border-bottom-color: transparent; + border-left-color: initial; +} +.dropleft .dropdown-toggle::before { + border-top-color: transparent; + border-right-color: initial; + border-bottom-color: transparent; +} +.dropdown-divider { + border-top-color: rgb(60, 61, 58); +} +.dropdown-item { + color: rgb(230, 218, 197); + background-color: transparent; + border-color: initial; +} +.dropdown-item:focus, +.dropdown-item:hover { + color: rgb(238, 226, 206); + text-decoration-color: initial; + background-color: rgb(31, 32, 30); +} +.dropdown-item.active, +.dropdown-item:active { + color: rgb(255, 244, 224); + text-decoration-color: initial; + background-color: rgb(34, 99, 167); +} +.dropdown-item.disabled, +.dropdown-item:disabled { + color: rgb(172, 159, 138); + background-color: transparent; +} +.dropdown-header { + color: rgb(172, 159, 138); +} +.dropdown-item-text { + color: rgb(230, 218, 197); +} +.input-group-text { + color: rgb(198, 186, 166); + background-color: rgb(40, 40, 38); + border-color: rgb(68, 69, 66); +} +.custom-control-input:checked ~ .custom-control-label::before { + color: rgb(255, 244, 224); + border-color: rgb(30, 87, 146); + background-color: rgb(34, 99, 167); +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: rgba(34, 99, 167, 0.25) 0px 0px 0px 0.2rem; +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: rgb(23, 68, 114); +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: rgb(255, 244, 224); + background-color: rgb(51, 52, 49); + border-color: rgb(21, 60, 102); +} +.custom-control-input:disabled ~ .custom-control-label { + color: rgb(172, 159, 138); +} +.custom-control-input:disabled ~ .custom-control-label::before { + background-color: rgb(40, 40, 38); +} +.custom-control-label::before { + background-color: rgb(27, 27, 26); + border-color: rgb(78, 79, 75); +} +.custom-control-label::after { + background-image: initial; + background-color: initial; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: rgb(30, 87, 146); + background-color: rgb(34, 99, 167); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(34, 99, 167, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(34, 99, 167, 0.5); +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(34, 99, 167, 0.5); +} +.custom-switch .custom-control-label::after { + background-color: rgb(75, 75, 71); +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: rgb(27, 27, 26); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(34, 99, 167, 0.5); +} +.custom-select { + color: rgb(198, 186, 166); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"); + background-color: rgb(27, 27, 26); + border-color: rgb(68, 69, 66); +} +.custom-select:focus { + border-color: rgb(23, 68, 114); + outline-color: initial; + box-shadow: rgba(34, 99, 167, 0.25) 0px 0px 0px 0.2rem; +} +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + background-image: none; +} +.custom-select:disabled { + color: rgb(172, 159, 138); + background-color: rgb(40, 40, 38); +} +.custom-file-input:focus ~ .custom-file-label { + border-color: rgb(23, 68, 114); + box-shadow: rgba(34, 99, 167, 0.25) 0px 0px 0px 0.2rem; +} +.custom-file-input:disabled ~ .custom-file-label { + background-color: rgb(40, 40, 38); +} +.custom-file-label { + color: rgb(198, 186, 166); + background-color: rgb(27, 27, 26); + border-color: rgb(68, 69, 66); +} +.custom-file-label::after { + color: rgb(198, 186, 166); + background-color: rgb(40, 40, 38); + border-left-color: inherit; +} +.custom-range { + background-color: transparent; +} +.custom-range:focus { + outline-color: initial; +} +.custom-range:focus::-webkit-slider-thumb { + box-shadow: rgb(27, 27, 26) 0px 0px 0px 1px, + rgba(34, 99, 167, 0.25) 0px 0px 0px 0.2rem; +} +.custom-range::-webkit-slider-thumb { + background-color: rgb(34, 99, 167); + border-color: initial; +} +.custom-range::-webkit-slider-thumb:active { + background-color: rgb(51, 52, 49); +} +.custom-range::-webkit-slider-runnable-track { + color: transparent; + background-color: rgb(45, 46, 44); + border-color: transparent; +} +.custom-range:disabled::-webkit-slider-thumb { + background-color: rgb(75, 75, 71); +} +.nav { + list-style-image: initial; +} +.nav-link:focus, +.nav-link:hover { + text-decoration-color: initial; +} +.nav-link.disabled { + color: rgb(172, 159, 138); +} +.nav-tabs { + border-bottom-color: rgb(63, 64, 61); +} +.nav-tabs .nav-link { + border-color: transparent; +} +.nav-tabs .nav-link:focus, +.nav-tabs .nav-link:hover { + border-color: rgb(60, 61, 58) rgb(60, 61, 58) rgb(63, 64, 61); +} +.nav-tabs .nav-link.disabled { + color: rgb(172, 159, 138); + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-link.active { + color: rgb(198, 186, 166); + background-color: rgb(27, 27, 26); + border-color: rgb(63, 64, 61) rgb(63, 64, 61) rgb(54, 55, 52); +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: rgb(255, 244, 224); + background-color: rgb(34, 99, 167); +} +.navbar-brand:focus, +.navbar-brand:hover { + text-decoration-color: initial; +} +.navbar-nav { + list-style-image: initial; +} +.navbar-toggler { + background-color: transparent; + border-color: transparent; +} +.navbar-toggler:focus, +.navbar-toggler:hover { + text-decoration-color: initial; +} +.navbar-toggler-icon { + background-image: initial; + background-color: initial; +} +.navbar-light .navbar-brand { + color: rgba(255, 244, 224, 0.9); +} +.navbar-light .navbar-brand:focus, +.navbar-light .navbar-brand:hover { + color: rgba(255, 244, 224, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(255, 244, 224, 0.5); +} +.navbar-light .navbar-nav .nav-link:focus, +.navbar-light .navbar-nav .nav-link:hover { + color: rgba(255, 244, 224, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(255, 244, 224, 0.3); +} +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.active, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .show > .nav-link { + color: rgba(255, 244, 224, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(255, 244, 224, 0.5); + border-color: rgba(151, 138, 117, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml, %3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(255, 244, 224, 0.5); +} +.navbar-light .navbar-text a { + color: rgba(255, 244, 224, 0.9); +} +.navbar-light .navbar-text a:focus, +.navbar-light .navbar-text a:hover { + color: rgba(255, 244, 224, 0.9); +} +.navbar-dark .navbar-brand { + color: rgb(255, 244, 224); +} +.navbar-dark .navbar-brand:focus, +.navbar-dark .navbar-brand:hover { + color: rgb(255, 244, 224); +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 244, 224, 0.5); +} +.navbar-dark .navbar-nav .nav-link:focus, +.navbar-dark .navbar-nav .nav-link:hover { + color: rgba(255, 244, 224, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 244, 224, 0.25); +} +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.active, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .show > .nav-link { + color: rgb(255, 244, 224); +} +.navbar-dark .navbar-toggler { + color: rgba(255, 244, 224, 0.5); + border-color: rgba(54, 55, 52, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml, %3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(255, 244, 224, 0.5); +} +.navbar-dark .navbar-text a { + color: rgb(255, 244, 224); +} +.navbar-dark .navbar-text a:focus, +.navbar-dark .navbar-text a:hover { + color: rgb(255, 244, 224); +} +.card { + background-color: rgb(27, 27, 26); + border-color: rgba(151, 138, 117, 0.13); +} +.card-link:hover { + text-decoration-color: initial; +} +.card-header { + background-color: rgba(0, 0, 0, 0.03); + border-bottom-color: rgba(151, 138, 117, 0.13); +} +.card-header + .list-group .list-group-item:first-child { + border-top-color: initial; +} +.card-footer { + background-color: rgba(0, 0, 0, 0.03); + border-top-color: rgba(151, 138, 117, 0.13); +} +.card-header-tabs { + border-bottom-color: initial; +} +@media (min-width: 576px) { + .card-group > .card + .card { + border-left-color: initial; + } +} +.accordion > .card:not(:first-of-type):not(:last-of-type) { + border-bottom-color: initial; +} +.accordion > .card:first-of-type { + border-bottom-color: initial; +} +.breadcrumb { + list-style-image: initial; + background-color: rgb(40, 40, 38); +} +.breadcrumb-item + .breadcrumb-item::before { + color: rgb(172, 159, 138); +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration-color: initial; +} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration-color: initial; +} +.breadcrumb-item.active { + color: rgb(172, 159, 138); +} +.pagination { + list-style-image: initial; +} +.page-link { + color: rgb(94, 165, 219); + background-color: rgb(27, 27, 26); + border-color: rgb(63, 64, 61); +} +.page-link:hover { + color: rgb(136, 189, 226); + text-decoration-color: initial; + background-color: rgb(40, 40, 38); + border-color: rgb(63, 64, 61); +} +.page-link:focus { + outline-color: initial; + box-shadow: rgba(34, 99, 167, 0.25) 0px 0px 0px 0.2rem; +} +.page-item.active .page-link { + color: rgb(255, 244, 224); + background-color: rgb(34, 99, 167); + border-color: rgb(30, 87, 146); +} +.page-item.disabled .page-link { + color: rgb(172, 159, 138); + background-color: rgb(27, 27, 26); + border-color: rgb(63, 64, 61); +} +a.badge:focus, +a.badge:hover { + text-decoration-color: initial; +} +.badge-primary { + color: rgb(255, 244, 224); + background-color: rgb(34, 99, 167); +} +a.badge-primary:focus, +a.badge-primary:hover { + color: rgb(255, 244, 224); + background-color: rgb(27, 79, 133); +} +a.badge-primary.focus, +a.badge-primary:focus { + outline-color: initial; + box-shadow: rgba(34, 99, 167, 0.5) 0px 0px 0px 0.2rem; +} +.badge-secondary { + color: rgb(255, 244, 224); + background-color: rgb(100, 100, 96); +} +a.badge-secondary:focus, +a.badge-secondary:hover { + color: rgb(255, 244, 224); + background-color: rgb(78, 78, 74); +} +a.badge-secondary.focus, +a.badge-secondary:focus { + outline-color: initial; + box-shadow: rgba(100, 100, 96, 0.5) 0px 0px 0px 0.2rem; +} +.badge-success { + color: rgb(255, 244, 224); + background-color: rgb(60, 127, 65); +} +a.badge-success:focus, +a.badge-success:hover { + color: rgb(255, 244, 224); + background-color: rgb(45, 96, 49); +} +a.badge-success.focus, +a.badge-success:focus { + outline-color: initial; + box-shadow: rgba(60, 127, 65, 0.5) 0px 0px 0px 0.2rem; +} +.badge-info { + color: rgb(255, 244, 224); + background-color: rgb(53, 127, 131); +} +a.badge-info:focus, +a.badge-info:hover { + color: rgb(255, 244, 224); + background-color: rgb(40, 96, 99); +} +a.badge-info.focus, +a.badge-info:focus { + outline-color: initial; + box-shadow: rgba(53, 127, 131, 0.5) 0px 0px 0px 0.2rem; +} +.badge-warning { + color: rgb(230, 218, 197); + background-color: rgb(198, 157, 40); +} +a.badge-warning:focus, +a.badge-warning:hover { + color: rgb(230, 218, 197); + background-color: rgb(167, 132, 34); +} +a.badge-warning.focus, +a.badge-warning:focus { + outline-color: initial; + box-shadow: rgba(198, 157, 40, 0.5) 0px 0px 0px 0.2rem; +} +.badge-danger { + color: rgb(255, 244, 224); + background-color: rgb(144, 46, 49); +} +a.badge-danger:focus, +a.badge-danger:hover { + color: rgb(255, 244, 224); + background-color: rgb(132, 41, 45); +} +a.badge-danger.focus, +a.badge-danger:focus { + outline-color: initial; + box-shadow: rgba(144, 46, 49, 0.5) 0px 0px 0px 0.2rem; +} +.badge-light { + color: rgb(230, 218, 197); + background-color: rgb(31, 32, 30); +} +a.badge-light:focus, +a.badge-light:hover { + color: rgb(230, 218, 197); + background-color: rgb(47, 48, 45); +} +a.badge-light.focus, +a.badge-light:focus { + outline-color: initial; + box-shadow: rgba(31, 32, 30, 0.5) 0px 0px 0px 0.2rem; +} +.badge-dark { + color: rgb(255, 244, 224); + background-color: rgb(50, 50, 47); +} +a.badge-dark:focus, +a.badge-dark:hover { + color: rgb(255, 244, 224); + background-color: rgb(27, 28, 27); +} +a.badge-dark.focus, +a.badge-dark:focus { + outline-color: initial; + box-shadow: rgba(50, 50, 47, 0.5) 0px 0px 0px 0.2rem; +} +.jumbotron { + background-color: rgb(40, 40, 38); +} +.alert { + border-color: transparent; +} +.alert-heading { + color: inherit; +} +.alert-dismissible .close { + color: inherit; +} +.alert-primary { + color: rgb(161, 202, 230); + background-color: rgb(43, 44, 42); + border-color: rgb(21, 60, 100); +} +.alert-primary hr { + border-top-color: rgb(22, 64, 107); +} +.alert-primary .alert-link { + color: rgb(226, 214, 193); +} +.alert-secondary { + color: rgb(212, 200, 179); + background-color: rgb(45, 45, 43); + border-color: rgb(67, 67, 64); +} +.alert-secondary hr { + border-top-color: rgb(71, 72, 68); +} +.alert-secondary .alert-link { + color: rgb(231, 219, 198); +} +.alert-success { + color: rgb(188, 233, 176); + background-color: rgb(38, 61, 42); + border-color: rgb(54, 88, 54); +} +.alert-success hr { + border-top-color: rgb(57, 94, 57); +} +.alert-success .alert-link { + color: rgb(235, 223, 203); +} +.alert-info { + color: rgb(182, 233, 226); + background-color: rgb(34, 59, 61); + border-color: rgb(51, 89, 88); +} +.alert-info hr { + border-top-color: rgb(53, 93, 94); +} +.alert-info .alert-link { + color: rgb(235, 223, 203); +} +.alert-warning { + color: rgb(255, 227, 138); + background-color: rgb(81, 65, 17); + border-color: rgb(122, 96, 25); +} +.alert-warning hr { + border-top-color: rgb(129, 102, 26); +} +.alert-warning .alert-link { + color: rgb(225, 212, 192); +} +.alert-danger { + color: rgb(223, 152, 146); + background-color: rgb(59, 19, 20); + border-color: rgb(91, 29, 31); +} +.alert-danger hr { + border-top-color: rgb(96, 31, 34); +} +.alert-danger .alert-link { + color: rgb(223, 211, 190); +} +.alert-light { + color: rgb(166, 153, 132); + background-color: rgb(28, 28, 27); + border-color: rgb(40, 38, 59); +} +.alert-light hr { + border-top-color: rgb(41, 39, 64); +} +.alert-light .alert-link { + color: rgb(181, 169, 148); +} +.alert-dark { + color: rgb(234, 222, 202); + background-color: rgb(52, 53, 50); + border-color: rgb(72, 73, 69); +} +.alert-dark hr { + border-top-color: rgb(76, 77, 73); +} +.alert-dark .alert-link { + color: rgb(252, 241, 221); +} +.progress { + background-color: rgb(40, 40, 38); +} +.progress-bar { + color: rgb(255, 244, 224); + background-color: rgb(34, 99, 167); +} +.progress-bar-striped { + background-image: linear-gradient(45deg, + rgba(27, 27, 26, 0.15) 25%, + rgba(0, 0, 0, 0) 25%, + rgba(0, 0, 0, 0) 50%, + rgba(27, 27, 26, 0.15) 50%, + rgba(27, 27, 26, 0.15) 75%, + rgba(0, 0, 0, 0) 75%, + rgba(0, 0, 0, 0)); +} +.list-group-item-action { + color: rgb(198, 186, 166); +} +.list-group-item-action:focus, +.list-group-item-action:hover { + color: rgb(198, 186, 166); + text-decoration-color: initial; + background-color: rgb(31, 32, 30); +} +.list-group-item-action:active { + color: rgb(230, 218, 197); + background-color: rgb(40, 40, 38); +} +.list-group-item { + background-color: rgb(27, 27, 26); + border-color: rgba(151, 138, 117, 0.13); +} +.list-group-item.disabled, +.list-group-item:disabled { + color: rgb(172, 159, 138); + background-color: rgb(27, 27, 26); +} +.list-group-item.active { + color: rgb(255, 244, 224); + background-color: rgb(34, 99, 167); + border-color: rgb(30, 87, 146); +} +.list-group-flush .list-group-item { + border-right-color: initial; + border-left-color: initial; +} +.list-group-flush:first-child .list-group-item:first-child { + border-top-color: initial; +} +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-color: initial; +} +.list-group-item-primary { + color: rgb(161, 202, 230); + background-color: rgb(50, 51, 48); +} +.list-group-item-primary.list-group-item-action:focus, +.list-group-item-primary.list-group-item-action:hover { + color: rgb(161, 202, 230); + background-color: rgb(58, 58, 55); +} +.list-group-item-primary.list-group-item-action.active { + color: rgb(255, 244, 224); + background-color: rgb(18, 52, 87); + border-color: rgb(36, 105, 176); +} +.list-group-item-secondary { + color: rgb(212, 200, 179); + background-color: rgb(52, 53, 49); +} +.list-group-item-secondary.list-group-item-action:focus, +.list-group-item-secondary.list-group-item-action:hover { + color: rgb(212, 200, 179); + background-color: rgb(60, 61, 58); +} +.list-group-item-secondary.list-group-item-action.active { + color: rgb(255, 244, 224); + background-color: rgb(52, 52, 49); + border-color: rgb(129, 118, 101); +} +.list-group-item-success { + color: rgb(188, 233, 176); + background-color: rgb(44, 71, 49); +} +.list-group-item-success.list-group-item-action:focus, +.list-group-item-success.list-group-item-action:hover { + color: rgb(188, 233, 176); + background-color: rgb(50, 81, 56); +} +.list-group-item-success.list-group-item-action.active { + color: rgb(255, 244, 224); + background-color: rgb(32, 67, 34); + border-color: rgb(81, 170, 87); +} +.list-group-item-info { + color: rgb(182, 233, 226); + background-color: rgb(40, 71, 71); +} +.list-group-item-info.list-group-item-action:focus, +.list-group-item-info.list-group-item-action:hover { + color: rgb(182, 233, 226); + background-color: rgb(47, 81, 81); +} +.list-group-item-info.list-group-item-action.active { + color: rgb(255, 244, 224); + background-color: rgb(28, 66, 68); + border-color: rgb(72, 169, 176); +} +.list-group-item-warning { + color: rgb(255, 227, 138); + background-color: rgb(91, 73, 19); +} +.list-group-item-warning.list-group-item-action:focus, +.list-group-item-warning.list-group-item-action:hover { + color: rgb(255, 227, 138); + background-color: rgb(106, 85, 22); +} +.list-group-item-warning.list-group-item-action.active { + color: rgb(255, 244, 224); + background-color: rgb(105, 84, 24); + border-color: rgb(206, 163, 46); +} +.list-group-item-danger { + color: rgb(223, 152, 146); + background-color: rgb(68, 22, 23); +} +.list-group-item-danger.list-group-item-action:focus, +.list-group-item-danger.list-group-item-action:hover { + color: rgb(223, 152, 146); + background-color: rgb(79, 25, 28); +} +.list-group-item-danger.list-group-item-action.active { + color: rgb(255, 244, 224); + background-color: rgb(81, 31, 32); + border-color: rgb(153, 59, 61); +} +.list-group-item-light { + color: rgb(166, 153, 132); + background-color: rgb(28, 28, 27); +} +.list-group-item-light.list-group-item-action:focus, +.list-group-item-light.list-group-item-action:hover { + color: rgb(166, 153, 132); + background-color: rgb(36, 37, 35); +} +.list-group-item-light.list-group-item-action.active { + color: rgb(255, 244, 224); + background-color: rgb(108, 109, 103); + border-color: rgb(94, 95, 91); +} +.list-group-item-dark { + color: rgb(234, 222, 202); + background-color: rgb(62, 63, 60); +} +.list-group-item-dark.list-group-item-action:focus, +.list-group-item-dark.list-group-item-action:hover { + color: rgb(234, 222, 202); + background-color: rgb(70, 71, 68); +} +.list-group-item-dark.list-group-item-action.active { + color: rgb(255, 244, 224); + background-color: rgb(26, 25, 24); + border-color: rgb(140, 129, 109); +} +.close { + color: rgb(255, 244, 224); + text-shadow: rgb(27, 27, 26) 0px 1px 0px; +} +.close:hover { + color: rgb(255, 244, 224); + text-decoration-color: initial; +} +button.close { + background-color: transparent; + border-color: initial; +} +.toast { + background-color: rgba(27, 27, 26, 0.85); + border-color: rgba(151, 138, 117, 0.1); + box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.75rem; +} +.toast-header { + color: rgb(172, 159, 138); + background-color: rgba(27, 27, 26, 0.85); + border-bottom-color: rgba(151, 138, 117, 0.05); +} +.modal { + outline-color: initial; +} +.modal-content { + background-color: rgb(27, 27, 26); + border-color: rgba(151, 138, 117, 0.2); + outline-color: initial; +} +.modal-backdrop { + background-color: rgb(0, 0, 0); +} +.modal-header { + border-bottom-color: rgb(63, 64, 61); +} +.modal-footer { + border-top-color: rgb(63, 64, 61); +} +.tooltip { + text-decoration-color: initial; text-shadow: none; +} +.tooltip .arrow::before { + border-color: transparent; +} +.bs-tooltip-auto[x-placement^="top"] .arrow::before, +.bs-tooltip-top .arrow::before { + border-top-color: rgb(151, 138, 117); +} +.bs-tooltip-auto[x-placement^="right"] .arrow::before, +.bs-tooltip-right .arrow::before { + border-right-color: rgb(151, 138, 117); +} +.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, +.bs-tooltip-bottom .arrow::before { + border-bottom-color: rgb(151, 138, 117); +} +.bs-tooltip-auto[x-placement^="left"] .arrow::before, +.bs-tooltip-left .arrow::before { + border-left-color: rgb(151, 138, 117); +} +.tooltip-inner { + color: rgb(255, 244, 224); + background-color: rgb(0, 0, 0); +} +.popover { + text-decoration-color: initial; + text-shadow: none; + background-color: rgb(27, 27, 26); + border-color: rgba(151, 138, 117, 0.2); +} +.popover .arrow::after, .popover .arrow::before { + border-color: transparent; +} +.bs-popover-auto[x-placement^="top"] > .arrow::before, +.bs-popover-top > .arrow::before { + border-top-color: rgba(151, 138, 117, 0.25); +} +.bs-popover-auto[x-placement^="top"] > .arrow::after, +.bs-popover-top > .arrow::after { + border-top-color: rgb(54, 55, 52); +} +.bs-popover-auto[x-placement^="right"] > .arrow::before, +.bs-popover-right > .arrow::before { + border-right-color: rgba(151, 138, 117, 0.25); +} +.bs-popover-auto[x-placement^="right"] > .arrow::after, +.bs-popover-right > .arrow::after { + border-right-color: rgb(54, 55, 52); +} +.bs-popover-auto[x-placement^="bottom"] > .arrow::before, +.bs-popover-bottom > .arrow::before { + border-bottom-color: rgba(151, 138, 117, 0.25); +} +.bs-popover-auto[x-placement^="bottom"] > .arrow::after, +.bs-popover-bottom > .arrow::after { + border-bottom-color: rgb(54, 55, 52); +} +.bs-popover-auto[x-placement^="bottom"] .popover-header::before, +.bs-popover-bottom .popover-header::before { + border-bottom-color: rgb(57, 57, 55); +} +.bs-popover-auto[x-placement^="left"] > .arrow::before, +.bs-popover-left > .arrow::before { + border-left-color: rgba(151, 138, 117, 0.25); +} +.bs-popover-auto[x-placement^="left"] > .arrow::after, +.bs-popover-left > .arrow::after { + border-left-color: rgb(54, 55, 52); +} +.popover-header { + background-color: rgb(33, 33, 31); + border-bottom-color: rgb(61, 61, 58); +} +.popover-body { + color: rgb(230, 218, 197); +} +.carousel-control-next, +.carousel-control-prev { + color: rgb(255, 244, 224); +} +.carousel-control-next:focus, +.carousel-control-next:hover, +.carousel-control-prev:focus, +.carousel-control-prev:hover { + color: rgb(255, 244, 224); + text-decoration-color: initial; + outline-color: initial; +} +.carousel-control-next-icon, +.carousel-control-prev-icon { + background-image: initial; + background-color: initial; +} +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); +} +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); +} +.carousel-indicators { + list-style-image: initial; +} +.carousel-indicators li { + background-color: rgb(27, 27, 26); + border-top-color: transparent; + border-bottom-color: transparent; +} +.carousel-caption { + color: rgb(255, 244, 224); +} +.spinner-border { + border-color: currentcolor transparent currentcolor currentcolor; +} +.spinner-grow { + background-color: currentcolor; +} +.bg-primary { + background-color: rgb(34, 99, 167) !important; +} +a.bg-primary:focus, +a.bg-primary:hover, +button.bg-primary:focus, +button.bg-primary:hover { + background-color: rgb(27, 79, 133) !important; +} +.bg-secondary { + background-color: rgb(100, 100, 96) !important; +} +a.bg-secondary:focus, +a.bg-secondary:hover, +button.bg-secondary:focus, +button.bg-secondary:hover { + background-color: rgb(78, 78, 74) !important; +} +.bg-success { + background-color: rgb(60, 127, 65) !important; +} +a.bg-success:focus, +a.bg-success:hover, +button.bg-success:focus, +button.bg-success:hover { + background-color: rgb(45, 96, 49) !important; +} +.bg-info { + background-color: rgb(53, 127, 131) !important; +} +a.bg-info:focus, +a.bg-info:hover, +button.bg-info:focus, +button.bg-info:hover { + background-color: rgb(40, 96, 99) !important; +} +.bg-warning { + background-color: rgb(198, 157, 40) !important; +} +a.bg-warning:focus, +a.bg-warning:hover, +button.bg-warning:focus, +button.bg-warning:hover { + background-color: rgb(167, 132, 34) !important; +} +.bg-danger { + background-color: rgb(144, 46, 49) !important; +} +a.bg-danger:focus, +a.bg-danger:hover, +button.bg-danger:focus, +button.bg-danger:hover { + background-color: rgb(132, 41, 45) !important; +} +.bg-light { + background-color: rgb(31, 32, 30) !important; +} +a.bg-light:focus, +a.bg-light:hover, +button.bg-light:focus, +button.bg-light:hover { + background-color: rgb(47, 48, 45) !important; +} +.bg-dark { + background-color: rgb(50, 50, 47) !important; +} +a.bg-dark:focus, +a.bg-dark:hover, +button.bg-dark:focus, +button.bg-dark:hover { + background-color: rgb(27, 28, 27) !important; +} +.bg-white { + background-color: rgb(27, 27, 26) !important; +} +.bg-transparent { + background-color: transparent !important; +} +.border { + border-color: rgb(63, 64, 61) !important; +} +.border-top { + border-top-color: rgb(63, 64, 61) !important; +} +.border-right { + border-right-color: rgb(63, 64, 61) !important; +} +.border-bottom { + border-bottom-color: rgb(63, 64, 61) !important; +} +.border-left { + border-left-color: rgb(63, 64, 61) !important; +} +.border-0 { + border-color: initial !important; +} +.border-top-0 { + border-top-color: initial !important; +} +.border-right-0 { + border-right-color: initial !important; +} +.border-bottom-0 { + border-bottom-color: initial !important; +} +.border-left-0 { + border-left-color: initial !important; +} +.border-primary { + border-color: rgb(30, 87, 146) !important; +} +.border-secondary { + border-color: rgb(110, 100, 85) !important; +} +.border-success { + border-color: rgb(70, 148, 75) !important; +} +.border-info { + border-color: rgb(62, 148, 152) !important; +} +.border-warning { + border-color: rgb(174, 138, 36) !important; +} +.border-danger { + border-color: rgb(129, 41, 44) !important; +} +.border-light { + border-color: rgb(57, 57, 54) !important; +} +.border-dark { + border-color: rgb(130, 119, 101) !important; +} +.border-white { + border-color: rgb(54, 55, 52) !important; +} +.embed-responsive .embed-responsive-item, +.embed-responsive embed, +.embed-responsive iframe, +.embed-responsive object, +.embed-responsive video { + border-color: initial; +} +.sr-only { + border-color: initial; +} +.shadow-sm { + box-shadow: rgba(0, 0, 0, 0.07) 0px 0.125rem 0.25rem !important; +} +.shadow { + box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; +} +.shadow-lg { + box-shadow: rgba(0, 0, 0, 0.18) 0px 1rem 3rem !important; +} +.shadow-none { + box-shadow: none !important; +} +.stretched-link::after { + background-color: rgba(0, 0, 0, 0); +} +.text-white { + color: rgb(255, 244, 224) !important; +} +.text-primary { + color: rgb(94, 165, 219) !important; +} +a.text-primary:focus, +a.text-primary:hover { + color: rgb(136, 189, 226) !important; +} +.text-secondary { + color: rgb(172, 159, 138) !important; +} +a.text-secondary:focus, +a.text-secondary:hover { + color: rgb(199, 187, 167) !important; +} +.text-success { + color: rgb(136, 213, 134) !important; +} +a.text-success:focus, +a.text-success:hover { + color: rgb(176, 229, 167) !important; +} +.text-info { + color: rgb(128, 212, 213) !important; +} +a.text-info:focus, +a.text-info:hover { + color: rgb(171, 228, 223) !important; +} +.text-warning { + color: rgb(255, 208, 75) !important; +} +a.text-warning:focus, +a.text-warning:hover { + color: rgb(255, 220, 109) !important; +} +.text-danger { + color: rgb(203, 91, 92) !important; +} +a.text-danger:focus, +a.text-danger:hover { + color: rgb(214, 115, 113) !important; +} +.text-light { + color: rgb(251, 240, 219) !important; +} +a.text-light:focus, +a.text-light:hover { + color: rgb(224, 211, 191) !important; +} +.text-dark { + color: rgb(214, 202, 181) !important; +} +a.text-dark:focus, +a.text-dark:hover { + color: rgb(241, 229, 209) !important; +} +.text-body { + color: rgb(230, 218, 197) !important; +} +.text-muted { + color: rgb(172, 159, 138) !important; +} +.text-black-50 { + color: rgba(255, 244, 224, 0.5) !important; +} +.text-white-50 { + color: rgba(255, 244, 224, 0.5) !important; +} +.text-hide { + color: transparent; text-shadow: none; background-color: transparent; border-color: initial; +} +.text-decoration-none { + text-decoration-color: initial !important; +} +.text-reset { + color: inherit !important; +} +code[class*="language-"], pre[class*="language-"] { + color: rgb(255, 244, 224); + background-image: none; + background-color: initial; + text-shadow: rgb(27, 27, 26) 0px 1px; +} +pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { + text-shadow: none; + background-image: initial; + background-color: rgb(52, 53, 50); +} +:not(pre) > code[class*="language-"], pre[class*="language-"] { + background-image: initial; + background-color: rgb(42, 34, 28); +} +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: rgb(165, 152, 131); +} +.token.punctuation { + color: rgb(183, 170, 149); +} +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: rgb(241, 124, 173); +} +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: rgb(230, 255, 129); +} +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: rgb(206, 171, 123); + background-image: initial; + background-color: rgba(27, 27, 26, 0.5); +} +.token.atrule, +.token.attr-value, +.token.keyword { + color: rgb(131, 207, 228); +} +.token.function, +.token.class-name { + color: rgb(208, 106, 115); +} +.token.regex, +.token.important, +.token.variable { + color: rgb(251, 189, 77); +} +.nuxt-progress { + background-color: rgb(0, 0, 0); +} +.nuxt-progress-failed { + background-color: rgb(167, 21, 17); +} +.nuxt__build_indicator[data-v-71e9e103] { + box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px 0px; +} +.hr { + background-image: initial; + background-color: rgba(27, 27, 26, 0.2); +} +.info p { + color: rgb(165, 152, 131); +} +.info li { + color: rgb(255, 244, 224); +} +#fb::before { + background-image: initial; + background-color: rgb(62, 75, 105); +} +#ig::before { + background-image: initial; + background-color: rgb(155, 103, 31); +} +#tw::before { + background-image: initial; + background-color: rgb(42, 91, 125); +} +#yt::before { + background-image: initial; + background-color: rgb(139, 53, 44); +} +#gh::before { + background-image: initial; + background-color: rgb(33, 35, 35); +} +#media ul { + list-style-image: initial; +} +div #no-h, +#personal a, +a:hover, +#media a, +a:hover, +#address a, +a:hover { + color: inherit; + text-decoration-color: initial; +} +nav { + background-image: initial; + background-color: rgb(13, 13, 12); +} +nav #brand a { + color: rgb(255, 244, 224); +} +nav #brand a:hover { + text-decoration-color: initial; +} +nav #menu li a { + color: rgb(255, 244, 224); +} +nav #menu li a:hover { + text-decoration-color: initial; +} +#menu-item-4:hover { + text-decoration-color: initial !important; +} +#resize { + background-image: initial; + background-color: rgb(13, 13, 12); +} +#resize #menu li a { + color: rgb(255, 244, 224); +} +#resize #menu li a:hover { + text-decoration-color: initial; +} +.vertical { + border-left-color: rgb(54, 55, 52); +} +#contact-form ul { + list-style-image: initial; +} +#contact-form li:last-of-type { + border-bottom-color: initial; +} +#contact-form label { + color: rgb(183, 170, 149); +} +#contact-form input, +#contact-form textarea { + border-color: initial; + background-image: initial; + background-color: transparent; + color: rgb(255, 244, 224); +} +input:focus { + outline-color: initial; + border-color: initial; +} +textarea:focus { + outline-color: initial; + border-color: initial; +} +.textarea { + border-bottom-color: rgb(65, 65, 62); +} +.send { + background-image: initial; + background-color: transparent; + color: rgb(233, 221, 200); +} +.send:hover { + background-image: initial; + background-color: rgb(48, 48, 46); + color: rgb(244, 232, 212); +} +.mobile-txt2 { + color: rgb(255, 244, 224); +} +.line { + border-right-color: rgba(54, 55, 52, 0.75); +} +.scroll-down { + text-decoration-color: initial; + border-bottom-color: rgb(54, 55, 52); + border-right-color: rgb(54, 55, 52); +} +.prev, +.next p { + color: rgb(165, 152, 131); +} +.image { + background-image: url("https://images.unsplash.com/photo-1540885762261-a2ca01f290f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2468&q=80"); + background-color: initial; +} +.hero-content p { + color: rgb(165, 152, 131); +} +html, +body { + background-image: initial !important; + background-color: rgb(13, 13, 12) !important; + color: rgb(255, 244, 224) !important; +} +.logo[data-v-51704dc2] { + color: rgb(255, 244, 224); +} +.logo a[data-v-51704dc2] { + color: rgb(255, 244, 224); + text-decoration-color: initial; +} +nav ul li a[data-v-51704dc2] { + outline-color: initial; + color: rgb(255, 244, 224); + text-decoration-color: initial; +} +@media screen and (max-width: 864px) { + .nav-wrapper[data-v-51704dc2] { + background-image: initial; + background-color: rgb(13, 13, 12); + } + .nav-wrapper ul li a[data-v-51704dc2] { + color: rgb(255, 244, 224); + } + .nav-btn i[data-v-51704dc2] { + background-image: initial; + background-color: rgb(27, 27, 26); + } +} +#nav:checked + .nav-btn i[data-v-51704dc2] { + background-image: initial; + background-color: rgb(27, 27, 26); +} + +/* Override Style */ +.vimvixen-hint { + background-color: #775707 !important; + border-color: #dab73c !important; + color: #fff6cd !important; +} +::placeholder { + opacity: 0.5 !important; +} diff --git a/assets/styles/components/category-section.scss b/assets/styles/components/category-section.scss new file mode 100644 index 0000000..893a91b --- /dev/null +++ b/assets/styles/components/category-section.scss @@ -0,0 +1,17 @@ +@media(max-width: 768px) { + .project { + width: 90% !important; + margin: 14px auto; + } + + .vertical { + display: none; + } + + .project1::after, .project2::after, .project3::after, .project4::after, + .graphic1::after, .graphic2::after, .graphic3::after, .graphic4::after, + .render1::after, .render2::after, .render3::after, .render4::after, + .category1::after, .category2::after, .category3::after, .category4::after { + display: none; + } +} diff --git a/assets/styles/components/contact-form.scss b/assets/styles/components/contact-form.scss new file mode 100644 index 0000000..ef48d1c --- /dev/null +++ b/assets/styles/components/contact-form.scss @@ -0,0 +1,70 @@ +#contact-form { + margin: 5% 1.4%; +} + +#contact-form ul { + list-style: none; + border-radius: 5px; + margin-bottom: 40px; +} + +#contact-form li { + padding: 10px; +} + +#contact-form li:last-of-type { + border-bottom: none; +} + +#contact-form label { + display: block; + font-size: .8em; + color: #999; + padding-left: 5px; +} + +#contact-form input, #contact-form textarea { + width: 100%; + padding: 5px; + border: none; + resize: vertical; + background: transparent; + color: #fff; + font-weight: bolder; +} + +input:focus { + outline: none; + border: none; +} + +textarea:focus { + outline: none; + border: none; +} + +.textarea { + border-bottom: 1px solid #dfdfdf; +} + +.send { + margin-left: 50px; + text-transform: uppercase; + padding: 20px 30px; + background: transparent; + color: #dfdfdf; + font-size: 14px; + letter-spacing: 2px; +} + +.send:hover { + background: #dfdfdf; + color: #101010; +} + +@media(max-width: 768px) { + #contact-form { + margin: 5% -8%; + width: 98%; + } +} diff --git a/assets/styles/components/footer.scss b/assets/styles/components/footer.scss new file mode 100644 index 0000000..e0df638 --- /dev/null +++ b/assets/styles/components/footer.scss @@ -0,0 +1,115 @@ +.collab { + text-align: right; +} + +.collab p { + font-weight: lighter !important; + margin-bottom: 20px; +} + +.hr { + background: rgba(255, 255, 255, 0.2); + height: 1px; +} + +.info h4 { + font-size: 18px; + font-weight: lighter; +} + +.info p { + color: grey; + font-weight: lighter; +} + +.info li { + font-weight: lighter; + color: #fff; + font-size: 18px; + padding-left: 20px; +} + +#fb::before { + display: inline-block; + content: ''; + border-radius: 100%; + height: 4px; + width: 4px; + margin-right: 6px; + background: #3b5998; +} + + +#ig::before { + display: inline-block; + content: ''; + border-radius: 100%; + height: 4px; + width: 4px; + margin-right: 6px; + background: #fcaf45; +} + + +#tw::before { + display: inline-block; + content: ''; + border-radius: 100%; + height: 4px; + width: 4px; + margin-right: 6px; + background: #55acee; +} + + +#yt::before { + display: inline-block; + content: ''; + border-radius: 100%; + height: 4px; + width: 4px; + margin-right: 6px; + background: #c4302b; +} + +#gh::before { + display: inline-block; + content: ''; + border-radius: 100%; + height: 4px; + width: 4px; + margin-right: 6px; + background: #24292e; +} + +#media, #address { + text-align: right; +} + +#media ul { + list-style: none; +} + +#media ul li { + display: inline-block; +} + +@media(max-width: 768px) { + .collab, #personal, #media, #address { + text-align: center; + } + + .info ul { + margin: 0 0 0 -22px; + padding: 0; + } +} + +/* Honestly, this took way longer to figure out than it should've. I scoured the internet for so long, at one point, I think +// I had around 20+ tabs open, no idea how I really figured it out, just tried as many solutions until it was solved. - 17:27, 10/20/2018 +*/ +div #no-h, #personal a, a:hover, #media a, a:hover, #address a, a:hover { + color: inherit; + text-decoration: none; + transition: 0.5s; +} diff --git a/assets/styles/components/hero.scss b/assets/styles/components/hero.scss new file mode 100644 index 0000000..db99439 --- /dev/null +++ b/assets/styles/components/hero.scss @@ -0,0 +1,19 @@ +.hero { + height: 100vh; + display: flex; + align-items: center; + justify-content: center; +} + +.hero h1 { + font-weight: lighter; + text-align: center; + letter-spacing: -2px; + line-height: 58px; +} + +@media(max-width: 768px) { + .header h1 { + font-size: 26px; + } +} diff --git a/assets/styles/components/navgiation.scss b/assets/styles/components/navgiation.scss new file mode 100644 index 0000000..53ff6b8 --- /dev/null +++ b/assets/styles/components/navgiation.scss @@ -0,0 +1,178 @@ +nav { + width: 100%; + background: #0f0f0f; + height: 80px; + position: fixed; + z-index: 1; +} + +nav #brand { + float: left; + display: block; + margin-left: 82px; + line-height: 80px; + font-weight: bold; +} + +nav #brand a { + color: #fff; + transition: all 0.3s ease-out; +} + +nav #brand a:hover { + text-decoration: none; +} + +nav #menu { + float: left; + right: 80px; + position: fixed; +} + +nav #menu li { + padding-left: 30px; /* 40px */ + display: inline-block; + cursor: pointer; + font-weight: 300; + line-height: 80px; + position: relative; + transition: all 0.3s ease-out; +} + +nav #menu li span { + font-weight: 700; +} + +nav #menu li a { + color: #fff; + transition: 0.5s; +} + +nav #menu li a:hover { + text-decoration: none; + transition: 0.5s; +} + +#menu-item-1:hover { letter-spacing: 1px; font-family: cursive; } +#menu-item-2:hover { font-weight: bold; font-family: monospace; } +#menu-item-3:hover { font-style: italic; font-family: Arial, Helvetica, sans-serif; } +#menu-item-4:hover { text-decoration: underline !important; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; } +#menu-item-5:hover { font-style: bold; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; } + +#toggle { + position: absolute; + right: 30px; + top: 20px; + font-weight: 300; + z-index: 2; + width: 30px; + height: 30px; + cursor: pointer; + float: right; + transition: all 0.3s ease-out; + visibility: hidden; + opacity: 0; +} + +.close-btn { + position: absolute; + right: 16px; + font-weight: 300; + z-index: 2; + cursor: pointer; + top: -2px; + line-height: 80px; +} + +#resize { + z-index: 1; + top: 0; // px + position: fixed; + background: #0f0f0f; + width: 100%; + height: 100%; + visibility: hidden; + opacity: 0; + transition: all 1s ease-out; +} + +#resize #menu { + height: 90px; + position: absolute; + left: 43%; + transform: translateX(-40%); + text-align: center; + display: table-cell; + vertical-align: center; +} + +#resize #menu li { + display: block; + text-align: center; + padding: 10px 0; + font-size: 50px; + min-height: 50px; + font-weight: bold; + cursor: pointer; + transition: all 0.3s ease-out; +} + +#resize li:nth-child(1) { + margin-top: 100px; /* 140px */ +} + +#resize #menu li a { + color: #fff; +} + +#resize #menu li a:hover { + text-decoration: none; +} + +#resize.active { + visibility: visible; + opacity: 1; +} + +@media(max-width: 768px) { + #toggle { + visibility: visible; + opacity: 1; + margin-top: 6px; + margin-right: 4px; + } + + nav #brand { + margin-left: 24px; + } + + #menu a { + font-size: 20px; + font-weight: 300; + } + + #resize li span { + font-weight: bolder; + } + + nav #menu { + display: none; + } +} + +@media(min-width: 768px) { + #resize { + visibility: hidden !important; + } +} + +/* .blur { + position: fixed; + top: 0; + width: 100%; + min-height: 50px; + margin-bottom: 20px; + background: rgba(15, 15, 15, 1); + z-index: 1010; + filter: blur(20px); +} */ diff --git a/assets/styles/components/project-section.scss b/assets/styles/components/project-section.scss new file mode 100644 index 0000000..7ba669a --- /dev/null +++ b/assets/styles/components/project-section.scss @@ -0,0 +1,15 @@ +h6 { + text-align: center; +} + +.vertical { + margin-top: 40px; + border-left: 1px solid #fff; + height: 80px; + position: absolute; + left: 50%; +} + +.project { + height: 500px; +} diff --git a/assets/styles/extra/animate.scss b/assets/styles/extra/animate.scss new file mode 100644 index 0000000..60f0c96 --- /dev/null +++ b/assets/styles/extra/animate.scss @@ -0,0 +1,2744 @@ +@charset "UTF-8"; + + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +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. +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + -ms-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; +} + +@-webkit-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; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + -ms-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + -ms-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + -ms-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + -ms-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + -ms-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +@keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + -ms-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + -ms-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + -ms-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + -ms-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + -ms-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + -ms-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + -ms-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + -ms-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + -ms-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + -ms-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + -ms-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + -ms-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + -ms-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + -ms-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + -ms-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + -ms-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + -ms-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + -ms-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + -ms-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + -ms-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + -ms-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + -ms-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + -ms-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +.hinge { + -webkit-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); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + -ms-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +.rollIn { + -webkit-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); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + -ms-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} diff --git a/assets/styles/extra/components/footer-effects.scss b/assets/styles/extra/components/footer-effects.scss new file mode 100644 index 0000000..882573d --- /dev/null +++ b/assets/styles/extra/components/footer-effects.scss @@ -0,0 +1,5 @@ +#info-item-1:hover { font-weight: bold; font-family: monospace; } +#media-item-1:hover { text-decoration: underline !important; font-family: Arial, Helvetica, sans-serif; } +#media-item-2:hover { font-style: italic; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; } +#media-item-3:hover { letter-spacing: 1px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; } +#address-item-1:hover {font-style: italic; font-family: cursive; } diff --git a/assets/styles/extra/mobile.scss b/assets/styles/extra/mobile.scss new file mode 100644 index 0000000..6da0ac4 --- /dev/null +++ b/assets/styles/extra/mobile.scss @@ -0,0 +1,18 @@ +@media(min-width: 768px) { + .mobile-txt2 { + display: none; + } +} + +@media(max-width: 768px) { + .mobile-txt3 { + display: none; + } +} + +.mobile-txt2 { + content: "absence."; + font-family: "Roboto Mono", serif; + font-size: 16px; + color: #fff; +} diff --git a/assets/styles/extra/scroll-down-icon-animation.scss b/assets/styles/extra/scroll-down-icon-animation.scss new file mode 100644 index 0000000..0a8ec5c --- /dev/null +++ b/assets/styles/extra/scroll-down-icon-animation.scss @@ -0,0 +1,32 @@ +.scroll-down { + position: absolute; + left: 50%; + bottom: 100px; + display: block; + text-align: center; + font-size: 20px; + z-index: 0; + text-decoration: none; + text-shadow: 0; + width: 13px; + height: 13px; + border-bottom: 2px solid #fff; + border-right: 2px solid #fff; + -webkit-transform: translate(-50%, 0) rotate(45deg); + transform: translate(-50%, 0) rotate(45deg); + animation: fade_move_down 3s cubic-bezier(0.19, 1, 0.22, 1) infinite; +} + +@keyframes fade_move_down { + 0% { + transform: translate(0, -20px) rotate(45deg); + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + transform: translate(0, 20px) rotate(45deg); + opacity: 0; + } +} diff --git a/assets/styles/extra/scroll-indicator.scss b/assets/styles/extra/scroll-indicator.scss new file mode 100644 index 0000000..e35abd9 --- /dev/null +++ b/assets/styles/extra/scroll-indicator.scss @@ -0,0 +1,32 @@ +.percent { + position: fixed; + display: flex; + flex-direction: column; + background: rgba(255, 255, 255, 0.2); + height: 140px; + width: 1px; + margin: -60px 0 0 40px; +} + +/*--- +.percent { + position: fixed; + display: flex; + top: 50%; + transform: translateY(-50%); + right: 100px; + flex-direction: column; + background: rgba(255, 255, 255, 0.2); + height: 140px; + width: 1px; +} +--*/ + +.fill { + position: absolute; + bottom: 0; + width: 100%; + height: 100%; + background: #fff; + transition: background 0.15s ease; +} diff --git a/assets/styles/extra/typewriter-effect.scss b/assets/styles/extra/typewriter-effect.scss new file mode 100644 index 0000000..e96af76 --- /dev/null +++ b/assets/styles/extra/typewriter-effect.scss @@ -0,0 +1,41 @@ +.line { + width: 24em; + top: 50%; + margin: auto; + border-right: 2px solid rgba(255, 255, 255, 0.75); + text-align: center; + white-space: nowrap; + overflow: hidden; + transform: translateY(-50%); +} + +.anim-typewriter { + animation: typewriter 4s steps(46) 1s 1 normal both, + blinkTextCursor 500ms steps(46) infinite normal; +} + +@keyframes typewriter { + from { + width: 0; + } to { + width: 11.5em; /* 11.5em */ + } +} + +@media(max-width: 768px) { + @keyframes typewriter { + from { + width: 0; + } to { + width: 10.5em; /* 10.5em */ + } + } +} + +@keyframes blinkTextCursor { + from { + border-right-color: rgba(255, 255, 255, 0.75); + } to { + border-right-color: transparent; + } +} diff --git a/assets/styles/global.scss b/assets/styles/global.scss new file mode 100644 index 0000000..b5b543d --- /dev/null +++ b/assets/styles/global.scss @@ -0,0 +1,49 @@ +/* ---- Includes ---- */ +// --- Components +@import "components/footer"; +@import "components/navgiation"; +@import "components/project-section"; +@import "components/hero"; +@import "components/category-section"; +@import "components/contact-form"; + +// --- Extras +@import "extra/mobile"; +@import "extra/typewriter-effect"; +@import "extra/scroll-down-icon-animation"; +@import "extra/animate"; + +// --- Pages +@import "pages/project-page"; +@import "pages/about-page"; +@import "pages/work-page"; + +/* ---- Global Styling ---- */ +* { + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: -moz-none; + -o-user-select: none; + user-select: none; +} + +html, body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + font-family: 'Roboto Mono', serif !important; + background: #0f0f0f !important; + color: #fff !important; +} + +.whitespace { + width: 100%; + height: 100px; +} + +@media(max-width: 768px) { + .whitespace { + display: none; + } +} diff --git a/assets/styles/pages/about-page.scss b/assets/styles/pages/about-page.scss new file mode 100644 index 0000000..557a381 --- /dev/null +++ b/assets/styles/pages/about-page.scss @@ -0,0 +1,8 @@ +.about { + height: 500px; + margin-top: 120px; +} + +.image { + background: url(https://images.unsplash.com/photo-1540885762261-a2ca01f290f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2468&q=80) no-repeat 50% 70%; +} diff --git a/assets/styles/pages/project-page.scss b/assets/styles/pages/project-page.scss new file mode 100644 index 0000000..4674ec7 --- /dev/null +++ b/assets/styles/pages/project-page.scss @@ -0,0 +1,11 @@ +.prev, .next p { + color: grey; +} + +.prev p { + text-align: left; +} + +.next p { + text-align: right; +} diff --git a/assets/styles/pages/work-page.scss b/assets/styles/pages/work-page.scss new file mode 100644 index 0000000..a976664 --- /dev/null +++ b/assets/styles/pages/work-page.scss @@ -0,0 +1,21 @@ +.hero-content { + margin-left: 0%; +} + +.hero-content p { + font-weight: 300; + line-height: 36px; + color: grey; +} + +.hero-content h6 { + text-align: left; +} + +@media(max-width: 768px) { + .hero-content { + padding-top: 50px; + width: 96%; + margin: 0 auto; + } +} diff --git a/build/_redirects b/build/_redirects deleted file mode 100644 index f824337..0000000 --- a/build/_redirects +++ /dev/null @@ -1 +0,0 @@ -/* /index.html 200 \ No newline at end of file diff --git a/build/animate.css b/build/animate.css deleted file mode 100644 index 60f0c96..0000000 --- a/build/animate.css +++ /dev/null @@ -1,2744 +0,0 @@ -@charset "UTF-8"; - - -/*! -Animate.css - http://daneden.me/animate -Licensed under the MIT license - -Copyright (c) 2013 Daniel Eden - -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. -*/ - -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -.animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; -} - -@-webkit-keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); - } - - 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); - } -} - -@keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 40% { - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px); - } - - 60% { - -webkit-transform: translateY(-15px); - -ms-transform: translateY(-15px); - transform: translateY(-15px); - } -} - -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce; -} - -@-webkit-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; - animation-name: flash; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes pulse { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - - 50% { - -webkit-transform: scale(1.1); - transform: scale(1.1); - } - - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@keyframes pulse { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - - 50% { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - } - - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} - -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; -} - -@-webkit-keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); - } -} - -@keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px); - } -} - -.shake { - -webkit-animation-name: shake; - animation-name: shake; -} - -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - transform: rotate(15deg); - } - - 40% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); - } - - 60% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); - } - - 80% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); - } - - 100% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } -} - -@keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - -ms-transform: rotate(15deg); - transform: rotate(15deg); - } - - 40% { - -webkit-transform: rotate(-10deg); - -ms-transform: rotate(-10deg); - transform: rotate(-10deg); - } - - 60% { - -webkit-transform: rotate(5deg); - -ms-transform: rotate(5deg); - transform: rotate(5deg); - } - - 80% { - -webkit-transform: rotate(-5deg); - -ms-transform: rotate(-5deg); - transform: rotate(-5deg); - } - - 100% { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } -} - -.swing { - -webkit-transform-origin: top center; - -ms-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; -} - -@-webkit-keyframes tada { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); - } - - 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); - } -} - -@keyframes tada { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - -ms-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - -ms-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - -ms-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); - } - - 100% { - -webkit-transform: scale(1) rotate(0); - -ms-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); - } -} - -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes wobble { - 0% { - -webkit-transform: translateX(0%); - transform: translateX(0%); - } - - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg); - } - - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg); - } - - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg); - } - - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg); - } - - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg); - } - - 100% { - -webkit-transform: translateX(0%); - transform: translateX(0%); - } -} - -@keyframes wobble { - 0% { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - } - - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - -ms-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg); - } - - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - -ms-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg); - } - - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - -ms-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg); - } - - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - -ms-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg); - } - - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - -ms-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg); - } - - 100% { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - } -} - -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; -} - -@-webkit-keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(.3); - transform: scale(.3); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - transform: scale(1.05); - } - - 70% { - -webkit-transform: scale(.9); - transform: scale(.9); - } - - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(.3); - -ms-transform: scale(.3); - transform: scale(.3); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - -ms-transform: scale(1.05); - transform: scale(1.05); - } - - 70% { - -webkit-transform: scale(.9); - -ms-transform: scale(.9); - transform: scale(.9); - } - - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} - -.bounceIn { - -webkit-animation-name: bounceIn; - animation-name: bounceIn; -} - -@-webkit-keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - transform: translateY(30px); - } - - 80% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - -ms-transform: translateY(30px); - transform: translateY(30px); - } - - 80% { - -webkit-transform: translateY(-10px); - -ms-transform: translateY(-10px); - transform: translateY(-10px); - } - - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; -} - -@-webkit-keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - transform: translateX(30px); - } - - 80% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - -ms-transform: translateX(30px); - transform: translateX(30px); - } - - 80% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px); - } - - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; -} - -@-webkit-keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - transform: translateX(-30px); - } - - 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - -ms-transform: translateX(-30px); - transform: translateX(-30px); - } - - 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px); - } - - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; -} - -@-webkit-keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - transform: translateY(-30px); - } - - 80% { - -webkit-transform: translateY(10px); - transform: translateY(10px); - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px); - } - - 80% { - -webkit-transform: translateY(10px); - -ms-transform: translateY(10px); - transform: translateY(10px); - } - - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; -} - -@-webkit-keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - - 25% { - -webkit-transform: scale(.95); - transform: scale(.95); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - transform: scale(1.1); - } - - 100% { - opacity: 0; - -webkit-transform: scale(.3); - transform: scale(.3); - } -} - -@keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - - 25% { - -webkit-transform: scale(.95); - -ms-transform: scale(.95); - transform: scale(.95); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - } - - 100% { - opacity: 0; - -webkit-transform: scale(.3); - -ms-transform: scale(.3); - transform: scale(.3); - } -} - -.bounceOut { - -webkit-animation-name: bounceOut; - animation-name: bounceOut; -} - -@-webkit-keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); - } -} - -@keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); - } -} - -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; -} - -@-webkit-keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - transform: translateX(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -@keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; -} - -@-webkit-keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -@keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; -} - -@-webkit-keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - transform: translateY(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -@keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; -} - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; -} - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; -} - -@-webkit-keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; -} - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; -} - -@-webkit-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; -} - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; -} - -@-webkit-keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; -} - -@-webkit-keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; -} - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; -} - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px); - } -} - -@keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } -} - -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; -} - -@-webkit-keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); - } -} - -@keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); - } -} - -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; -} - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); - } -} - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); - } -} - -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} - -@-webkit-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -@keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; -} - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px); - } -} - -@keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); - } -} - -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} - -@-webkit-keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -@keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; -} - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); - } -} - -@keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } -} - -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; -} - -@-webkit-keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -@keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; -} - -@-webkit-keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} - -@keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} - -.animated.flip { - -webkit-backface-visibility: visible; - -ms-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; -} - -@-webkit-keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -@keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - -ms-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - -ms-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -.flipInX { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; -} - -@-webkit-keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -@keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - -ms-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - -ms-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -.flipInY { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; -} - -@-webkit-keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -@keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -.flipOutX { - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; -} - -@-webkit-keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -@keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -.flipOutY { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; -} - -@-webkit-keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - -webkit-transform: translateX(0%) skewX(-15deg); - transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -@keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - -ms-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - -webkit-transform: translateX(0%) skewX(-15deg); - -ms-transform: translateX(0%) skewX(-15deg); - transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(0%) skewX(0deg); - -ms-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} - -@-webkit-keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -@keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0%) skewX(0deg); - -ms-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; -} - -@-webkit-keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - -ms-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; -} - -@-webkit-keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; -} - -@-webkit-keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; -} - -@-webkit-keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; -} - -@-webkit-keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; -} - -@-webkit-keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0; - } -} - -@keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - -ms-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0; - } -} - -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; -} - -@-webkit-keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } -} - -@keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } -} - -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; -} - -@-webkit-keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } -} - -@keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } -} - -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; -} - -@-webkit-keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } -} - -@keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } -} - -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; -} - -@-webkit-keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } -} - -@keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } -} - -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; -} - -@-webkit-keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; -} - -@-webkit-keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; -} - -@-webkit-keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } - - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; -} - -@-webkit-keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -@keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; -} - -@-webkit-keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -@keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; -} - -@-webkit-keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -@keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; -} - -@-webkit-keyframes hinge { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, 60% { - -webkit-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40% { - -webkit-transform: rotate(60deg); - transform: rotate(60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 80% { - -webkit-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - opacity: 1; - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 100% { - -webkit-transform: translateY(700px); - transform: translateY(700px); - opacity: 0; - } -} - -@keyframes hinge { - 0% { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, 60% { - -webkit-transform: rotate(80deg); - -ms-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40% { - -webkit-transform: rotate(60deg); - -ms-transform: rotate(60deg); - transform: rotate(60deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 80% { - -webkit-transform: rotate(60deg) translateY(0); - -ms-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - opacity: 1; - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 100% { - -webkit-transform: translateY(700px); - -ms-transform: translateY(700px); - transform: translateY(700px); - opacity: 0; - } -} - -.hinge { - -webkit-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); - transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); - } -} - -@keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - -ms-transform: translateX(-100%) rotate(-120deg); - transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - -ms-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); - } -} - -.rollIn { - -webkit-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); - transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg); - } -} - -@keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - -ms-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - -ms-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg); - } -} - -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; -} diff --git a/build/asset-manifest.json b/build/asset-manifest.json deleted file mode 100644 index 94de63c..0000000 --- a/build/asset-manifest.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "files": { - "main.css": "/static/css/main.283c06a5.chunk.css", - "main.js": "/static/js/main.a57314fc.chunk.js", - "main.js.map": "/static/js/main.a57314fc.chunk.js.map", - "runtime-main.js": "/static/js/runtime-main.796b01d1.js", - "runtime-main.js.map": "/static/js/runtime-main.796b01d1.js.map", - "static/js/2.91d75026.chunk.js": "/static/js/2.91d75026.chunk.js", - "static/js/2.91d75026.chunk.js.map": "/static/js/2.91d75026.chunk.js.map", - "index.html": "/index.html", - "precache-manifest.2bc8e69b6f11ba0546c546d3c2ac0cb1.js": "/precache-manifest.2bc8e69b6f11ba0546c546d3c2ac0cb1.js", - "service-worker.js": "/service-worker.js", - "static/css/main.283c06a5.chunk.css.map": "/static/css/main.283c06a5.chunk.css.map", - "static/js/2.91d75026.chunk.js.LICENSE.txt": "/static/js/2.91d75026.chunk.js.LICENSE.txt" - }, - "entrypoints": [ - "static/js/runtime-main.796b01d1.js", - "static/js/2.91d75026.chunk.js", - "static/css/main.283c06a5.chunk.css", - "static/js/main.a57314fc.chunk.js" - ] -} \ No newline at end of file diff --git a/build/index.html b/build/index.html deleted file mode 100644 index b8a80bd..0000000 --- a/build/index.html +++ /dev/null @@ -1 +0,0 @@ -
\ No newline at end of file diff --git a/build/js/t.min.js b/build/js/t.min.js deleted file mode 100644 index c85c4ce..0000000 --- a/build/js/t.min.js +++ /dev/null @@ -1,2 +0,0 @@ -/*t.js-1.3.1;(c)2014-2018 - Mntn(r) c/o Benjamin Lips ;MIT-Licensed ;For documentation, see */ -;(function(c){c.fn.t=function(p,B){return this.each(function(){var a=B,l=p,b=c(this),r,t,u=-1,n=!1,y=-1,w="12qwertyuiop[]asdfghjkl;zxcvbnm,./~!@#$%^&*()_+:1234567890-=op".split([]),e=function(a,b){return c.type(a)[0]==(b||"n")},z=function(){g=c.grep(k,function(a){return"&"==a[0]||!a[1]}).length-1;return-1*");if(b.data().is_typing)return l=="paused".slice(0,-1)&&(b.data("paused",e(a,"b")?oo_=a:b.data("paused")?oo_=!1:oo_=!0),b.data().blink&&b.data("blinking",oo_)),this;if(l=="paused".slice(0,-1))return this;b.data("is_typing",1);e(l,"o")&&(a=l);if(/t\-/.test(b.attr("class")))return this;if("add"==l&&b.data().t){var q=a;a=c.extend({},b.data());var m=b=c(":first",b),A=e(a.typing,"f");q="<"+a.tag+' class="typing-add">'+q+""}else{"add"==l&&(l=a,a={});a=c.extend({t:!0,delay:!1,speed:50,speed_vary:!1,caret:"\u258e",tag:"span",blink:!0,beep:!1,blink_perm:!1,repeat:-3,pause_on_click:!1,pause_on_tab_switch:0,wrap:!1,mistype:!1,locale:"en",init:!1,typing:!1,fin:!1},a?a:b.data());q=t=!1;var d;b.data().t||(b.wrapInner(c("<"+a.tag+"/>",{"class":"t-container",style:"top:auto;bottom:auto;"})),/^[ar]/.test(b.css("position"))||b.css({position:"relative"}),b.css({overflow:"hidden"}));a.wrap&&!b.parent().data().t_wrap&&(b.wrap(c("
",/[.#]/.test(a.wrap[0])?"#"==a.wrap[0]?{id:a.wrap.substr(1)}:{"class":a.wrap.substr(1)}:{style:a.wrap})),b.parent().data("t_wrap",1));e(a.beep,"b")||(a.beep=!1);!0===a.beep&&e(c("html").data().__TAC,"u")&&(c("html").data("__TAC",__TAC=(window.AudioContext=window.AudioContext||window.webkitAudioContext)?new AudioContext:!1),__TAC||(a.beep=!1));!1===a.repeat&&(a.repeat=-3);!0===a.caret&&(a.caret="\u258e");e(a.caret,"s")&&!c(".t-caret",b)[0]&&(!0===a.blink&&(a.blink=3*a.speed),e(a.blink)&&100>a.blink&&(a.blink=100),!e(a.blink)&&(a.blink=!1),t=c("<"+a.tag+"/>",{"class":"t-caret",html:a.caret}).appendTo(b),a.blink&&b.append("\u200b")&&b.data("bi",setInterval(function(){(m.parent().data().blinking|(v="h"==t.css("visibility")[0])||a.blink_perm)&&t.css({visibility:v?"visible":"hidden"})},a.blink)));a.blink||b.data().bi&&clearInterval(b.data().bi)&&b.removeData("bi");!e(a.blink_perm,"b")&&(a.blink_perm=!0);a.speed=!e(a.speed)||10>a.speed?10:a.speed;a.speed_vary&&(a.speed/=2.5);1/i.test(k=String(q||k))&&b.parent().data("kbd",j_=1)&&b.parent().data("mistype",b.parent().data("mistype")?_j=b.parent().data().mistype:_j=10)&&(a.mistype=_j)&&(a.kbd=j_?j_:!1);k=k.replace(/(.*?)[\u200b]+$/,"$1").replace(//g,"$1").replace(/([^0-9])<\/ins>/g,"$1").replace(/<(embed|command|col|wbr|img|br|input|hr|area|source|track|keygen|param)(.*?)[\/]?>/g,"<#$1$2/>").replace(/\s*(\d*[.]?\d*)\s*(<\/ins>)/g,'').replace(/([\s\S]*?)(<\/ins>)/g,function(a,b,c){return"<#ins"+b+">"+c.replace(/<(?!#)/g,"<#")+"<#/ins>"+(c?"":"")}).replace(/<(del.*?data-del=")(.*?)(".*?)><\/(del>)/g,"<#$1$2$3><#/$4$2([\s\S]*?)<\/del>/g,function(a,b,c,d){s=(s=c.match(/\s*(.*?)\s*<\/s>/i))&&s[0]?' data-s="'+(s[1]||"1")+'"':"";i=(i=c.match(/data-ins="(.*?)"/))&&i[1]?i[1]:""==s?.25:.75;c=c.replace(/(.*?<\/s>|<[\/]?.*?>)/g,"");return"'+("*"!=c?c:"")+""}).replace(/<(\w+)(.*?)>/g,"<$1$2><#/$1>").replace(/<\/(\w+)>/g," ($1)").replace(/<[#]+/g,"<").replace(/(\/del>)\*[\s\S]*?<\/ins>|<[^<]+\/>|<\/> \(\w+\)|<[\s\S]+?><\/\w+>|&[#x]?[a-z0-9]+;|\r|\n|\t|\S|\s/ig);!e(d)&&(d=k.shift());k.push("\u200b");"de"==a.locale&&(w='12qwertzuiop\u00fc+asdfghjkl\u00f6\u00e4#=b.data().ins?0:1==u?u=-1:1);return}d=b.data().ins?"":k.shift()}else if(a.speed_vary&&~~(4*Math.random())){n=!n;return}x(0);if(b.data().del&&(!0===m.parent().data().beep&&f.beep(),b.data().s&&!d[0]&&b.text(""),r=String(b.data().del),!e(d,"a")&&"/"==d[1]&&(d=r.replace(/\\n/g,"\n").split([])),e(d,"a"))){if(u=d.pop()){b.data().s?b.html(d.join([])+""+b.data().del.substr(d.length)+""):b.text(d.join([]));n=!n;return}"*"==r&&(m.wrapInner(c("<"+a.tag+"/>",{"class":"typing-0",style:"display:none;"})),b=b.parent(),q&&(k=c.merge(["<"+a.tag+' class="typing-add">"],k,[""]),b=b.parent()));b=b.parent();"\u200b"==r&&b.find(":last").remove();d=""}for(;"/"==d[1];)b=b.parent(),d=k.shift()||"";for(;;)if(!0===m.parent().data().beep&&f.beep(),b.append(d),A&&a.typing(m.parent(),d,z(),C),!/[\s\S]+d.charCodeAt(0)?w[__].toUpperCase():w[__],"",d],k),d=''),d&&"/"==d[1]&&b.data().ins&&(d=~~(1E3*Number(b.data().ins)/a.speed)),n=!n):(clearInterval(D),m.parent().removeData(["is_typing","paused"]),e(a.repeat)&&--a.repeat,-1=0}function e(a,b){for(var c in b)if(null==a[c]){var d=b[c];a[c]=d}return a}function f(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)}function g(a){var b=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],c=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],d=arguments.length<=3||void 0===arguments[3]?null:arguments[3],e=void 0;return null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e}function h(a,b){null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)&&a["on"+b]()}function i(a,b,c){null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c}function j(a,b,c){null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]}function k(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight}Object.defineProperty(b,"__esModule",{value:!0});var l,m,n=function(){function a(a,b){for(var c=0;c=0){var b=a.target||a.srcElement;b.className=b.className.replace(this.config.animateClass,"").trim()}}},{key:"customStyle",value:function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a}},{key:"vendorSet",value:function(a,b){for(var c in b)if(b.hasOwnProperty(c)){var d=b[c];a[""+c]=d;for(var e=0;e=e&&f>=c}},{key:"disabled",value:function(){return!this.config.mobile&&f(navigator.userAgent)}}]),a}();b["default"]=r,a.exports=b["default"]}); \ No newline at end of file diff --git a/build/manifest.json b/build/manifest.json deleted file mode 100644 index 243039b..0000000 --- a/build/manifest.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "short_name": "Fuwn", - "name": "Fuwn, Full-stack Node.js Developer, Reverse Engineer, YouTuber.", - "icons": [ - { - "src": "superthumb.jpg", - "sizes": "image/jpg", - "type": "250x2250" - }, - { - "src": "superthumb.jpg", - "type": "image/jpg", - "sizes": "192x192" - }, - { - "src": "superthumb.jpg", - "type": "image/jpg", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} diff --git a/build/precache-manifest.2bc8e69b6f11ba0546c546d3c2ac0cb1.js b/build/precache-manifest.2bc8e69b6f11ba0546c546d3c2ac0cb1.js deleted file mode 100644 index c58b762..0000000 --- a/build/precache-manifest.2bc8e69b6f11ba0546c546d3c2ac0cb1.js +++ /dev/null @@ -1,26 +0,0 @@ -self.__precacheManifest = (self.__precacheManifest || []).concat([ - { - "revision": "4ffa5b019ad8a2535cb5b82ddfbef95c", - "url": "/index.html" - }, - { - "revision": "faf35804be362c801547", - "url": "/static/css/main.283c06a5.chunk.css" - }, - { - "revision": "ea17ea815fc9d8f03f5b", - "url": "/static/js/2.91d75026.chunk.js" - }, - { - "revision": "9b318b6fb13190fe82c0677e9264b3c7", - "url": "/static/js/2.91d75026.chunk.js.LICENSE.txt" - }, - { - "revision": "faf35804be362c801547", - "url": "/static/js/main.a57314fc.chunk.js" - }, - { - "revision": "6f258d4913782e4cc59f", - "url": "/static/js/runtime-main.796b01d1.js" - } -]); \ No newline at end of file diff --git a/build/robots.txt b/build/robots.txt deleted file mode 100644 index e9e57dc..0000000 --- a/build/robots.txt +++ /dev/null @@ -1,3 +0,0 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * -Disallow: diff --git a/build/service-worker.js b/build/service-worker.js deleted file mode 100644 index cb9e85f..0000000 --- a/build/service-worker.js +++ /dev/null @@ -1,39 +0,0 @@ -/** - * Welcome to your Workbox-powered service worker! - * - * You'll need to register this file in your web app and you should - * disable HTTP caching for this file too. - * See https://goo.gl/nhQhGp - * - * The rest of the code is auto-generated. Please don't update this file - * directly; instead, make changes to your Workbox build configuration - * and re-run your build process. - * See https://goo.gl/2aRDsh - */ - -importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); - -importScripts( - "/precache-manifest.2bc8e69b6f11ba0546c546d3c2ac0cb1.js" -); - -self.addEventListener('message', (event) => { - if (event.data && event.data.type === 'SKIP_WAITING') { - self.skipWaiting(); - } -}); - -workbox.core.clientsClaim(); - -/** - * The workboxSW.precacheAndRoute() method efficiently caches and responds to - * requests for URLs in the manifest. - * See https://goo.gl/S9QRab - */ -self.__precacheManifest = [].concat(self.__precacheManifest || []); -workbox.precaching.precacheAndRoute(self.__precacheManifest, {}); - -workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/index.html"), { - - blacklist: [/^\/_/,/\/[^/?]+\.[^/]+$/], -}); diff --git a/build/static/css/main.283c06a5.chunk.css b/build/static/css/main.283c06a5.chunk.css deleted file mode 100644 index 65566b8..0000000 --- a/build/static/css/main.283c06a5.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -*{-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;font-family:"Roboto Mono"!important;background:#0f0f0f!important;color:#fff!important}.whitespace{width:100%;height:100px}@media(max-width:768px){.whitespace{display:none}}.line{width:24em;top:50%;margin:auto;border-right:2px solid hsla(0,0%,100%,.75);text-align:center;white-space:nowrap;overflow:hidden;transform:translateY(-50%)}.anim-typewriter{-webkit-animation:typewriter 4s steps(46) 1s 1 normal both,blinkTextCursor .5s steps(46) infinite normal;animation:typewriter 4s steps(46) 1s 1 normal both,blinkTextCursor .5s steps(46) infinite normal}@-webkit-keyframes typewriter{0%{width:0}to{width:11.5em}}@keyframes typewriter{0%{width:0}to{width:11.5em}}@media(max-width:768px){@-webkit-keyframes typewriter{0%{width:0}to{width:10.5em}}@keyframes typewriter{0%{width:0}to{width:10.5em}}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}nav{width:100%;background:#0f0f0f;height:80px;position:fixed;z-index:1}nav #brand{float:left;display:block;margin-left:82px;line-height:80px;font-weight:700}nav #brand a{color:#fff;transition:all .3s ease-out}nav #brand a:hover{text-decoration:none}nav #menu{float:left;right:80px;position:fixed}nav #menu li{padding-left:30px;display:inline-block;cursor:pointer;font-weight:300;line-height:80px;position:relative;transition:all .3s ease-out}nav #menu li span{font-weight:700}nav #menu li a{color:#fff;transition:.5s}nav #menu li a:hover{text-decoration:none;transition:.5s}#menu-item-1:hover{letter-spacing:1px;font-family:cursive}#menu-item-2:hover{font-weight:700;font-family:monospace}#menu-item-3:hover{font-style:italic;font-family:Arial,Helvetica,sans-serif}#menu-item-4:hover{text-decoration:underline!important;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}#menu-item-5:hover{font-style:bold;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}#toggle{right:30px;top:20px;width:30px;height:30px;float:right;transition:all .3s ease-out;visibility:hidden;opacity:0}#toggle,.close-btn{position:absolute;font-weight:300;z-index:2;cursor:pointer}.close-btn{right:16px;top:-2px;line-height:80px}#resize{z-index:1;top:0;position:fixed;background:#0f0f0f;width:100%;height:100%;visibility:hidden;opacity:0;transition:all 1s ease-out}#resize #menu{height:90px;position:absolute;left:43%;transform:translateX(-40%);text-align:center;display:table-cell;vertical-align:center}#resize #menu li{display:block;text-align:center;padding:10px 0;font-size:50px;min-height:50px;font-weight:700;cursor:pointer;transition:all .3s ease-out}#resize li:first-child{margin-top:100px}#resize #menu li a{color:#fff}#resize #menu li a:hover{text-decoration:none}#resize.active{visibility:visible;opacity:1}@media(max-width:768px){#toggle{visibility:visible;opacity:1;margin-top:6px;margin-right:4px}nav #brand{margin-left:24px}#menu a{font-size:20px;font-weight:300}#resize li span{font-weight:bolder}nav #menu{display:none}}@media(min-width:768px){#resize{visibility:hidden!important}}.hero{height:100vh;display:flex;align-items:center;justify-content:center}.hero h1{font-weight:lighter;text-align:center;letter-spacing:-2px;line-height:58px}@media(max-width:768px){.header h1{font-size:26px}}.scroll-down{position:absolute;left:50%;bottom:100px;display:block;text-align:center;font-size:20px;z-index:0;text-decoration:none;text-shadow:0;width:13px;height:13px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:translate(-50%) rotate(45deg);-webkit-animation:fade_move_down 3s cubic-bezier(.19,1,.22,1) infinite;animation:fade_move_down 3s cubic-bezier(.19,1,.22,1) infinite}@-webkit-keyframes fade_move_down{0%{transform:translateY(-20px) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translateY(20px) rotate(45deg);opacity:0}}@keyframes fade_move_down{0%{transform:translateY(-20px) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translateY(20px) rotate(45deg);opacity:0}}h6{text-align:center}.vertical{margin-top:40px;border-left:1px solid #fff;height:80px;position:absolute;left:50%}.project{height:500px}@media(max-width:768px){.project{width:90%!important;margin:14px auto}.category1:after,.category2:after,.category3:after,.category4:after,.graphic1:after,.graphic2:after,.graphic3:after,.graphic4:after,.project1:after,.project2:after,.project3:after,.project4:after,.render1:after,.render2:after,.render3:after,.render4:after,.vertical{display:none}}.collab{text-align:right}.collab p{font-weight:lighter!important;margin-bottom:20px}.hr{background:hsla(0,0%,100%,.2);height:1px}.info h4{font-size:18px}.info h4,.info p{font-weight:lighter}.info p{color:grey}.info li{font-weight:lighter;color:#fff;font-size:18px;padding-left:20px}#fb:before{background:#3b5998}#fb:before,#ig:before{display:inline-block;content:"";border-radius:100%;height:4px;width:4px;margin-right:6px}#ig:before{background:#fcaf45}#tw:before{background:#55acee}#tw:before,#yt:before{display:inline-block;content:"";border-radius:100%;height:4px;width:4px;margin-right:6px}#yt:before{background:#c4302b}#gh:before{display:inline-block;content:"";border-radius:100%;height:4px;width:4px;margin-right:6px;background:#24292e}#address,#media{text-align:right}#media ul{list-style:none}#media ul li{display:inline-block}@media(max-width:768px){#address,#media,#personal,.collab{text-align:center}.info ul{margin:0 0 0 -22px;padding:0}}#address a,#media a,#personal a,a:hover,div #no-h{color:inherit;text-decoration:none;transition:.5s}#info-item-1:hover{font-weight:700;font-family:monospace}#media-item-1:hover{text-decoration:underline!important;font-family:Arial,Helvetica,sans-serif}#media-item-2:hover{font-style:italic;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif}#media-item-3:hover{letter-spacing:1px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}#address-item-1:hover{font-style:italic;font-family:cursive}.hero-content{margin-left:0}.hero-content p{font-weight:300;line-height:36px;color:grey}.hero-content h6{text-align:left}@media(max-width:768px){.hero-content{padding-top:50px;width:96%;margin:0 auto}}.about{height:500px;margin-top:120px}.image{background:url(https://images.unsplash.com/photo-1540885762261-a2ca01f290f9?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=2468) no-repeat 50% 70%}#contact-form{margin:5% 1.4%}#contact-form ul{list-style:none;border-radius:5px;margin-bottom:40px}#contact-form li{padding:10px}#contact-form li:last-of-type{border-bottom:none}#contact-form label{display:block;font-size:.8em;color:#999;padding-left:5px}#contact-form input,#contact-form textarea{width:100%;padding:5px;border:none;resize:vertical;background:transparent;color:#fff;font-weight:bolder}input:focus,textarea:focus{outline:none;border:none}.textarea{border-bottom:1px solid #dfdfdf}.send{margin-left:50px;text-transform:uppercase;padding:20px 30px;background:transparent;color:#dfdfdf;font-size:14px;letter-spacing:2px}.send:hover{background:#dfdfdf;color:#101010}@media(max-width:768px){#contact-form{margin:5% -8%;width:98%}}.next p,.prev{color:grey}.prev p{text-align:left}.next p{text-align:right}@media(min-width:768px){.mobile-txt2{display:none}}@media(max-width:768px){.mobile-txt3{display:none}}.mobile-txt2{content:"absence.";font-family:"Roboto Mono";font-size:16px;color:#fff}.render1{background:url(/projects/renders/iced-out/assets/img.png) no-repeat 50% 50%;background-size:cover}.render1:after{content:"iced out.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:8%;left:-60%;right:0;bottom:0}.render2{background:url(/projects/renders/rockstar/assets/img.png) no-repeat 50% 50%;background-size:cover}.render2:after{content:"projects/ github.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}.render3{background:url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 50%;background-size:cover}.render3:after{content:"allegiance.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:-50%;right:0;bottom:0}.render4{background:url(/projects/renders/?/assets/img.png) no-repeat 50% 50%;background-size:cover}.render4:after{content:"?.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:10%;left:90%;right:0;bottom:0}.render5{background:url(https://strelizia.cc/HyLvUFyMOYyv6SK6lpJVUfuOLj2dBxqr.png) no-repeat 50% 50%;background-size:cover}.render5:after{content:"uwufier.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:8%;left:-60%;right:0;bottom:0}.render6{background:url(https://www.callicoder.com/assets/images/post/large/npm-package-manager-for-node-js.jpg) no-repeat 50% 50%;background-size:cover}.render6:after{content:"npm.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}.render7{background:url(https://senpy.tk/C++/Sakurajima_Mai_Holding_The_C++_Programming_Language.jpg) no-repeat 50% 50%;background-size:cover}.render7:after{content:"senpy.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:-50%;right:0;bottom:0}.graphic1{background:url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%;background-size:cover}.graphic1:after{content:"devils work.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:8%;left:-60%;right:0;bottom:0}.graphic2{background:url(/projects/graphics/swavy-pfps/assets/img2.png) no-repeat 50% 50%;background-size:cover}.graphic2:after{content:"swavy pfps.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}.graphic3{background:url(/projects/graphics/absence/assets/img.png) no-repeat 50% 50%;background-size:cover}.graphic3:after{content:"absence.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:-50%;right:0;bottom:0}.category1{background:url(https://i.pinimg.com/originals/1f/3f/fa/1f3ffa4e7f42c15cfec901d301b16e9c.jpg) no-repeat 50% 50%;background-size:cover}.category1:after{content:"videos.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:8%;left:-60%;right:0;bottom:0}.category2{background:url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%;background-size:cover}.category2:after{content:"graphics.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}.category3{background:url(https://eldfrog.com/wp-content/uploads/2018/12/programming_languages.png) no-repeat 50% 50%;background-size:cover}.category3:after{content:"development.";font-family:"Roboto Mono";font-size:36px;position:relative;color:#fff;display:block;top:80%;left:90%;right:0;bottom:0}@media (max-width:768px){.category1:after,.category2:after,.category3:after{content:none}} -/*# sourceMappingURL=main.283c06a5.chunk.css.map */ \ No newline at end of file diff --git a/build/static/css/main.283c06a5.chunk.css.map b/build/static/css/main.283c06a5.chunk.css.map deleted file mode 100644 index c5c1696..0000000 --- a/build/static/css/main.283c06a5.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["style.css","projects.css","work-categories.css"],"names":[],"mappings":"AACA,EACI,wBAAyB,CAGzB,mBAAoB,CACvB,oBAAiB,CAAjB,gBACD,CAEA,UACC,QAAS,CACT,SAAU,CACV,UAAW,CACX,WAAY,CACZ,mCAAqC,CACrC,4BAA8B,CAC9B,oBACD,CAEA,YACC,UAAW,CACX,YACD,CAEA,wBACC,YACC,YACD,CACD,CAGA,MACC,UAAW,CACX,OAAQ,CACR,WAAY,CACZ,0CAAiD,CACjD,iBAAkB,CAClB,kBAAmB,CACnB,eAAgB,CAChB,0BACD,CAEA,iBACC,wGACgD,CADhD,gGAED,CAEA,8BACC,GACC,OACD,CAAE,GACD,YACD,CACD,CANA,sBACC,GACC,OACD,CAAE,GACD,YACD,CACD,CAEA,wBACC,8BACC,GACC,OACD,CAAE,GACD,YACD,CACD,CANA,sBACC,GACC,OACD,CAAE,GACD,YACD,CACD,CACD,CAEA,mCACC,GACC,sCACD,CAAE,GACD,8BACD,CACD,CANA,2BACC,GACC,sCACD,CAAE,GACD,8BACD,CACD,CAGA,IACC,UAAW,CACX,kBAAmB,CACnB,WAAY,CACZ,cAAe,CACf,SACD,CAEA,WACC,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CACjB,eACD,CAEA,aACC,UAAW,CACX,2BACD,CAEA,mBACC,oBACD,CAEA,UACC,UAAW,CACX,UAAW,CACX,cACD,CAEA,aACC,iBAAkB,CAClB,oBAAqB,CACrB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,2BACD,CAEA,kBACC,eACD,CAEA,eACC,UAAW,CACX,cACD,CAEA,qBACC,oBAAqB,CACrB,cACD,CAEA,mBAAqB,kBAAmB,CAAE,mBAAsB,CAChE,mBAAqB,eAAiB,CAAE,qBAAwB,CAChE,mBAAqB,iBAAkB,CAAE,sCAA2C,CACpF,mBAAqB,mCAAqC,CAAE,kEAAwE,CACpI,mBAAqB,eAAgB,CAAE,oEAA0E,CAEjH,QAEC,UAAW,CACX,QAAS,CAGT,UAAW,CACX,WAAY,CAEZ,WAAY,CACZ,2BAA6B,CAC7B,iBAAkB,CAClB,SACD,CAEA,mBAdC,iBAAkB,CAGlB,eAAgB,CAChB,SAAU,CAGV,cAeD,CARA,WAEC,UAAW,CAIX,QAAS,CACT,gBACD,CAEA,QACC,SAAU,CACV,KAAQ,CACR,cAAe,CACf,kBAAmB,CACnB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,SAAU,CACV,0BACD,CAEA,cACC,WAAY,CACZ,iBAAkB,CAClB,QAAS,CACT,0BAA2B,CAC3B,iBAAkB,CAClB,kBAAmB,CACnB,qBACD,CAEA,iBACC,aAAc,CACd,iBAAkB,CAClB,cAAe,CACf,cAAe,CACf,eAAgB,CAChB,eAAiB,CACjB,cAAe,CACf,2BACD,CAEA,uBACC,gBACD,CAEA,mBACC,UACD,CAEA,yBACC,oBACD,CAEA,eACC,kBAAmB,CACnB,SACD,CAEA,wBACC,QACC,kBAAmB,CACnB,SAAU,CACV,cAAe,CACf,gBACD,CAEA,WACC,gBACD,CAEA,QACC,cAAe,CACf,eACD,CAEA,gBACC,kBACD,CAEA,UACC,YACD,CACD,CAEA,wBACC,QACC,2BACD,CACD,CAcA,MACC,YAAa,CACb,YAAa,CACb,kBAAmB,CACnB,sBACD,CAEA,SACC,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CACpB,gBACD,CAEA,wBACC,WACC,cACD,CACD,CAGA,aACC,iBAAkB,CAClB,QAAS,CACT,YAAa,CACb,aAAc,CACd,iBAAkB,CAClB,cAAe,CACf,SAAU,CACV,oBAAqB,CACrB,aAAc,CACd,UAAW,CACX,WAAY,CACZ,4BAA6B,CAC7B,2BAA4B,CAE5B,uCAA2C,CAC3C,sEAAoE,CAApE,8DACD,CAEA,kCACC,GACC,yCAA4C,CAC5C,SACD,CACA,IACC,SACD,CACA,GACC,wCAA2C,CAC3C,SACD,CACD,CAZA,0BACC,GACC,yCAA4C,CAC5C,SACD,CACA,IACC,SACD,CACA,GACC,wCAA2C,CAC3C,SACD,CACD,CAGA,GACC,iBACD,CAEA,UACC,eAAgB,CAChB,0BAA2B,CAC3B,WAAY,CACZ,iBAAkB,CAClB,QACD,CAEA,SACC,YACD,CAQA,wBACC,SACC,mBAAqB,CACrB,gBACD,CAMA,0QAIE,YACD,CACF,CAGA,QACC,gBACD,CAEA,UACC,6BAA+B,CAC/B,kBACD,CAEA,IACC,6BAAoC,CACpC,UACD,CAEA,SACC,cAED,CAEA,iBAHC,mBAMD,CAHA,QACC,UAED,CAEA,SACC,mBAAoB,CACpB,UAAW,CACX,cAAe,CACf,iBACD,CAEA,WAOC,kBACD,CAGA,sBAVC,oBAAqB,CACrB,UAAW,CACX,kBAAmB,CACnB,UAAW,CACX,SAAU,CACV,gBAaD,CARA,WAOC,kBACD,CAGA,WAOC,kBACD,CAGA,sBAVC,oBAAqB,CACrB,UAAW,CACX,kBAAmB,CACnB,UAAW,CACX,SAAU,CACV,gBAaD,CARA,WAOC,kBACD,CAEA,WACC,oBAAqB,CACrB,UAAW,CACX,kBAAmB,CACnB,UAAW,CACX,SAAU,CACV,gBAAiB,CACjB,kBACD,CAEA,gBACC,gBACD,CAEA,UACC,eACD,CAEA,aACC,oBACD,CAEA,wBACC,kCACC,iBACD,CAEA,SACC,kBAAmB,CACnB,SACD,CACD,CAKA,kDACC,aAAc,CACd,oBAAqB,CACrB,cACD,CAEA,mBAAqB,eAAiB,CAAE,qBAAwB,CAChE,oBAAsB,mCAAqC,CAAE,sCAA2C,CACxG,oBAAsB,iBAAkB,CAAE,gEAAwE,CAClH,oBAAsB,kBAAmB,CAAE,kEAAwE,CACnH,sBAAuB,iBAAkB,CAAE,mBAAsB,CAIjE,cACC,aACD,CAEA,gBACC,eAAgB,CAChB,gBAAiB,CACjB,UACD,CAEA,iBACC,eACD,CAEA,wBACC,cACC,gBAAiB,CACjB,SAAU,CACV,aACD,CACD,CAIA,OACC,YAAa,CACb,gBACD,CAEA,OACC,wKACD,CAIA,cACC,cACD,CAEA,iBACC,eAAgB,CAChB,iBAAkB,CACf,kBACJ,CAEA,iBACI,YACJ,CAEA,8BACI,kBACJ,CAEA,oBACI,aAAc,CACd,cAAe,CACf,UAAW,CACX,gBACJ,CAEA,2CACI,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,eAAgB,CAChB,sBAAuB,CACvB,UAAW,CACX,kBACJ,CAOA,2BAJI,YAAa,CACb,WAMJ,CAEA,UACI,+BACJ,CAEA,MACI,gBAAiB,CACjB,wBAAyB,CACzB,iBAAkB,CAClB,sBAAuB,CACvB,aAAc,CACd,cAAe,CACf,kBACJ,CAEA,YACI,kBAAmB,CACnB,aACJ,CAEA,wBACI,cACI,aAAc,CACd,SACJ,CACJ,CAIA,cACI,UACJ,CAEA,QACI,eACJ,CAEA,QACI,gBACJ,CAIA,wBACI,aACI,YACJ,CACJ,CAEA,wBACI,aACI,YACJ,CACJ,CAEA,aACI,kBAAmB,CACnB,yBAA0B,CAC1B,cAAe,CACf,UACJ,CCrmBA,SACC,2EAA4E,CAC5E,qBACD,CAEA,eACC,mBAAoB,CACpB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,MAAO,CACP,SAAU,CACV,OAAQ,CACR,QACD,CAEA,SACC,2EAA4E,CAC5E,qBACD,CAEA,eACC,2BAA4B,CAC5B,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,OAAQ,CACR,QAAS,CACT,OAAQ,CACR,QACD,CAEA,SACC,6EAA8E,CAC9E,qBACD,CAEA,eACC,qBAAsB,CACtB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,OAAQ,CACR,SAAU,CACV,OAAQ,CACR,QACD,CAEA,SACC,oEAAqE,CACrE,qBACD,CAEA,eACC,YAAa,CACb,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,OAAQ,CACR,QAAS,CACT,OAAQ,CACR,QACD,CAEA,SACC,2FAA4F,CAC5F,qBACD,CAEA,eACC,kBAAmB,CACnB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,MAAO,CACP,SAAU,CACV,OAAQ,CACR,QACD,CAEA,SACC,yHAA0H,CAC1H,qBACD,CAEA,eACC,cAAe,CACf,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,OAAQ,CACR,QAAS,CACT,OAAQ,CACR,QACD,CAEA,SACC,8GAA+G,CAC/G,qBACD,CAEA,eACC,gBAAiB,CACjB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,OAAQ,CACR,SAAU,CACV,OAAQ,CACR,QACD,CAGA,UACC,+EAAgF,CAChF,qBACD,CAEA,gBACC,sBAAuB,CACvB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,MAAO,CACP,SAAU,CACV,OAAQ,CACR,QACD,CAEA,UACC,+EAAgF,CAChF,qBACD,CAEA,gBACC,qBAAsB,CACtB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,OAAQ,CACR,QAAS,CACT,OAAQ,CACR,QACD,CAEA,UACC,2EAA4E,CAC5E,qBACD,CAEA,gBACC,kBAAmB,CACnB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,OAAQ,CACR,SAAU,CACV,OAAQ,CACR,QACD,CCnLA,WACC,8GAA+G,CAC/G,qBACD,CAEA,iBACC,iBAAkB,CAClB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,MAAO,CACP,SAAU,CACV,OAAQ,CACR,QACD,CAEA,WACC,+EAAgF,CAChF,qBACD,CAEA,iBACC,mBAAoB,CACpB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,OAAQ,CACR,QAAS,CACT,OAAQ,CACR,QACD,CAEA,WACC,0GAA2G,CAC3G,qBACD,CAEA,iBACC,sBAAuB,CACvB,yBAA0B,CAC1B,cAAe,CACf,iBAAkB,CAClB,UAAW,CACX,aAAc,CACd,OAAQ,CACR,QAAS,CACT,OAAQ,CACR,QACD,CAwCA,yBACC,mDAGC,YACD,CACD","file":"main.283c06a5.chunk.css","sourcesContent":["/* ---- Basic Styling ---- */\r\n* {\r\n -webkit-user-select: none;\r\n -khtml-user-select: none;\r\n -moz-user-select: -moz-none;\r\n -o-user-select: none;\r\n\tuser-select: none;\r\n}\r\n\r\nhtml, body {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tfont-family: \"Roboto Mono\" !important;\r\n\tbackground: #0f0f0f !important;\r\n\tcolor: #fff !important;\r\n}\r\n\r\n.whitespace {\r\n\twidth: 100%;\r\n\theight: 100px;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.whitespace {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n/* ---- Typewriter Effect ---- */\r\n.line {\r\n\twidth: 24em;\r\n\ttop: 50%;\r\n\tmargin: auto;\r\n\tborder-right: 2px solid rgba(255, 255, 255, 0.75);\r\n\ttext-align: center;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttransform: translateY(-50%);\r\n}\r\n\r\n.anim-typewriter {\r\n\tanimation: typewriter 4s steps(46) 1s 1 normal both,\r\n\t\tblinkTextCursor 500ms steps(46) infinite normal;\r\n}\r\n\r\n@keyframes typewriter {\r\n\tfrom {\r\n\t\twidth: 0;\r\n\t} to {\r\n\t\twidth: 11.5em; /* 11.5em */\r\n\t}\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t@keyframes typewriter {\r\n\t\tfrom {\r\n\t\t\twidth: 0;\r\n\t\t} to {\r\n\t\t\twidth: 10.5em; /* 10.5em */\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes blinkTextCursor {\r\n\tfrom {\r\n\t\tborder-right-color: rgba(255, 255, 255, 0.75);\r\n\t} to {\r\n\t\tborder-right-color: transparent;\r\n\t}\r\n}\r\n\r\n/* ---- Navigation ---- */\r\nnav {\r\n\twidth: 100%;\r\n\tbackground: #0f0f0f;\r\n\theight: 80px;\r\n\tposition: fixed;\r\n\tz-index: 1;\r\n}\r\n\r\nnav #brand {\r\n\tfloat: left;\r\n\tdisplay: block;\r\n\tmargin-left: 82px;\r\n\tline-height: 80px;\r\n\tfont-weight: bold;\r\n}\r\n\r\nnav #brand a {\r\n\tcolor: #fff;\r\n\ttransition: all 0.3s ease-out;\r\n}\r\n\r\nnav #brand a:hover {\r\n\ttext-decoration: none;\r\n}\r\n\r\nnav #menu {\r\n\tfloat: left;\r\n\tright: 80px;\r\n\tposition: fixed;\r\n}\r\n\r\nnav #menu li {\r\n\tpadding-left: 30px; /* 40px */\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n\tfont-weight: 300;\r\n\tline-height: 80px;\r\n\tposition: relative;\r\n\ttransition: all 0.3s ease-out;\r\n}\r\n\r\nnav #menu li span {\r\n\tfont-weight: 700;\r\n}\r\n\r\nnav #menu li a {\r\n\tcolor: #fff;\r\n\ttransition: 0.5s;\r\n}\r\n\r\nnav #menu li a:hover {\r\n\ttext-decoration: none;\r\n\ttransition: 0.5s;\r\n}\r\n\r\n#menu-item-1:hover { letter-spacing: 1px; font-family: cursive; }\r\n#menu-item-2:hover { font-weight: bold; font-family: monospace; }\r\n#menu-item-3:hover { font-style: italic; font-family: Arial, Helvetica, sans-serif; }\r\n#menu-item-4:hover { text-decoration: underline !important; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }\r\n#menu-item-5:hover { font-style: bold; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; }\r\n\r\n#toggle {\r\n\tposition: absolute;\r\n\tright: 30px;\r\n\ttop: 20px;\r\n\tfont-weight: 300;\r\n\tz-index: 2;\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\tcursor: pointer;\r\n\tfloat: right;\r\n\ttransition: all 0.3s ease-out;\r\n\tvisibility: hidden;\r\n\topacity: 0;\r\n}\r\n\r\n.close-btn {\r\n\tposition: absolute;\r\n\tright: 16px;\r\n\tfont-weight: 300;\r\n\tz-index: 2;\r\n\tcursor: pointer;\r\n\ttop: -2px;\r\n\tline-height: 80px;\r\n}\r\n\r\n#resize {\r\n\tz-index: 1;\r\n\ttop: 0px;\r\n\tposition: fixed;\r\n\tbackground: #0f0f0f;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tvisibility: hidden;\r\n\topacity: 0;\r\n\ttransition: all 1s ease-out;\r\n}\r\n\r\n#resize #menu {\r\n\theight: 90px;\r\n\tposition: absolute;\r\n\tleft: 43%;\r\n\ttransform: translateX(-40%);\r\n\ttext-align: center;\r\n\tdisplay: table-cell;\r\n\tvertical-align: center;\r\n}\r\n\r\n#resize #menu li {\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n\tpadding: 10px 0;\r\n\tfont-size: 50px;\r\n\tmin-height: 50px;\r\n\tfont-weight: bold;\r\n\tcursor: pointer;\r\n\ttransition: all 0.3s ease-out;\r\n}\r\n\r\n#resize li:nth-child(1) {\r\n\tmargin-top: 100px; /* 140px */\r\n}\r\n\r\n#resize #menu li a {\r\n\tcolor: #fff;\r\n}\r\n\r\n#resize #menu li a:hover {\r\n\ttext-decoration: none;\r\n}\r\n\r\n#resize.active {\r\n\tvisibility: visible;\r\n\topacity: 1;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t#toggle {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t\tmargin-top: 6px;\r\n\t\tmargin-right: 4px;\r\n\t}\r\n\r\n\tnav #brand {\r\n\t\tmargin-left: 24px;\r\n\t}\r\n\r\n\t#menu a {\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: 300;\r\n\t}\r\n\r\n\t#resize li span {\r\n\t\tfont-weight: bolder;\r\n\t}\r\n\r\n\tnav #menu {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n@media(min-width: 768px) {\r\n\t#resize {\r\n\t\tvisibility: hidden !important;\r\n\t}\r\n}\r\n\r\n/* .blur {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\tmin-height: 50px;\r\n\tmargin-bottom: 20px;\r\n\tbackground: rgba(15, 15, 15, 1);\r\n\tz-index: 1010;\r\n\tfilter: blur(20px);\r\n} */\r\n\r\n/*--------------- Hero Section --------------- */\r\n.hero {\r\n\theight: 100vh;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n\r\n.hero h1 {\r\n\tfont-weight: lighter;\r\n\ttext-align: center;\r\n\tletter-spacing: -2px;\r\n\tline-height: 58px;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.header h1 {\r\n\t\tfont-size: 26px;\r\n\t}\r\n}\r\n\r\n/*--------------- Scroll Down Icon Animation --------------- */\r\n.scroll-down {\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\tbottom: 100px;\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n\tfont-size: 20px;\r\n\tz-index: 0;\r\n\ttext-decoration: none;\r\n\ttext-shadow: 0;\r\n\twidth: 13px;\r\n\theight: 13px;\r\n\tborder-bottom: 2px solid #fff;\r\n\tborder-right: 2px solid #fff;\r\n\t-webkit-transform: translate(-50%, 0) rotate(45deg);\r\n\ttransform: translate(-50%, 0) rotate(45deg);\r\n\tanimation: fade_move_down 3s cubic-bezier(0.19, 1, 0.22, 1) infinite;\r\n}\r\n\r\n@keyframes fade_move_down {\r\n\t0% {\r\n\t\ttransform: translate(0, -20px) rotate(45deg);\r\n\t\topacity: 0;\r\n\t}\r\n\t50% {\r\n\t\topacity: 1;\r\n\t}\r\n\t100% {\r\n\t\ttransform: translate(0, 20px) rotate(45deg);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n/*--------------- Projects Section --------------- */\r\nh6 {\r\n\ttext-align: center;\r\n}\r\n\r\n.vertical {\r\n\tmargin-top: 40px;\r\n\tborder-left: 1px solid #fff;\r\n\theight: 80px;\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n}\r\n\r\n.project {\r\n\theight: 500px;\r\n}\r\n\r\n/*--------------- render section --------------- */\r\n\r\n/*--------------- graphic section --------------- */\r\n\r\n/*--------------- category section --------------- */\r\n\r\n@media(max-width: 768px) {\r\n\t.project {\r\n\t\twidth: 90% !important;\r\n\t\tmargin: 14px auto;\r\n\t}\r\n\r\n\t.vertical {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.project1::after, .project2::after, .project3::after, .project4::after,\r\n\t\t.graphic1::after, .graphic2::after, .graphic3::after, .graphic4::after,\r\n\t\t.render1::after, .render2::after, .render3::after, .render4::after, \r\n\t\t.category1::after, .category2::after, .category3::after, .category4::after {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n}\r\n\r\n/*--------------- footer section --------------- */\r\n.collab {\r\n\ttext-align: right;\r\n}\r\n\r\n.collab p {\r\n\tfont-weight: lighter !important;\r\n\tmargin-bottom: 20px;\r\n}\r\n\r\n.hr {\r\n\tbackground: rgba(255, 255, 255, 0.2);\r\n\theight: 1px;\r\n}\r\n\r\n.info h4 {\r\n\tfont-size: 18px;\r\n\tfont-weight: lighter;\r\n}\r\n\r\n.info p {\r\n\tcolor: grey;\r\n\tfont-weight: lighter;\r\n}\r\n\r\n.info li {\r\n\tfont-weight: lighter;\r\n\tcolor: #fff;\r\n\tfont-size: 18px;\r\n\tpadding-left: 20px;\r\n}\r\n\r\n#fb::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #3b5998;\r\n}\r\n\r\n\r\n#ig::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #fcaf45;\r\n}\r\n\r\n\r\n#tw::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #55acee;\r\n}\r\n\r\n\r\n#yt::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #c4302b;\r\n}\r\n\r\n#gh::before {\r\n\tdisplay: inline-block;\r\n\tcontent: '';\r\n\tborder-radius: 100%;\r\n\theight: 4px;\r\n\twidth: 4px;\r\n\tmargin-right: 6px;\r\n\tbackground: #24292e;\r\n}\r\n\r\n#media, #address {\r\n\ttext-align: right;\r\n}\r\n\r\n#media ul {\r\n\tlist-style: none;\r\n}\r\n\r\n#media ul li {\r\n\tdisplay: inline-block;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.collab, #personal, #media, #address {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.info ul {\r\n\t\tmargin: 0 0 0 -22px;\r\n\t\tpadding: 0;\r\n\t}\r\n}\r\n\r\n/* Honestly, this took way longer to figure out than it should've. I scoured the internet for so long, at one point, I think\r\n// I had around 20+ tabs open, no idea how I really figured it out, just tried as many solutions until it was solved. - 17:27, 10/20/2018 \r\n*/\r\ndiv #no-h, #personal a, a:hover, #media a, a:hover, #address a, a:hover {\r\n\tcolor: inherit;\r\n\ttext-decoration: none;\r\n\ttransition: 0.5s;\r\n}\r\n\r\n#info-item-1:hover { font-weight: bold; font-family: monospace; }\r\n#media-item-1:hover { text-decoration: underline !important; font-family: Arial, Helvetica, sans-serif; }\r\n#media-item-2:hover { font-style: italic; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; }\r\n#media-item-3:hover { letter-spacing: 1px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }\r\n#address-item-1:hover {font-style: italic; font-family: cursive; }\r\n\r\n/*--------------- Work Page --------------- */\r\n\r\n.hero-content {\r\n\tmargin-left: 0%;\r\n}\r\n\r\n.hero-content p {\r\n\tfont-weight: 300;\r\n\tline-height: 36px;\r\n\tcolor: grey;\r\n}\r\n\r\n.hero-content h6 {\r\n\ttext-align: left;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.hero-content {\r\n\t\tpadding-top: 50px;\r\n\t\twidth: 96%;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n}\r\n\r\n/*--------------- About Page --------------- */\r\n\r\n.about {\r\n\theight: 500px;\r\n\tmargin-top: 120px;\r\n}\r\n\r\n.image {\r\n\tbackground: url(https://images.unsplash.com/photo-1540885762261-a2ca01f290f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2468&q=80) no-repeat 50% 70%;\r\n}\r\n\r\n/*--------------- Contact Form --------------- */\r\n\r\n#contact-form {\r\n\tmargin: 5% 1.4%;\r\n}\r\n\r\n#contact-form ul {\r\n\tlist-style: none;\r\n\tborder-radius: 5px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n#contact-form li {\r\n padding: 10px;\r\n}\r\n\r\n#contact-form li:last-of-type {\r\n border-bottom: none;\r\n}\r\n\r\n#contact-form label {\r\n display: block;\r\n font-size: .8em;\r\n color: #999;\r\n padding-left: 5px;\r\n}\r\n\r\n#contact-form input, #contact-form textarea {\r\n width: 100%;\r\n padding: 5px;\r\n border: none;\r\n resize: vertical;\r\n background: transparent;\r\n color: #fff;\r\n font-weight: bolder;\r\n}\r\n\r\ninput:focus {\r\n outline: none;\r\n border: none;\r\n}\r\n\r\ntextarea:focus {\r\n outline: none;\r\n border: none;\r\n}\r\n\r\n.textarea {\r\n border-bottom: 1px solid #dfdfdf;\r\n}\r\n\r\n.send {\r\n margin-left: 50px;\r\n text-transform: uppercase;\r\n padding: 20px 30px;\r\n background: transparent;\r\n color: #dfdfdf;\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n.send:hover {\r\n background: #dfdfdf;\r\n color: #101010;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n #contact-form {\r\n margin: 5% -8%;\r\n width: 98%;\r\n }\r\n}\r\n\r\n/*--------------- Project Page --------------- */\r\n\r\n.prev, .next p {\r\n color: grey;\r\n}\r\n\r\n.prev p {\r\n text-align: left;\r\n}\r\n\r\n.next p {\r\n text-align: right;\r\n}\r\n\r\n/*--------------- Mobile Text --------------- */\r\n\r\n@media(min-width: 768px) {\r\n .mobile-txt2 {\r\n display: none;\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .mobile-txt3 {\r\n display: none;\r\n }\r\n}\r\n\r\n.mobile-txt2 {\r\n content: \"absence.\";\r\n font-family: \"Roboto Mono\";\r\n font-size: 16px;\r\n color: #fff;\r\n}\r\n\r\n/* ---- Extra ---- */\r\n",".render1 {\r\n\tbackground: url(/projects/renders/iced-out/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render1::after {\r\n\tcontent: \"iced out.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 8%;\r\n\tleft: -60%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render2 {\r\n\tbackground: url(/projects/renders/rockstar/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render2::after {\r\n\tcontent: \"projects/ github.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render3 {\r\n\tbackground: url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render3::after {\r\n\tcontent: \"allegiance.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: -50%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render4 {\r\n\tbackground: url(/projects/renders/?/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render4::after {\r\n\tcontent: \"?.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 10%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render5 {\r\n\tbackground: url(https://strelizia.cc/HyLvUFyMOYyv6SK6lpJVUfuOLj2dBxqr.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render5::after {\r\n\tcontent: \"uwufier.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 8%;\r\n\tleft: -60%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render6 {\r\n\tbackground: url(https://www.callicoder.com/assets/images/post/large/npm-package-manager-for-node-js.jpg) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render6::after {\r\n\tcontent: \"npm.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.render7 {\r\n\tbackground: url(https://senpy.tk/C++/Sakurajima_Mai_Holding_The_C++_Programming_Language.jpg) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.render7::after {\r\n\tcontent: \"senpy.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: -50%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n/* */\r\n.graphic1 {\r\n\tbackground: url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.graphic1::after {\r\n\tcontent: \"devils work.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 8%;\r\n\tleft: -60%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.graphic2 {\r\n\tbackground: url(/projects/graphics/swavy-pfps/assets/img2.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.graphic2::after {\r\n\tcontent: \"swavy pfps.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.graphic3 {\r\n\tbackground: url(/projects/graphics/absence/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.graphic3::after {\r\n\tcontent: \"absence.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: -50%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n/*\r\n.graphic4 {\r\n\t background: url(/projects/renders/devils-work/assets/img.png) no-repeat 50% 50%;\r\n\t background-size: cover;\r\n}\r\n\r\n.render4::after {\r\n\t content: \"devils work.\";\r\n\t font-family: \"Roboto Mono\";\r\n\t font-size: 36px;\r\n\t position: relative;\r\n\t color: #fff;\r\n\t display: block;\r\n\t top: 10%;\r\n\t left: 90%;\r\n\t right: 0;\r\n\t bottom: 0;\r\n}\r\n*/\r\n",".category1 {\r\n\tbackground: url(https://i.pinimg.com/originals/1f/3f/fa/1f3ffa4e7f42c15cfec901d301b16e9c.jpg) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.category1::after {\r\n\tcontent: \"videos.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 8%;\r\n\tleft: -60%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.category2 {\r\n\tbackground: url(/projects/graphics/devils-work/assets/img.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.category2::after {\r\n\tcontent: \"graphics.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n.category3 {\r\n\tbackground: url(https://eldfrog.com/wp-content/uploads/2018/12/programming_languages.png) no-repeat 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.category3::after {\r\n\tcontent: \"development.\";\r\n\tfont-family: \"Roboto Mono\";\r\n\tfont-size: 36px;\r\n\tposition: relative;\r\n\tcolor: #fff;\r\n\tdisplay: block;\r\n\ttop: 80%;\r\n\tleft: 90%;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n/*\r\n.category3 {\r\n\t background: url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 50%;\r\n\t background-size: cover;\r\n}\r\n\r\n.category3::after {\r\n\t content: \"allegiance.\";\r\n\t font-family: \"Roboto Mono\";\r\n\t font-size: 36px;\r\n\t position: relative;\r\n\t color: #fff;\r\n\t display: block;\r\n\t top: 80%;\r\n\t left: -50%;\r\n\t right: 0;\r\n\t bottom: 0;\r\n}\r\n\r\n.category4 {\r\n\t background: url(/projects/renders/devils-work/assets/img.png) no-repeat 50% 50%;\r\n\t background-size: cover;\r\n}\r\n\r\n.category4::after {\r\n\t content: \"devils work.\";\r\n\t font-family: \"Roboto Mono\";\r\n\t font-size: 36px;\r\n\t position: relative;\r\n\t color: #fff;\r\n\t display: block;\r\n\t top: 10%;\r\n\t left: 90%;\r\n\t right: 0;\r\n\t bottom: 0;\r\n}\r\n*/\r\n\r\n@media (max-width: 768px) {\r\n\t.category1::after,\r\n\t.category2::after,\r\n\t.category3::after {\r\n\t\tcontent: none;\r\n\t}\r\n}"]} \ No newline at end of file diff --git a/build/static/js/2.91d75026.chunk.js b/build/static/js/2.91d75026.chunk.js deleted file mode 100644 index d984df4..0000000 --- a/build/static/js/2.91d75026.chunk.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see 2.91d75026.chunk.js.LICENSE.txt */ -(this["webpackJsonpme-react"]=this["webpackJsonpme-react"]||[]).push([[2],[function(e,t,n){"use strict";e.exports=n(25)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";function r(e,t){for(var n=0;n=0;d--){var p=a[d];"."===p?i(a,d):".."===p?(i(a,d),f++):f&&(i(a,d),f--)}if(!c)for(;f--;f)a.unshift("..");!c||""===a[0]||a[0]&&o(a[0])||a.unshift("");var h=a.join("/");return n&&"/"!==h.substr(-1)&&(h+="/"),h};function l(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}var u=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,r){return e(t,n[r])}));if("object"===typeof t||"object"===typeof n){var r=l(t),o=l(n);return r!==t||o!==n?e(r,o):Object.keys(Object.assign({},t,n)).every((function(r){return e(t[r],n[r])}))}return!1},c=n(9);function s(e){return"/"===e.charAt(0)?e:"/"+e}function f(e){return"/"===e.charAt(0)?e.substr(1):e}function d(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function p(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function h(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function m(e,t,n,o){var i;"string"===typeof e?(i=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e)).state=t:(void 0===(i=Object(r.a)({},e)).pathname&&(i.pathname=""),i.search?"?"!==i.search.charAt(0)&&(i.search="?"+i.search):i.search="",i.hash?"#"!==i.hash.charAt(0)&&(i.hash="#"+i.hash):i.hash="",void 0!==t&&void 0===i.state&&(i.state=t));try{i.pathname=decodeURI(i.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+i.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(i.key=n),o?i.pathname?"/"!==i.pathname.charAt(0)&&(i.pathname=a(i.pathname,o.pathname)):i.pathname=o.pathname:i.pathname||(i.pathname="/"),i}function y(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&u(e.state,t.state)}function v(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var i="function"===typeof e?e(t,n):e;"string"===typeof i?"function"===typeof r?r(i,o):o(!0):o(!1!==i)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,r):n.push(r),f({action:"PUSH",location:r,index:t,entries:n})}}))},replace:function(e,t){var r=m(e,t,d(),w.location);s.confirmTransitionTo(r,"REPLACE",n,(function(e){e&&(w.entries[w.index]=r,f({action:"REPLACE",location:r}))}))},go:b,goBack:function(){b(-1)},goForward:function(){b(1)},canGo:function(e){var t=w.index+e;return t>=0&&t=0||(o[n]=e[n]);return o}n.d(t,"a",(function(){return r}))},function(e,t,n){"use strict";var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function a(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(o){return!1}}()?Object.assign:function(e,t){for(var n,l,u=a(e),c=1;c=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},$=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t},V=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return!1===t?String(e):String(e).replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},H=function(e){var t=q(e,y.TITLE),n=q(e,M);if(n&&t)return n.replace(/%s/g,(function(){return Array.isArray(t)?t.join(""):t}));var r=q(e,_);return t||r||void 0},W=function(e){return q(e,R)||function(){}},B=function(e,t){return t.filter((function(t){return"undefined"!==typeof t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return D({},e,t)}),{})},Q=function(e,t){return t.filter((function(e){return"undefined"!==typeof e[y.BASE]})).map((function(e){return e[y.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o=0;n--){var r=e[n];if(r.hasOwnProperty(t))return r[t]}return null},Y=function(){var e=Date.now();return function(t){var n=Date.now();n-e>16?(e=n,t(n)):setTimeout((function(){Y(t)}),0)}}(),X=function(e){return clearTimeout(e)},G="undefined"!==typeof window?window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||Y:e.requestAnimationFrame||Y,J="undefined"!==typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||X:e.cancelAnimationFrame||X,Z=function(e){return console&&"function"===typeof console.warn&&console.warn(e)},ee=null,te=function(e,t){var n=e.baseTag,r=e.bodyAttributes,o=e.htmlAttributes,i=e.linkTags,a=e.metaTags,l=e.noscriptTags,u=e.onChangeClientState,c=e.scriptTags,s=e.styleTags,f=e.title,d=e.titleAttributes;oe(y.BODY,r),oe(y.HTML,o),re(f,d);var p={baseTag:ie(y.BASE,n),linkTags:ie(y.LINK,i),metaTags:ie(y.META,a),noscriptTags:ie(y.NOSCRIPT,l),scriptTags:ie(y.SCRIPT,c),styleTags:ie(y.STYLE,s)},h={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(h[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),u(e,h,m)},ne=function(e){return Array.isArray(e)?e.join(""):e},re=function(e,t){"undefined"!==typeof e&&document.title!==e&&(document.title=ne(e)),oe(y.TITLE,t)},oe=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-react-helmet"),o=r?r.split(","):[],i=[].concat(o),a=Object.keys(t),l=0;l=0;f--)n.removeAttribute(i[f]);o.length===i.length?n.removeAttribute("data-react-helmet"):n.getAttribute("data-react-helmet")!==a.join(",")&&n.setAttribute("data-react-helmet",a.join(","))}},ie=function(e,t){var n=document.head||document.querySelector(y.HEAD),r=n.querySelectorAll(e+"[data-react-helmet]"),o=Array.prototype.slice.call(r),i=[],a=void 0;return t&&t.length&&t.forEach((function(t){var n=document.createElement(e);for(var r in t)if(t.hasOwnProperty(r))if(r===T)n.innerHTML=t.innerHTML;else if(r===g)n.styleSheet?n.styleSheet.cssText=t.cssText:n.appendChild(document.createTextNode(t.cssText));else{var l="undefined"===typeof t[r]?"":t[r];n.setAttribute(r,l)}n.setAttribute("data-react-helmet","true"),o.some((function(e,t){return a=t,n.isEqualNode(e)}))?o.splice(a,1):i.push(n)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return n.appendChild(e)})),{oldTags:o,newTags:i}},ae=function(e){return Object.keys(e).reduce((function(t,n){var r="undefined"!==typeof e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},le=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[O[n]||n]=e[n],t}),t)},ue=function(e,t,n){switch(e){case y.TITLE:return{toComponent:function(){return function(e,t,n){var r,o=((r={key:t})["data-react-helmet"]=!0,r),i=le(n,o);return[s.a.createElement(y.TITLE,i,t)]}(0,t.title,t.titleAttributes)},toString:function(){return function(e,t,n,r){var o=ae(n),i=ne(t);return o?"<"+e+' data-react-helmet="true" '+o+">"+V(i,r)+"":"<"+e+' data-react-helmet="true">'+V(i,r)+""}(e,t.title,t.titleAttributes,n)}};case p:case h:return{toComponent:function(){return le(t)},toString:function(){return ae(t)}};default:return{toComponent:function(){return function(e,t){return t.map((function(t,n){var r,o=((r={key:n})["data-react-helmet"]=!0,r);return Object.keys(t).forEach((function(e){var n=O[e]||e;if(n===T||n===g){var r=t.innerHTML||t.cssText;o.dangerouslySetInnerHTML={__html:r}}else o[n]=t[e]})),s.a.createElement(e,o)}))}(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!(e===T||e===g)})).reduce((function(e,t){var o="undefined"===typeof r[t]?t:t+'="'+V(r[t],n)+'"';return e?e+" "+o:o}),""),i=r.innerHTML||r.cssText||"",a=-1===I.indexOf(e);return t+"<"+e+' data-react-helmet="true" '+o+(a?"/>":">"+i+"")}),"")}(e,t,n)}}}},ce=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,i=e.linkTags,a=e.metaTags,l=e.noscriptTags,u=e.scriptTags,c=e.styleTags,s=e.title,f=void 0===s?"":s,d=e.titleAttributes;return{base:ue(y.BASE,t,r),bodyAttributes:ue(p,n,r),htmlAttributes:ue(h,o,r),link:ue(y.LINK,i,r),meta:ue(y.META,a,r),noscript:ue(y.NOSCRIPT,l,r),script:ue(y.SCRIPT,u,r),style:ue(y.STYLE,c,r),title:ue(y.TITLE,{title:f,titleAttributes:d},r)}},se=function(e){var t,n;return n=t=function(t){function n(){return z(this,n),$(this,t.apply(this,arguments))}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,t),n.prototype.shouldComponentUpdate=function(e){return!u()(this.props,e)},n.prototype.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case y.SCRIPT:case y.NOSCRIPT:return{innerHTML:t};case y.STYLE:return{cssText:t}}throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")},n.prototype.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren,o=e.newChildProps,i=e.nestedChildren;return D({},r,((t={})[n.type]=[].concat(r[n.type]||[],[D({},o,this.mapNestedChildrenToProps(n,i))]),t))},n.prototype.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,i=e.newChildProps,a=e.nestedChildren;switch(r.type){case y.TITLE:return D({},o,((t={})[r.type]=a,t.titleAttributes=D({},i),t));case y.BODY:return D({},o,{bodyAttributes:D({},i)});case y.HTML:return D({},o,{htmlAttributes:D({},i)})}return D({},o,((n={})[r.type]=D({},i),n))},n.prototype.mapArrayTypeChildrenToProps=function(e,t){var n=D({},t);return Object.keys(e).forEach((function(t){var r;n=D({},n,((r={})[t]=e[t],r))})),n},n.prototype.warnOnInvalidChildren=function(e,t){return!0},n.prototype.mapChildrenToProps=function(e,t){var n=this,r={};return s.a.Children.forEach(e,(function(e){if(e&&e.props){var o=e.props,i=o.children,a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[j[n]||n]=e[n],t}),t)}(U(o,["children"]));switch(n.warnOnInvalidChildren(e,i),e.type){case y.LINK:case y.META:case y.NOSCRIPT:case y.SCRIPT:case y.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:a,nestedChildren:i});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:a,nestedChildren:i})}}})),t=this.mapArrayTypeChildrenToProps(r,t)},n.prototype.render=function(){var t=this.props,n=t.children,r=U(t,["children"]),o=D({},r);return n&&(o=this.mapChildrenToProps(n,o)),s.a.createElement(e,o)},F(n,null,[{key:"canUseDOM",set:function(t){e.canUseDOM=t}}]),n}(s.a.Component),t.propTypes={base:o.a.object,bodyAttributes:o.a.object,children:o.a.oneOfType([o.a.arrayOf(o.a.node),o.a.node]),defaultTitle:o.a.string,defer:o.a.bool,encodeSpecialCharacters:o.a.bool,htmlAttributes:o.a.object,link:o.a.arrayOf(o.a.object),meta:o.a.arrayOf(o.a.object),noscript:o.a.arrayOf(o.a.object),onChangeClientState:o.a.func,script:o.a.arrayOf(o.a.object),style:o.a.arrayOf(o.a.object),title:o.a.string,titleAttributes:o.a.object,titleTemplate:o.a.string},t.defaultProps={defer:!0,encodeSpecialCharacters:!0},t.peek=e.peek,t.rewind=function(){var t=e.rewind();return t||(t=ce({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}})),t},n}(a()((function(e){return{baseTag:Q([b,P],e),bodyAttributes:B(p,e),defer:q(e,N),encode:q(e,A),htmlAttributes:B(h,e),linkTags:K(y.LINK,[S,b],e),metaTags:K(y.META,[x,v,w,E,k],e),noscriptTags:K(y.NOSCRIPT,[T],e),onChangeClientState:W(e),scriptTags:K(y.SCRIPT,[C,T],e),styleTags:K(y.STYLE,[g],e),title:H(e),titleAttributes:B(m,e)}}),(function(e){ee&&J(ee),e.defer?ee=G((function(){te(e,(function(){ee=null}))})):(te(e),ee=null)}),ce)((function(){return null})));se.renderStatic=se.rewind,t.a=se}).call(this,n(17))},function(e,t,n){"use strict";var r,o=n(0),i=(r=o)&&"object"===typeof r&&"default"in r?r.default:r;function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=!("undefined"===typeof window||!window.document||!window.document.createElement);e.exports=function(e,t,n){if("function"!==typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!==typeof t)throw new Error("Expected handleStateChangeOnClient to be a function.");if("undefined"!==typeof n&&"function"!==typeof n)throw new Error("Expected mapStateOnServer to either be undefined or a function.");return function(r){if("function"!==typeof r)throw new Error("Expected WrappedComponent to be a React component.");var u,c=[];function s(){u=e(c.map((function(e){return e.props}))),f.canUseDOM?t(u):n&&(u=n(u))}var f=function(e){var t,n;function o(){return e.apply(this,arguments)||this}n=e,(t=o).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n,o.peek=function(){return u},o.rewind=function(){if(o.canUseDOM)throw new Error("You may only call rewind() on the server. Call peek() to read the current state.");var e=u;return u=void 0,c=[],e};var a=o.prototype;return a.UNSAFE_componentWillMount=function(){c.push(this),s()},a.componentDidUpdate=function(){s()},a.componentWillUnmount=function(){var e=c.indexOf(this);c.splice(e,1),s()},a.render=function(){return i.createElement(r,this.props)},o}(o.PureComponent);return a(f,"displayName","SideEffect("+function(e){return e.displayName||e.name||"Component"}(r)+")"),a(f,"canUseDOM",l),f}}},function(e,t){var n="undefined"!==typeof Element,r="function"===typeof Map,o="function"===typeof Set,i="function"===typeof ArrayBuffer&&!!ArrayBuffer.isView;e.exports=function(e,t){try{return function e(t,a){if(t===a)return!0;if(t&&a&&"object"==typeof t&&"object"==typeof a){if(t.constructor!==a.constructor)return!1;var l,u,c,s;if(Array.isArray(t)){if((l=t.length)!=a.length)return!1;for(u=l;0!==u--;)if(!e(t[u],a[u]))return!1;return!0}if(r&&t instanceof Map&&a instanceof Map){if(t.size!==a.size)return!1;for(s=t.entries();!(u=s.next()).done;)if(!a.has(u.value[0]))return!1;for(s=t.entries();!(u=s.next()).done;)if(!e(u.value[1],a.get(u.value[0])))return!1;return!0}if(o&&t instanceof Set&&a instanceof Set){if(t.size!==a.size)return!1;for(s=t.entries();!(u=s.next()).done;)if(!a.has(u.value[0]))return!1;return!0}if(i&&ArrayBuffer.isView(t)&&ArrayBuffer.isView(a)){if((l=t.length)!=a.length)return!1;for(u=l;0!==u--;)if(t[u]!==a[u])return!1;return!0}if(t.constructor===RegExp)return t.source===a.source&&t.flags===a.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===a.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===a.toString();if((l=(c=Object.keys(t)).length)!==Object.keys(a).length)return!1;for(u=l;0!==u--;)if(!Object.prototype.hasOwnProperty.call(a,c[u]))return!1;if(n&&t instanceof Element)return!1;for(u=l;0!==u--;)if(("_owner"!==c[u]&&"__v"!==c[u]&&"__o"!==c[u]||!t.$$typeof)&&!e(t[c[u]],a[c[u]]))return!1;return!0}return t!==t&&a!==a}(e,t)}catch(a){if((a.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw a}}},function(e,t,n){"use strict";var r=n(18),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function u(e){return r.isMemo(e)?a:l[e.$$typeof]||o}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=a;var c=Object.defineProperty,s=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!==typeof n){if(h){var o=p(n);o&&o!==h&&e(t,o,r)}var a=s(n);f&&(a=a.concat(f(n)));for(var l=u(t),m=u(n),y=0;yN.length&&N.push(e)}function M(e,t,n){return null==e?0:function e(t,n,r,o){var l=typeof t;"undefined"!==l&&"boolean"!==l||(t=null);var u=!1;if(null===t)u=!0;else switch(l){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case i:case a:u=!0}}if(u)return r(o,t,""===n?"."+j(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c