diff --git a/README.md b/README.md index 7df7c9c..6ea3fe3 100755 --- a/README.md +++ b/README.md @@ -91,7 +91,7 @@ If shadows may be displayed wrong, please check that the element with a box-shad ### Icons -This project contains the [Google Material](https://material.io/icons/) and [fontawesome](http://fontawesome.io/icons/) icon set. +This project contains the [Google Material](https://material.io/icons/) and [fontawesome](http://fontawesome.io/icons/) icon sets. ### Adjusting PDF-generation and page size @@ -99,7 +99,7 @@ This project contains the [Google Material](https://material.io/icons/) and [fon ### Adding fonts -To add a font to the project, search for the npm-module of the desired font, e.g. [roboto-fontface](https://www.npmjs.com/package/roboto-fontface) for font face 'Roboto'. Add dependency to `package.json` with `npm i --save`, e.g. `npm i --save roboto-fontface`. +To add a font to the project, search for the npm-module of the desired font, e.g. [roboto-fontface](https://www.npmjs.com/package/roboto-fontface) for 'Roboto'. Add dependency to `package.json` with `npm i --save`, e.g. `npm i --save roboto-fontface`. Create a new less file in `/less/fonts`, e.g. 'roboto.less'. `/node_modules` are accessable through localhost:3000. That means if the corresponding woff-file is under `/node_modules/roboto-fontface/anyFont.woff` the source url needs to equal `/roboto-fontface/anyFont.woff`: diff --git a/index.html b/index.html index 0bca6cc..363b908 100755 --- a/index.html +++ b/index.html @@ -76,11 +76,11 @@ var marginBottom = 50; // in px
If shadows may be displayed wrong, please check that the element with a box-shadow has a proper height, width and positioning.
This project contains the Google Material and fontawesome icon set.
+This project contains the Google Material and fontawesome icon sets.
electroshot is used to generate PDFs. convertToPdf() in /src/htmlToPdf.js runs a short bash script for each resume running under localhost:3000/resumes/resume-X. By default the PDF size is A4. For more PDF settings check mixu/electroshot.
To add a font to the project, search for the npm-module of the desired font, e.g. roboto-fontface for font face 'Roboto'. Add dependency to package.json with npm i --save, e.g. npm i --save roboto-fontface.
To add a font to the project, search for the npm-module of the desired font, e.g. roboto-fontface for 'Roboto'. Add dependency to package.json with npm i --save, e.g. npm i --save roboto-fontface.
Create a new less file in /less/fonts, e.g. 'roboto.less'. /node_modules are accessable through localhost:3000. That means if the corresponding woff-file is under /node_modules/roboto-fontface/anyFont.woff the source url needs to equal /roboto-fontface/anyFont.woff:
@font-face {
font-family: 'Roboto';
diff --git a/less/fonts.less b/less/fonts.less
index e6be039..55b8c40 100755
--- a/less/fonts.less
+++ b/less/fonts.less
@@ -6,6 +6,3 @@
@import "fonts/roboto.less";
@import "fonts/roboto-condensed.less";
@import "fonts/roboto-slab.less";
-/*
-@import (less) "../node_modules/@typopro/web-montserrat/TypoPRO-Montserrat.css";
- */
diff --git a/less/githubPages.less b/less/githubPages.less
index 7565f3a..7800703 100755
--- a/less/githubPages.less
+++ b/less/githubPages.less
@@ -27,6 +27,8 @@
padding-bottom: 30px;
color: white;
padding-left: 10%;
+ margin-top: 0;
+ width: 100%;
img {
float: left;
@@ -59,11 +61,17 @@
}
h2,
- p {
+ h3,
+ p,
+ pre {
margin-left: 10%;
width: 80%;
}
+ pre {
+ background: white;
+ }
+
hr {
width: 80%;
border: 1px solid #999;
diff --git a/package.json b/package.json
index e6b1b40..60be1c2 100755
--- a/package.json
+++ b/package.json
@@ -1,52 +1,56 @@
{
- "name": "best-resume-ever",
- "version": "1.0.0",
- "description": "",
- "main": "server.js",
- "scripts": {
- "server": "node --harmony-async-await src/server.js",
- "less": "node --harmony-async-await src/compileLess.js",
- "readme": "node --harmony-async-await src/renderReadMe.js",
- "start": "npm run less && npm run server",
- "pdf": "node --harmony-async-await src/htmlToPdf.js"
- },
- "pre-commit": [
- "less",
- "readme"
- ],
- "repository": {
- "type": "git",
- "url": "git+https://github.com/SalamiMitPizza/beautifulCV.git"
- },
- "author": "salamimipizza",
- "homepage": "https://salamimitpizza.github.io/beautifulCV/",
- "dependencies": {
- "@typopro/web-montserrat": "^3.4.9",
- "buffer-to-string": "^0.1.0",
- "clean-css": "^4.0.4",
- "electroshot": "^1.2.0",
- "express": "^4.14.1",
- "font-awesome": "^4.7.0",
- "fs": "0.0.1-security",
- "hogan-express": "^0.5.2",
- "html-pdf": "2.1.0",
- "html-to-pdf": "^0.1.11",
- "jquery": "^3.1.1",
- "less": "^2.7.2",
- "less-plugin-clean-css": "^1.5.1",
- "local-web-server": "1.2.6",
- "markdown-to-html": "0.0.13",
- "material-design-icons": "^3.0.1",
- "mustache": "^2.3.0",
- "mustache-express": "^1.2.4",
- "normalize.css": "^5.0.0",
- "npm-font-open-sans-condensed": "^1.0.3",
- "open-sans-fontface": "^1.4.0",
- "path": "^0.12.7",
- "pre-commit": "^1.2.2",
- "raleway-webfont": "^3.0.1",
- "roboto-fontface": "^0.7.0",
- "showdown": "^1.6.3",
- "write": "^0.3.2"
- }
+ "name": "best-resume-ever",
+ "version": "1.0.0",
+ "description": "",
+ "main": "server.js",
+ "scripts": {
+ "server": "node --harmony-async-await src/server.js",
+ "less": "node --harmony-async-await src/compileLess.js",
+ "babel": "babel --presets es2015 src/javascript.js -o public/javascript.js",
+ "readme": "node --harmony-async-await src/renderReadMe.js",
+ "start": "npm run babel && npm run less && npm run server",
+ "pdf": "node --harmony-async-await src/htmlToPdf.js"
+ },
+ "pre-commit": [
+ "less",
+ "readme"
+ ],
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/unpregnant/beautifulCV.git"
+ },
+ "author": "salamimipizza",
+ "homepage": "https://unpregnant.github.io/beautifulCV/",
+ "dependencies": {
+ "@typopro/web-montserrat": "^3.4.9",
+ "babel-cli": "^6.22.2",
+ "babel-core": "^6.22.1",
+ "babel-preset-es2015": "^6.22.0",
+ "buffer-to-string": "^0.1.0",
+ "clean-css": "^4.0.4",
+ "electroshot": "^1.2.0",
+ "express": "^4.14.1",
+ "font-awesome": "^4.7.0",
+ "fs": "0.0.1-security",
+ "hogan-express": "^0.5.2",
+ "html-pdf": "2.1.0",
+ "html-to-pdf": "^0.1.11",
+ "jquery": "^3.1.1",
+ "less": "^2.7.2",
+ "less-plugin-clean-css": "^1.5.1",
+ "local-web-server": "1.2.6",
+ "markdown-to-html": "0.0.13",
+ "material-design-icons": "^3.0.1",
+ "mustache": "^2.3.0",
+ "mustache-express": "^1.2.4",
+ "normalize.css": "^5.0.0",
+ "npm-font-open-sans-condensed": "^1.0.3",
+ "open-sans-fontface": "^1.4.0",
+ "path": "^0.12.7",
+ "pre-commit": "^1.2.2",
+ "raleway-webfont": "^3.0.1",
+ "roboto-fontface": "^0.7.0",
+ "showdown": "^1.6.3",
+ "write": "^0.3.2"
+ }
}
diff --git a/public/javascript.js b/public/javascript.js
index fc8f2fe..1468607 100644
--- a/public/javascript.js
+++ b/public/javascript.js
@@ -1,147 +1,141 @@
+'use strict';
+
// minimum margin of content to bottom of page
var marginBottom = 50;
// DOM-element of
-var page;
+var page = void 0;
+// all dom elements
+var elements = void 0;
/**
* gets all DOM-elements on page
* @return {HTMLElement[]} DOM-elements
*/
-function getAllDOMElements() {
- return document.getElementsByTagName('*');
-}
+var getAllDOMElements = function getAllDOMElements() {
+ elements = document.getElementsByTagName('*');
+};
/**
* gets DOM-element of #resumeX
* @return {HTMLElement}
*/
-function getResumeDOMElement() {
+var getResumeDOMElement = function getResumeDOMElement() {
return page.children[0];
-}
+};
/**
- * sets variable 'page' to DOM-element of
+ * sets letiable 'page' to DOM-element of
*/
-function setPageDOMElement() {
+var setPageDOMElement = function setPageDOMElement() {
page = document.getElementsByTagName('page')[0];
-}
+};
/**
* checks whether font needs to be fixed, and if fixes it
*/
-function checkFont() {
+var checkFont = function checkFont() {
var resume = getResumeDOMElement();
if (contentIsGreaterThanPage(resume)) fixFont();
-}
+};
/**
* checks whether content is greater than page
* @param {HTMLElement} resume
- * @return {Boolean} false if content fits to page
+ * @return {boolean} false if content fits to page
*/
-function contentIsGreaterThanPage(resume) {
+var contentIsGreaterThanPage = function contentIsGreaterThanPage(resume) {
var pageHeight = page.offsetHeight;
var resumeHeight = resume.offsetHeight + marginBottom;
- if (pageHeight < resumeHeight) return true;
- else return false;
-}
+ if (pageHeight < resumeHeight) return true;else return false;
+};
/**
* gets font size of DOM-elemnt
* @param {HTMLElement} element
- * @return {Number} font size of element
+ * @return {number} font size of element
*/
-function getFontSizeOfElement(element) {
- var style = window
- .getComputedStyle(element, null)
- .getPropertyValue('font-size');
+var getFontSizeOfElement = function getFontSizeOfElement(element) {
+ var style = window.getComputedStyle(element, null).getPropertyValue('font-size');
return parseFloat(style);
-}
+};
/**
* sets font size of DOM-element
* @param {HTMLElement} element
- * @param {Number} fontSize
+ * @param {number} fontSize
*/
-function setFontSizeOfElement(element, fontSize) {
+var setFontSizeOfElement = function setFontSizeOfElement(element, fontSize) {
element.style.fontSize = fontSize + 'px';
-}
+};
/**
* decreases font size of all DOM-elements
*/
-function decreaseFontSizes() {
- var elements = getAllDOMElements();
- var current;
+var decreaseFontSizes = function decreaseFontSizes() {
+ var current = void 0,
+ newFontSize = void 0;
for (var i = 0; i < elements.length; i++) {
current = elements[i];
newFontSize = getFontSizeOfElement(current) * 0.99;
setFontSizeOfElement(current, newFontSize);
}
-}
+};
/**
* decreases font size until content fits to page
*/
-function fixFont() {
+var fixFont = function fixFont() {
decreaseFontSizes();
var resume = getResumeDOMElement();
if (contentIsGreaterThanPage(resume)) fixFont();
-}
+};
/**
* checks if DOM-element has box-shadow
* @param {HTMLElement} element
- * @return {String} '' if no shadow, otherwise shadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px'
+ * @return {string} '' if no shadow, otherwise shadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px'
*/
-function hasBoxShadow(element) {
- var style = window
- .getComputedStyle(element, null)
- .getPropertyValue('box-shadow');
- if (style != 'none') return style;
- else return '';
-}
+var hasBoxShadow = function hasBoxShadow(element) {
+ var style = window.getComputedStyle(element, null).getPropertyValue('box-shadow');
+ if (style != 'none') return style;else return '';
+};
/**
* gets absolute position of element
* @param {HTMLElement} element
* @return {{}}
*/
-function getAbsolutePositionOfElement(element) {
+var getAbsolutePositionOfElement = function getAbsolutePositionOfElement(element) {
return {
top: element.getBoundingClientRect().top,
left: element.getBoundingClientRect().left
- }
-}
-
+ };
+};
/**
* removes box shadow from element
* @param {HTMLElement} element
*/
-function removeBoxShadowOfElement(element) {
+var removeBoxShadowOfElement = function removeBoxShadowOfElement(element) {
element.style.boxShadow = 'none';
-}
-
+};
/**
* gets border radius of element
* @param {HTMLElement} element
* @return {String} e.g. '50%'
*/
-function getBorderRadiusOfElement(element) {
- return window
- .getComputedStyle(element, null)
- .getPropertyValue('border-radius');
-}
+var getBorderRadiusOfElement = function getBorderRadiusOfElement(element) {
+ return window.getComputedStyle(element, null).getPropertyValue('border-radius');
+};
/**
* adds new box shadow
* @param {HTMLElement} element
* @param {{}} position e.g. { left: 10, top: 100}
- * @param {String} boxShadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px'
+ * @param {string} boxShadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px'
*/
-function addNewBoxShadow(element, position, boxShadow) {
+var addNewBoxShadow = function addNewBoxShadow(element, position, boxShadow) {
var div = document.createElement('div');
div.style.height = element.offsetHeight;
div.style.width = element.offsetWidth;
@@ -153,26 +147,26 @@ function addNewBoxShadow(element, position, boxShadow) {
div.style.top = position.top;
div.style.left = position.left;
document.getElementsByTagName('body')[0].appendChild(div);
-}
+};
/**
* fixes box shadow of element
* @param {HTMLElement} element
- * @param {String} boxShadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px'
+ * @param {string} boxShadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px'
*/
-function fixBoxShadow(element, boxShadow) {
+var fixBoxShadow = function fixBoxShadow(element, boxShadow) {
var position = getAbsolutePositionOfElement(element);
removeBoxShadowOfElement(element);
addNewBoxShadow(element, position, boxShadow);
-}
+};
/**
* gets all elements with shadows
* @return {HTMLElement[]} elements with shadows
*/
-function getElementsWithShadows() {
- var elements = getAllDOMElements();
- var current, boxShadow;
+var getElementsWithShadows = function getElementsWithShadows() {
+ var current = void 0,
+ boxShadow = void 0;
var ret = [];
for (var i = 0; i < elements.length; i++) {
current = elements[i];
@@ -183,19 +177,29 @@ function getElementsWithShadows() {
});
}
return ret;
-}
+};
/**
* fixes shadows, since normal box-shadow cannot be printed in chrome,
* see: http://stackoverflow.com/questions/13975198/text-shadow-and-box-shadow-while-printing-chrome
*/
-function fixBoxShadows() {
+var fixBoxShadows = function fixBoxShadows() {
var elementsWithShadow = getElementsWithShadows();
for (var i = 0; i < elementsWithShadow.length; i++) {
fixBoxShadow(elementsWithShadow[i].element, elementsWithShadow[i].shadow);
}
-}
+};
-fixBoxShadows();
-setPageDOMElement();
-checkFont();
+var isResume = function isResume() {
+ if (document.getElementsByTagName('page')[0]) return true;else return false;
+};
+
+var fixResume = function fixResume() {
+ if (!isResume()) return;
+ getAllDOMElements();
+ fixBoxShadows();
+ setPageDOMElement();
+ checkFont();
+};
+
+fixResume();
diff --git a/public/style.min.css b/public/style.min.css
index 840f766..7321a73 100755
--- a/public/style.min.css
+++ b/public/style.min.css
@@ -1 +1 @@
-@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Light/OpenSans-Light.eot);src:url(/open-sans-fontface/fonts/Light/OpenSans-Light.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Light/OpenSans-Light.woff) format('woff'),url(/open-sans-fontface/fonts/Light/OpenSans-Light.ttf) format('truetype'),url(/open-sans-fontface/fonts/Light/OpenSans-Light.svg#OpenSansLight) format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.eot);src:url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.woff) format('woff'),url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.ttf) format('truetype'),url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.svg#OpenSansLightItalic) format('svg');font-weight:300;font-style:italic}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.eot);src:url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.woff) format('woff'),url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.ttf) format('truetype'),url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.svg#OpenSansRegular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.eot);src:url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.woff) format('woff'),url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.ttf) format('truetype'),url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.svg#OpenSansItalic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.eot);src:url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.woff) format('woff'),url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.ttf) format('truetype'),url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.svg#OpenSansSemibold) format('svg');font-weight:600;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot);src:url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff) format('woff'),url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf) format('truetype'),url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic) format('svg');font-weight:600;font-style:italic}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.eot);src:url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.woff) format('woff'),url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.ttf) format('truetype'),url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.svg#OpenSansBold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.eot);src:url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.woff) format('woff'),url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.ttf) format('truetype'),url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic) format('svg');font-weight:700;font-style:italic}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.eot);src:url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.woff) format('woff'),url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.ttf) format('truetype'),url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold) format('svg');font-weight:800;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot);src:url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff) format('woff'),url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf) format('truetype'),url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic) format('svg');font-weight:800;font-style:italic}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Black.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Black.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Black.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Black.ttf) format('truetype');font-style:normal;font-weight:900;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Bold.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Bold.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Bold.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Bold.ttf) format('truetype');font-style:normal;font-weight:700;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Light.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Light.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Light.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Light.ttf) format('truetype');font-style:normal;font-weight:300;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Regular.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Regular.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Regular.ttf) format('truetype');font-style:normal;font-weight:400;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Thin.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Thin.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Thin.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Thin.ttf) format('truetype');font-style:normal;font-weight:200;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat Alternates';src:url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Bold.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Bold.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Bold.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Bold.ttf) format('truetype');font-style:normal;font-weight:700;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat Alternates';src:url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Regular.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Regular.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Regular.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Regular.ttf) format('truetype');font-style:normal;font-weight:400;font-stretch:normal;font-variant:normal}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Thin.ttf) format('truetype');font-style:normal;font-weight:100;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Thin-Italic.ttf) format('truetype');font-style:italic;font-weight:100;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-ExtraLight.ttf) format('truetype');font-style:normal;font-weight:200;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-ExtraLight-Italic.ttf) format('truetype');font-style:italic;font-weight:200;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Light.ttf) format('truetype');font-style:normal;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Light-Italic.ttf) format('truetype');font-style:italic;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Regular.ttf) format('truetype');font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Regular-Italic.ttf) format('truetype');font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Medium.ttf) format('truetype');font-style:normal;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Medium-Italic.ttf) format('truetype');font-style:italic;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-SemiBold.ttf) format('truetype');font-style:normal;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-SemiBold-Italic.ttf) format('truetype');font-style:italic;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Bold.ttf) format('truetype');font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Bold-Italic.ttf) format('truetype');font-style:italic;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-ExtraBold.ttf) format('truetype');font-style:normal;font-weight:800;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-ExtraBold-Italic.ttf) format('truetype');font-style:italic;font-weight:800;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Black.ttf) format('truetype');font-style:normal;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Black-Italic.ttf) format('truetype');font-style:italic;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:'Open Sans Condensed';font-weight:300;font-style:normal;src:url(/npm-font-open-sans-condensed/fonts/opensans-condlight.eot);src:url(/npm-font-open-sans-condensed/fonts/opensans-condlight.eot?#iefix) format('embedded-opentype'),url(/npm-font-open-sans-condensed/fonts/opensans-condlight.woff) format('woff'),url(/npm-font-open-sans-condensed/fonts/opensans-condlight.ttf) format('truetype'),url(/npm-font-open-sans-condensed/fonts/opensans-condlight.svg#OpenSansCondensedLight) format('svg')}@font-face{font-family:'Open Sans Condensed';font-weight:300;font-style:italic;src:url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.eot);src:url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.eot?#iefix) format('embedded-opentype'),url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.woff) format('woff'),url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.ttf) format('truetype'),url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.svg#OpenSansCondensedLightItalic) format('svg')}@font-face{font-family:'Open Sans Condensed';font-weight:700;font-style:normal;src:url(/npm-font-open-sans-condensed/fonts/opensans-condbold.eot);src:url(/npm-font-open-sans-condensed/fonts/opensans-condbold.eot?#iefix) format('embedded-opentype'),url(/npm-font-open-sans-condensed/fonts/opensans-condbold.woff) format('woff'),url(/npm-font-open-sans-condensed/fonts/opensans-condbold.ttf) format('truetype'),url(/npm-font-open-sans-condensed/fonts/opensans-condbold.svg#OpenSansCondensedBold) format('svg')}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(/material-design-icons/iconfont/MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'),url(/material-design-icons/iconfont/MaterialIcons-Regular.woff) format('woff'),url(/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:liga}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Thin.eot);src:local('Roboto Thin'),local('Roboto-Thin'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.svg#Roboto) format('svg');font-weight:100;font-style:normal}@font-face{font-family:Roboto-Thin;src:url(/roboto-fontface/fonts/Roboto/Roboto-Thin.eot);src:local('Roboto Thin'),local('Roboto-Thin'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.eot);src:local('Roboto ThinItalic'),local('Roboto-ThinItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.svg#Roboto) format('svg');font-weight:100;font-style:italic}@font-face{font-family:Roboto-ThinItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.eot);src:local('Roboto ThinItalic'),local('Roboto-ThinItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Light.eot);src:local('Roboto Light'),local('Roboto-Light'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.svg#Roboto) format('svg');font-weight:300;font-style:normal}@font-face{font-family:Roboto-Light;src:url(/roboto-fontface/fonts/Roboto/Roboto-Light.eot);src:local('Roboto Light'),local('Roboto-Light'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.eot);src:local('Roboto LightItalic'),local('Roboto-LightItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.svg#Roboto) format('svg');font-weight:300;font-style:italic}@font-face{font-family:Roboto-LightItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.eot);src:local('Roboto LightItalic'),local('Roboto-LightItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Regular.eot);src:local('Roboto Regular'),local('Roboto-Regular'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.svg#Roboto) format('svg');font-weight:400;font-style:normal}@font-face{font-family:Roboto-Regular;src:url(/roboto-fontface/fonts/Roboto/Roboto-Regular.eot);src:local('Roboto Regular'),local('Roboto-Regular'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.eot);src:local('Roboto RegularItalic'),local('Roboto-RegularItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.svg#Roboto) format('svg');font-weight:400;font-style:italic}@font-face{font-family:Roboto-RegularItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.eot);src:local('Roboto RegularItalic'),local('Roboto-RegularItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Medium.eot);src:local('Roboto Medium'),local('Roboto-Medium'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.svg#Roboto) format('svg');font-weight:500;font-style:normal}@font-face{font-family:Roboto-Medium;src:url(/roboto-fontface/fonts/Roboto/Roboto-Medium.eot);src:local('Roboto Medium'),local('Roboto-Medium'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.eot);src:local('Roboto MediumItalic'),local('Roboto-MediumItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.svg#Roboto) format('svg');font-weight:500;font-style:italic}@font-face{font-family:Roboto-MediumItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.eot);src:local('Roboto MediumItalic'),local('Roboto-MediumItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Bold.eot);src:local('Roboto Bold'),local('Roboto-Bold'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.svg#Roboto) format('svg');font-weight:700;font-style:normal}@font-face{font-family:Roboto-Bold;src:url(/roboto-fontface/fonts/Roboto/Roboto-Bold.eot);src:local('Roboto Bold'),local('Roboto-Bold'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.eot);src:local('Roboto BoldItalic'),local('Roboto-BoldItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.svg#Roboto) format('svg');font-weight:700;font-style:italic}@font-face{font-family:Roboto-BoldItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.eot);src:local('Roboto BoldItalic'),local('Roboto-BoldItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Black.eot);src:local('Roboto Black'),local('Roboto-Black'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.svg#Roboto) format('svg');font-weight:900;font-style:normal}@font-face{font-family:Roboto-Black;src:url(/roboto-fontface/fonts/Roboto/Roboto-Black.eot);src:local('Roboto Black'),local('Roboto-Black'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.eot);src:local('Roboto BlackItalic'),local('Roboto-BlackItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.svg#Roboto) format('svg');font-weight:900;font-style:italic}@font-face{font-family:Roboto-BlackItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.eot);src:local('Roboto BlackItalic'),local('Roboto-BlackItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.eot);src:local("Roboto-Condensed Regular"),local("Roboto-Condensed-Regular"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.svg#Roboto-Condensed) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Roboto-Condensed-Regular;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-Regular.eot);src:local("Roboto-Condensed Regular"),local("Roboto-Condensed-Regular"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.eot);src:local("Roboto-Condensed RegularItalic"),local("Roboto-Condensed-RegularItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.svg#Roboto-Condensed) format("svg");font-weight:400;font-style:italic}@font-face{font-family:Roboto-Condensed-RegularItalic;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-RegularItalic.eot);src:local("Roboto-Condensed RegularItalic"),local("Roboto-Condensed-RegularItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.eot);src:local("Roboto-Condensed Light"),local("Roboto-Condensed-Light"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.svg#Roboto-Condensed) format("svg");font-weight:300;font-style:normal}@font-face{font-family:Roboto-Condensed-Light;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-Light.eot);src:local("Roboto-Condensed Light"),local("Roboto-Condensed-Light"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.eot);src:local("Roboto-Condensed LightItalic"),local("Roboto-Condensed-LightItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.svg#Roboto-Condensed) format("svg");font-weight:300;font-style:italic}@font-face{font-family:Roboto-Condensed-LightItalic;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-LightItalic.eot);src:local("Roboto-Condensed LightItalic"),local("Roboto-Condensed-LightItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.eot);src:local("Roboto-Condensed Bold"),local("Roboto-Condensed-Bold"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.svg#Roboto-Condensed) format("svg");font-weight:700;font-style:normal}@font-face{font-family:Roboto-Condensed-Bold;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-Bold.eot);src:local("Roboto-Condensed Bold"),local("Roboto-Condensed-Bold"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot);src:local("Roboto-Condensed BoldItalic"),local("Roboto-Condensed-BoldItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.svg#Roboto-Condensed) format("svg");font-weight:700;font-style:italic}@font-face{font-family:Roboto-Condensed-BoldItalic;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot);src:local("Roboto-Condensed BoldItalic"),local("Roboto-Condensed-BoldItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Slab;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.eot);src:local('Roboto-Slab Thin'),local('Roboto-Slab-Thin'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.svg#Roboto-Slab) format('svg');font-weight:100;font-style:normal}@font-face{font-family:Roboto-Slab-Thin;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.eot);src:local('Roboto-Slab Thin'),local('Roboto-Slab-Thin'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.svg#Roboto-Slab) format('svg')}@font-face{font-family:Roboto-Slab;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.eot);src:local('Roboto-Slab Light'),local('Roboto-Slab-Light'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.svg#Roboto-Slab) format('svg');font-weight:300;font-style:normal}@font-face{font-family:Roboto-Slab-Light;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.eot);src:local('Roboto-Slab Light'),local('Roboto-Slab-Light'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.svg#Roboto-Slab) format('svg')}@font-face{font-family:Roboto-Slab;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.eot);src:local('Roboto-Slab Regular'),local('Roboto-Slab-Regular'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.svg#Roboto-Slab) format('svg');font-weight:400;font-style:normal}@font-face{font-family:Roboto-Slab-Regular;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.eot);src:local('Roboto-Slab Regular'),local('Roboto-Slab-Regular'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.svg#Roboto-Slab) format('svg')}@font-face{font-family:Roboto-Slab;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.eot);src:local('Roboto-Slab Bold'),local('Roboto-Slab-Bold'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.svg#Roboto-Slab) format('svg');font-weight:700;font-style:normal}@font-face{font-family:Roboto-Slab-Bold;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.eot);src:local('Roboto-Slab Bold'),local('Roboto-Slab-Bold'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.svg#Roboto-Slab) format('svg')}#forkme{cursor:pointer;display:block;position:absolute;top:0;right:10%;z-index:10;padding:10px;color:#fff;background:#e77171;font-weight:700;box-shadow:0 0 10px rgba(0,0,0,.5);border-bottom-left-radius:2px;border-bottom-right-radius:2px}#forkme img{width:13px}#readme h1{background:#4b5b6e;padding-top:30px;padding-bottom:30px;color:#fff;padding-left:10%}#readme h1 img{float:left;width:50px;height:auto;margin-top:-7px;margin-right:10px;transition:none;box-shadow:none}#readme h2{font-size:30px}#readme a{color:#e77171;text-decoration:none}#readme a:focus,#readme a:hover{color:#e77171;text-decoration:none}#readme ul{padding-left:15%}#readme h2,#readme p{margin-left:10%;width:80%}#readme hr{width:80%;border:1px solid #999}#readme img{height:auto;width:200px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}#readme img:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}@media (max-width:500px){#readme h1{padding-left:10%;padding-top:80px}}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}body{background:#ccc;font-family:'Open Sans',sans-serif;margin:0;padding:0;-webkit-print-color-adjust:exact;box-sizing:border-box}body page{background:#fff;position:relative;width:21cm;height:29.7cm;display:block;page-break-after:auto;overflow:hidden}body page .resume{display:inline-block;width:100%}body #forkme{cursor:pointer;display:block;position:absolute;top:0;right:10%;z-index:10;padding:10px;color:#fff;background:#e77171;font-weight:700;box-shadow:0 0 10px rgba(0,0,0,.5);border-bottom-left-radius:2px;border-bottom-right-radius:2px}body .index-page header{background:#4b5b6e;color:#fff;padding-top:10px;padding-bottom:10px}body .index-page header .content{width:80%;margin-right:auto;margin-left:auto}body .index-page header .content .logo{display:inline-block;position:relative}body .index-page header .content .logo .fa{color:#fff;margin-bottom:10px;font-size:70px;float:left;margin-right:10px;margin-top:15px}body .index-page header .content .logo h1{float:left;margin-top:27px}body .index-page main{padding-left:5%;padding-right:5%;width:80%;margin-left:auto;margin-right:auto;padding-top:50px}body .index-page main p{font-size:20px}body .index-page main .resume-collection h3{font-size:30px}body .index-page main .resume-collection .resume{display:inline-block;text-decoration:none;margin-right:10px}body .index-page main .resume-collection .resume img{height:300px;width:auto;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}body .index-page main .resume-collection .resume img:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}body .index-page main .resume-collection .resume .resume-title{text-align:center;display:block;text-decoration:none;margin-top:10px;color:#000}@media print{body,page{margin:0;box-shadow:0;width:100%;height:100%}}#resume1{font-family:'Source Sans Pro',sans-serif;font-size:20px}#resume1 h3{margin-bottom:0}#resume1 a,#resume1 a:focus,#resume1 a:hover,#resume1 a:visited{color:#616161}#resume1 span{display:inline-block}#resume1 .row{width:100%}#resume1 .half{width:44%}#resume1 .half.left{float:left;text-align:right;padding-left:4%;padding-right:2%}#resume1 .half.right{float:right;text-align:left;padding-right:4%;padding-left:2%}#resume1 .center{margin-left:auto;margin-right:auto}#resume1 .text-center{text-align:center}#resume1 .name{border:1px solid #000;text-transform:uppercase;padding:10px 20px;margin-top:80px;margin-bottom:5px;font-family:'Open Sans',sans-serif;font-size:35px;font-weight:600;letter-spacing:10px}#resume1 .position{text-transform:uppercase;font-family:'Open Sans',sans-serif;font-size:smaller;color:#757575;margin-bottom:40px}#resume1 .image{width:100px;height:100px;margin-top:50px;margin-bottom:50px}#resume1 .image .img{width:100%;height:100%;border-radius:50%;background:url(/person.jpg);background-repeat:none;background-position:center;background-size:cover}#resume1 .contact{width:100%}#resume1 .experience .experience-block span{width:100%;color:#616161}#resume1 .experience .experience-block span.company{font-weight:700;padding-bottom:5px;padding-top:10px;color:#424242}#resume1 .experience .experience-block span.job-title{font-style:italic}#resume1 .education-block span{color:#616161}#resume1 .education-block span.degree{font-weight:700;padding-bottom:5px;padding-top:10px;color:#424242}#resume1 .skills-other{color:#616161;margin-bottom:10px}#resume1 .skills{margin-top:20px;margin-bottom:10px}#resume1 .skills .skill-block{padding-bottom:10px;display:inline-block}#resume1 .skills .skill-block .skill{width:100px;color:#616161;float:left}#resume1 .skills .skill-block .skill-bar{float:right;background:#e0e0e0;overflow:hidden;height:8px;border-radius:3px;margin-top:6.5px;position:relative;width:249px}#resume1 .skills .skill-block .skill-bar .level{background:#757575;height:100%}#resume1 .contact table{text-align:right;float:right;margin-top:5px;color:#616161;font-size:20px}#resume1 .contact table i{padding:2px;color:#616161}#resume1 .contact table tr td:nth-child(2){vertical-align:top}#resume2{font-family:Raleway,sans-serif}#resume2 h3{text-transform:uppercase;padding-top:0;margin-top:0;letter-spacing:5px;font-weight:400}#resume2 a,#resume2 a:focus,#resume2 a:hover,#resume2 a:visited{text-decoration:none}#resume2 .top-row{width:100%;padding-top:100px;padding-bottom:100px}#resume2 .top-row span{width:100%;display:block;text-align:center;font-weight:400}#resume2 .top-row span.person-name{text-transform:uppercase;font-size:50px;letter-spacing:10px}#resume2 .top-row span.person-position{letter-spacing:5px}#resume2 .left-col{width:26%;float:left;padding-left:8%;padding-right:4%}#resume2 .left-col .person-image .image-centerer{display:flex;justify-content:center;height:auto;overflow:hidden}#resume2 .left-col .person-image .image-centerer .img{flex:none;background:url(/person.jpg);background-position:center;background-size:cover;height:250px;width:100%}#resume2 .left-col .contact h3{text-align:center;margin-top:20px}#resume2 .left-col .contact .contact-row{text-align:center;letter-spacing:2px;margin-bottom:3px}#resume2 .left-col .contact .contact-row:first-of-type{margin-top:50px}#resume2 .left-col .contact .contact-row.dots{margin-top:20px;margin-bottom:15px;font-size:10px;color:rgba(153,153,153,.6)}#resume2 .left-col .contact .contact-row a{color:#000}#resume2 .right-col{width:50%;float:right;padding-left:4%;padding-right:8%}#resume2 .right-col .experience-block{margin-bottom:10px}#resume2 .right-col .experience-block .row:first-child{margin-bottom:3px}#resume2 .right-col .experience-block .row .company{text-transform:uppercase;font-size:19px}#resume2 .right-col .experience-block .row .job-title{font-size:19px}#resume2 .right-col .education{margin-top:50px}#resume2 .right-col .education .education-block{margin-bottom:10px}#resume2 .right-col .education .education-block .degree{font-size:19px;text-transform:uppercase;margin-bottom:3px}#resume2 .right-col .skills-block{margin-top:50px;position:relative}#resume2 .right-col .skills-block .skills{margin-bottom:10px;position:relative;margin-left:auto;margin-right:auto;display:inline-block;margin-bottom:20px}#resume2 .right-col .skills-block .skills .skill{width:80px;height:80px;border-radius:50%;position:relative;border:#333 1px solid;margin:3px;float:left;font-size:13px}#resume2 .right-col .skills-block .skills .skill .skill-name{text-align:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}#resume2 .right-col .skills-block .skills .skills-other{display:inline-block;width:100%;margin-top:20px}#resume3{font-family:'Open Sans Condensed',sans-serif}#resume3 h3{font-weight:700;text-transform:uppercase;margin-bottom:10px}#resume3 a,#resume3 a:focus,#resume3 a:hover{color:#000;text-decoration:none}#resume3 .resume-header .triangle{width:0;height:0;border-style:solid;border-width:600px 0 0 1500px;border-color:#006064 transparent transparent transparent;position:absolute;left:-600px;top:0}#resume3 .resume-header .person-header{position:absolute;z-index:20;right:15%;top:200px}#resume3 .resume-header .person-header .person-wrapper{overflow:hidden;position:relative}#resume3 .resume-header .person-header .img{height:100%;width:100px;float:left;position:absolute;top:0;right:0;background:url(person.jpg);background-position:center;background-size:cover}#resume3 .resume-header .person-header .person{float:right;color:#fff;margin-right:120px}#resume3 .resume-header .person-header .name{text-transform:uppercase;Font-size:50px;display:table-caption;text-align:right;line-height:1;font-weight:700}#resume3 .resume-header .person-header .position{Font-size:20px;display:table-caption;text-align:right;line-height:1;margin-top:10px}#resume3 .resume-content{margin-top:435px;margin-left:15%;width:70%}#resume3 .resume-content .experience .experience-block{line-height:1;margin-bottom:10px}#resume3 .resume-content .experience .experience-block:first-of-type{width:80%}#resume3 .resume-content .experience .experience-block .row:first-child{font-size:20px;text-transform:uppercase}#resume3 .resume-content .experience .experience-block .row:first-child i{font-size:17px}#resume3 .education-block{line-height:1;margin-bottom:10px}#resume3 .education-block .row:first-child{font-size:20px;text-transform:uppercase}#resume3 .skill-section .skills{width:100%}#resume3 .skill-section .skills .skill-block{width:50%;float:left}#resume3 .skill-section .skills .skill-block i{font-size:17px;margin-right:15px}#resume3 .skill-section .skills .skill-block .skill{font-size:20px}#resume3 .skills-other{display:inline-block;font-size:20px;margin-top:10px;line-height:1}#resume3 .contact{margin-top:50px}#resume3 .contact a,#resume3 .contact span{display:inline-block;font-size:20px;list-style:none;margin-top:0;line-height:1;float:left;padding-left:0;margin-left:0}.resume4{background:#eaeaea}#resume4{font-family:Roboto,sans-serif;color:#223}#resume4 a,#resume4 a:focus,#resume4 a:hover{color:#223;text-decoration:none}#resume4 .card{border-radius:2px;border-radius:4px;margin-bottom:25px}#resume4 .card.contact,#resume4 .card.education{float:left}#resume4 .card.half{width:49%}#resume4 .card.half .card-content,#resume4 .card.half .card-header{padding:15px 8%;width:84%}#resume4 .card .card-header{width:92%;display:inline-block;padding:20px 4%;border-bottom:#ccc 1px solid}#resume4 .card .card-header i{float:left;font-size:32px;color:#545}#resume4 .card .card-header h3{margin:0;float:left;font-size:26px;font-weight:300;margin-left:10px;color:#545;margin-top:2px}#resume4 .card .card-content{width:92%;padding:20px 4%}#resume4 .resume-header .box{display:inline-block;background:#e56;height:150px;width:100%}#resume4 .resume-header .person-header{position:absolute;width:100%;top:50px}#resume4 .resume-header .person-header .img{background:url(person.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;height:200px;width:200px;border-radius:50%;border:#eaeaea 3px solid;position:relative;margin-left:auto;margin-right:auto;filter:grayscale(100%)}#resume4 .resume-header .person-header .person-wrapper{margin-left:auto;margin-right:auto;text-align:center}#resume4 .resume-header .person-header .person-wrapper .name{color:#223;font-size:35px;margin-top:10px}#resume4 .resume-header .person-header .person-wrapper .position{color:#545}#resume4 .resume-content{margin-top:200px;padding-left:5%;padding-right:5%}#resume4 .resume-content .experience-block{margin-bottom:10px;color:#223}#resume4 .resume-content .experience-block:last-of-type{margin-bottom:0}#resume4 .resume-content .experience-block .row:first-child{font-size:18px;color:#223}#resume4 .resume-content .experience-block .row:nth-child(2){font-size:15px;color:#545}#resume4 .resume-content .education{margin-right:2%}#resume4 .resume-content .education .education-block{margin-bottom:10px;color:#223}#resume4 .resume-content .education .education-block:last-of-type{margin-bottom:0}#resume4 .resume-content .education .education-block .row:first-child{font-size:18px;color:#223}#resume4 .resume-content .education .education-block .row:nth-child(2){font-size:15px;color:#545}#resume4 .resume-content .skills{width:100%}#resume4 .resume-content .skills .wrapper{display:inline-block;width:100%}#resume4 .resume-content .skills .wrapper .skill{display:inline-block;float:left;width:50%;font-size:18px;color:#223}#resume4 .resume-content .skills .wrapper .skill i{margin-right:5px;font-size:12px}#resume4 .resume-content .contact{color:#223}#resume4 .resume-content .contact a,#resume4 .resume-content .contact span{padding-bottom:5px;display:inline-block}.resume5{background:#eceff1}#resume5 .dp1{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}#resume5 .dp2{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)}#resume5 .dp3{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3)}#resume5 .dp4{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3)}#resume5 .dp5{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.3)}#resume5 .introduction{height:25%;position:relative;background:#009688}#resume5 .introduction .wrapper{width:100%;display:inline-block;margin-top:50px;height:auto;position:relative;text-align:center}#resume5 .introduction .wrapper .img{background:url(person.jpg);background-position:center;background-size:cover;height:100px;width:100px;margin-left:auto;margin-right:auto;border-radius:50%;display:inline-block;position:relative}#resume5 .introduction .wrapper .position{color:#fff}#resume5 .introduction .wrapper .name{color:#fff;margin-top:16px;font-size:42px;font-weight:300}#resume5 .resume-content{margin-top:20px}#resume5 .card-row{display:flex;padding-left:2.5%;padding-right:2.5%;margin-bottom:15px}#resume5 .card-row.multiple .card:last-child{margin-left:2.5%}#resume5 .card{flex:1;background:#fff;border-radius:2px}#resume5 .card .title{display:block;line-height:32px;margin-bottom:8px;font-size:24px;font-weight:300;padding:24px;background:#607d8b;color:#fff}#resume5 .card .text{line-height:1.5;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:#000}#resume5 .card .text .name{font-size:36px;margin-top:10px}#resume5 .card .text .row{padding:24px;border-bottom:1px solid #b0bec5}#resume5 .card .text .row:last-child{border-bottom:none}#resume5 .chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#cfd8dc;margin-bottom:5px;margin-right:5px}#resume5 .resume-footer{background:rgba(51,51,51,.08);position:absolute;bottom:0;width:100%;display:flex}#resume5 .resume-footer .contact{width:100%;padding:2.5%;font-weight:300px;font-size:14px;text-align:center;color:#455a64}#resume5 .resume-footer .contact a,#resume5 .resume-footer .contact a:focus,#resume5 .resume-footer .contact a:hover,#resume5 .resume-footer .contact a:visited{color:#455a64;text-decoration:none}#resume5 .resume-footer .contact i.fa{margin-left:10px;margin-right:10px;font-size:8px;color:#969da0}#resume5 .degree{font-size:18px}#resume5 .degree-description{color:#455a64}#resume5 .skill-desc{color:#455a64}#resume5 .timeline{position:relative;margin-top:-6px}#resume5 .timeline .line{border-left:1px solid #b0bec5;height:100px;position:absolute;left:38px;height:100%;top:0}#resume5 .timeline .experience-block{padding-left:24px;padding-right:24px;display:inline-block;margin-bottom:20px}#resume5 .timeline .experience-block:first-of-type{padding-top:29px}#resume5 .timeline .experience-block .circle{height:30px;width:30px;display:inline-block;background:#009688;border-radius:50%;float:left;position:absolute;z-index:2}#resume5 .timeline .experience-block .job{margin-left:53px;margin-top:-5px;padding:10px;background:#cfd8dc;width:240px}#resume5 .timeline .experience-block .job .jobtitle{line-height:1;font-family:Roboto,sans-serif;font-weight:400;font-size:18px;color:#000}#resume5 .timeline .experience-block .job .company,#resume5 .timeline .experience-block .job .description,#resume5 .timeline .experience-block .job .timeperiod{line-height:1;color:#455a64}.resume6{background:#171717;font-family:'TypoPRO Montserrat';font-weight:300}#resume6{color:#fff}#resume6 h3{background:#1cb251;margin:0;text-align:center;font-weight:300;text-transform:uppercase;letter-spacing:9px;padding-top:20px;padding-bottom:20px;border-radius:35px}#resume6 .left-col{float:left;width:38%;padding:3%}#resume6 .left-col .person-box{width:100%;background:#282828}#resume6 .left-col .person-box .img{height:300px;width:100%;background:url(/person.jpg);background-size:cover;background-position:center}#resume6 .left-col .person-box .content{padding:7%}#resume6 .left-col .person-box .content .person-name{width:100%;margin-bottom:10px;font-size:20px}#resume6 .left-col .person-box .content .person-position{color:#767676;width:100%}#resume6 .left-col .skill{margin-bottom:35px;width:90%;margin-left:auto;margin-right:auto}#resume6 .left-col .skill .skill-name{color:#9a9a9a}#resume6 .left-col .skills-other{color:rgba(154,154,154,.8)}#resume6 .left-col .skills-block h3{margin-top:30px;margin-bottom:20px}#resume6 .left-col .skills-block .skill-bar{width:100%;background:#282828;height:10px;border-radius:20px;position:relative;overflow:hidden;margin-top:10px}#resume6 .left-col .skills-block .skill-bar .level{width:99%;position:absolute;background:#9a9a9a;height:10px}#resume6 .left-col .skills-block .skill-circle{position:relative;width:100%;margin-top:-15px;transform:translateX(-15px)}#resume6 .left-col .skills-block .skill-circle .circle{background:#c6c6c6;height:20px;width:20px;border-radius:50%;position:absolute}#resume6 .right-col{width:53%;float:left;padding-top:3%;padding-right:3%}#resume6 .right-col .education,#resume6 .right-col .experience{margin-bottom:20px}#resume6 .right-col .education .education-block,#resume6 .right-col .education .experience-block,#resume6 .right-col .experience .education-block,#resume6 .right-col .experience .experience-block{font-size:20px;padding:20px;border-bottom:1px #262626 solid;color:rgba(154,154,154,.8)}#resume6 .right-col .education .education-block:last-child,#resume6 .right-col .education .experience-block:last-child,#resume6 .right-col .experience .education-block:last-child,#resume6 .right-col .experience .experience-block:last-child{border-bottom:none}#resume6 .right-col .education .education-block .row:first-child,#resume6 .right-col .education .experience-block .row:first-child,#resume6 .right-col .experience .education-block .row:first-child,#resume6 .right-col .experience .experience-block .row:first-child{color:#9a9a9a}#resume6 .right-col .contact table{color:#9a9a9a;padding:20px;font-size:20px;font-weight:300}#resume6 .right-col .contact table a,#resume6 .right-col .contact table a:focus,#resume6 .right-col .contact table a:hover,#resume6 .right-col .contact table a:visited{color:#9a9a9a;text-decoration:none}#resume6 .right-col .contact table i.fa{color:rgba(154,154,154,.8);font-size:30px;margin-right:20px;margin-top:2px}
\ No newline at end of file
+@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Light/OpenSans-Light.eot);src:url(/open-sans-fontface/fonts/Light/OpenSans-Light.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Light/OpenSans-Light.woff) format('woff'),url(/open-sans-fontface/fonts/Light/OpenSans-Light.ttf) format('truetype'),url(/open-sans-fontface/fonts/Light/OpenSans-Light.svg#OpenSansLight) format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.eot);src:url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.woff) format('woff'),url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.ttf) format('truetype'),url(/open-sans-fontface/fonts/LightItalic/OpenSans-LightItalic.svg#OpenSansLightItalic) format('svg');font-weight:300;font-style:italic}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.eot);src:url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.woff) format('woff'),url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.ttf) format('truetype'),url(/open-sans-fontface/fonts/Regular/OpenSans-Regular.svg#OpenSansRegular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.eot);src:url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.woff) format('woff'),url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.ttf) format('truetype'),url(/open-sans-fontface/fonts/Italic/OpenSans-Italic.svg#OpenSansItalic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.eot);src:url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.woff) format('woff'),url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.ttf) format('truetype'),url(/open-sans-fontface/fonts/Semibold/OpenSans-Semibold.svg#OpenSansSemibold) format('svg');font-weight:600;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot);src:url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff) format('woff'),url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf) format('truetype'),url(/open-sans-fontface/fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic) format('svg');font-weight:600;font-style:italic}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.eot);src:url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.woff) format('woff'),url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.ttf) format('truetype'),url(/open-sans-fontface/fonts/Bold/OpenSans-Bold.svg#OpenSansBold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.eot);src:url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.woff) format('woff'),url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.ttf) format('truetype'),url(/open-sans-fontface/fonts/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic) format('svg');font-weight:700;font-style:italic}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.eot);src:url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.woff) format('woff'),url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.ttf) format('truetype'),url(/open-sans-fontface/fonts/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold) format('svg');font-weight:800;font-style:normal}@font-face{font-family:'Open Sans';src:url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot);src:url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff) format('woff'),url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf) format('truetype'),url(/open-sans-fontface/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic) format('svg');font-weight:800;font-style:italic}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Black.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Black.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Black.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Black.ttf) format('truetype');font-style:normal;font-weight:900;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Bold.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Bold.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Bold.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Bold.ttf) format('truetype');font-style:normal;font-weight:700;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Light.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Light.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Light.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Light.ttf) format('truetype');font-style:normal;font-weight:300;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Regular.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Regular.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Regular.ttf) format('truetype');font-style:normal;font-weight:400;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat';src:url(/@typopro/web-montserrat/TypoPRO-Montserrat-Thin.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Thin.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Thin.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-Montserrat-Thin.ttf) format('truetype');font-style:normal;font-weight:200;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat Alternates';src:url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Bold.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Bold.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Bold.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Bold.ttf) format('truetype');font-style:normal;font-weight:700;font-stretch:normal;font-variant:normal}@font-face{font-family:'TypoPRO Montserrat Alternates';src:url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Regular.eot);src:local('*'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Regular.eot?#iefix) format('embedded-opentype'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Regular.woff) format('woff'),url(/@typopro/web-montserrat/TypoPRO-MontserratAlternates-Regular.ttf) format('truetype');font-style:normal;font-weight:400;font-stretch:normal;font-variant:normal}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Thin.ttf) format('truetype');font-style:normal;font-weight:100;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Thin-Italic.ttf) format('truetype');font-style:italic;font-weight:100;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-ExtraLight.ttf) format('truetype');font-style:normal;font-weight:200;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-ExtraLight-Italic.ttf) format('truetype');font-style:italic;font-weight:200;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Light.ttf) format('truetype');font-style:normal;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Light-Italic.ttf) format('truetype');font-style:italic;font-weight:300;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Regular.ttf) format('truetype');font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Regular-Italic.ttf) format('truetype');font-style:italic;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Medium.ttf) format('truetype');font-style:normal;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Medium-Italic.ttf) format('truetype');font-style:italic;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-SemiBold.ttf) format('truetype');font-style:normal;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-SemiBold-Italic.ttf) format('truetype');font-style:italic;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Bold.ttf) format('truetype');font-style:normal;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Bold-Italic.ttf) format('truetype');font-style:italic;font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-ExtraBold.ttf) format('truetype');font-style:normal;font-weight:800;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-ExtraBold-Italic.ttf) format('truetype');font-style:italic;font-weight:800;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Black.ttf) format('truetype');font-style:normal;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:Raleway;src:url(/raleway-webfont/fonts/Raleway-Black-Italic.ttf) format('truetype');font-style:italic;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:'Open Sans Condensed';font-weight:300;font-style:normal;src:url(/npm-font-open-sans-condensed/fonts/opensans-condlight.eot);src:url(/npm-font-open-sans-condensed/fonts/opensans-condlight.eot?#iefix) format('embedded-opentype'),url(/npm-font-open-sans-condensed/fonts/opensans-condlight.woff) format('woff'),url(/npm-font-open-sans-condensed/fonts/opensans-condlight.ttf) format('truetype'),url(/npm-font-open-sans-condensed/fonts/opensans-condlight.svg#OpenSansCondensedLight) format('svg')}@font-face{font-family:'Open Sans Condensed';font-weight:300;font-style:italic;src:url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.eot);src:url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.eot?#iefix) format('embedded-opentype'),url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.woff) format('woff'),url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.ttf) format('truetype'),url(/npm-font-open-sans-condensed/fonts/opensans-condlightitalic.svg#OpenSansCondensedLightItalic) format('svg')}@font-face{font-family:'Open Sans Condensed';font-weight:700;font-style:normal;src:url(/npm-font-open-sans-condensed/fonts/opensans-condbold.eot);src:url(/npm-font-open-sans-condensed/fonts/opensans-condbold.eot?#iefix) format('embedded-opentype'),url(/npm-font-open-sans-condensed/fonts/opensans-condbold.woff) format('woff'),url(/npm-font-open-sans-condensed/fonts/opensans-condbold.ttf) format('truetype'),url(/npm-font-open-sans-condensed/fonts/opensans-condbold.svg#OpenSansCondensedBold) format('svg')}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(/material-design-icons/iconfont/MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'),url(/material-design-icons/iconfont/MaterialIcons-Regular.woff) format('woff'),url(/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:liga}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Thin.eot);src:local('Roboto Thin'),local('Roboto-Thin'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.svg#Roboto) format('svg');font-weight:100;font-style:normal}@font-face{font-family:Roboto-Thin;src:url(/roboto-fontface/fonts/Roboto/Roboto-Thin.eot);src:local('Roboto Thin'),local('Roboto-Thin'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Thin.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.eot);src:local('Roboto ThinItalic'),local('Roboto-ThinItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.svg#Roboto) format('svg');font-weight:100;font-style:italic}@font-face{font-family:Roboto-ThinItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.eot);src:local('Roboto ThinItalic'),local('Roboto-ThinItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-ThinItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Light.eot);src:local('Roboto Light'),local('Roboto-Light'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.svg#Roboto) format('svg');font-weight:300;font-style:normal}@font-face{font-family:Roboto-Light;src:url(/roboto-fontface/fonts/Roboto/Roboto-Light.eot);src:local('Roboto Light'),local('Roboto-Light'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Light.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.eot);src:local('Roboto LightItalic'),local('Roboto-LightItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.svg#Roboto) format('svg');font-weight:300;font-style:italic}@font-face{font-family:Roboto-LightItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.eot);src:local('Roboto LightItalic'),local('Roboto-LightItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-LightItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Regular.eot);src:local('Roboto Regular'),local('Roboto-Regular'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.svg#Roboto) format('svg');font-weight:400;font-style:normal}@font-face{font-family:Roboto-Regular;src:url(/roboto-fontface/fonts/Roboto/Roboto-Regular.eot);src:local('Roboto Regular'),local('Roboto-Regular'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Regular.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.eot);src:local('Roboto RegularItalic'),local('Roboto-RegularItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.svg#Roboto) format('svg');font-weight:400;font-style:italic}@font-face{font-family:Roboto-RegularItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.eot);src:local('Roboto RegularItalic'),local('Roboto-RegularItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-RegularItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Medium.eot);src:local('Roboto Medium'),local('Roboto-Medium'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.svg#Roboto) format('svg');font-weight:500;font-style:normal}@font-face{font-family:Roboto-Medium;src:url(/roboto-fontface/fonts/Roboto/Roboto-Medium.eot);src:local('Roboto Medium'),local('Roboto-Medium'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Medium.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.eot);src:local('Roboto MediumItalic'),local('Roboto-MediumItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.svg#Roboto) format('svg');font-weight:500;font-style:italic}@font-face{font-family:Roboto-MediumItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.eot);src:local('Roboto MediumItalic'),local('Roboto-MediumItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-MediumItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Bold.eot);src:local('Roboto Bold'),local('Roboto-Bold'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.svg#Roboto) format('svg');font-weight:700;font-style:normal}@font-face{font-family:Roboto-Bold;src:url(/roboto-fontface/fonts/Roboto/Roboto-Bold.eot);src:local('Roboto Bold'),local('Roboto-Bold'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Bold.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.eot);src:local('Roboto BoldItalic'),local('Roboto-BoldItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.svg#Roboto) format('svg');font-weight:700;font-style:italic}@font-face{font-family:Roboto-BoldItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.eot);src:local('Roboto BoldItalic'),local('Roboto-BoldItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-BoldItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-Black.eot);src:local('Roboto Black'),local('Roboto-Black'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.svg#Roboto) format('svg');font-weight:900;font-style:normal}@font-face{font-family:Roboto-Black;src:url(/roboto-fontface/fonts/Roboto/Roboto-Black.eot);src:local('Roboto Black'),local('Roboto-Black'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-Black.svg#Roboto) format('svg')}@font-face{font-family:Roboto;src:url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.eot);src:local('Roboto BlackItalic'),local('Roboto-BlackItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.svg#Roboto) format('svg');font-weight:900;font-style:italic}@font-face{font-family:Roboto-BlackItalic;src:url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.eot);src:local('Roboto BlackItalic'),local('Roboto-BlackItalic'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.woff) format('woff'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto/Roboto-BlackItalic.svg#Roboto) format('svg')}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.eot);src:local("Roboto-Condensed Regular"),local("Roboto-Condensed-Regular"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.svg#Roboto-Condensed) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Roboto-Condensed-Regular;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-Regular.eot);src:local("Roboto-Condensed Regular"),local("Roboto-Condensed-Regular"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Regular.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.eot);src:local("Roboto-Condensed RegularItalic"),local("Roboto-Condensed-RegularItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.svg#Roboto-Condensed) format("svg");font-weight:400;font-style:italic}@font-face{font-family:Roboto-Condensed-RegularItalic;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-RegularItalic.eot);src:local("Roboto-Condensed RegularItalic"),local("Roboto-Condensed-RegularItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-RegularItalic.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.eot);src:local("Roboto-Condensed Light"),local("Roboto-Condensed-Light"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.svg#Roboto-Condensed) format("svg");font-weight:300;font-style:normal}@font-face{font-family:Roboto-Condensed-Light;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-Light.eot);src:local("Roboto-Condensed Light"),local("Roboto-Condensed-Light"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Light.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.eot);src:local("Roboto-Condensed LightItalic"),local("Roboto-Condensed-LightItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.svg#Roboto-Condensed) format("svg");font-weight:300;font-style:italic}@font-face{font-family:Roboto-Condensed-LightItalic;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-LightItalic.eot);src:local("Roboto-Condensed LightItalic"),local("Roboto-Condensed-LightItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-LightItalic.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.eot);src:local("Roboto-Condensed Bold"),local("Roboto-Condensed-Bold"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.svg#Roboto-Condensed) format("svg");font-weight:700;font-style:normal}@font-face{font-family:Roboto-Condensed-Bold;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-Bold.eot);src:local("Roboto-Condensed Bold"),local("Roboto-Condensed-Bold"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-Bold.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Condensed;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot);src:local("Roboto-Condensed BoldItalic"),local("Roboto-Condensed-BoldItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.svg#Roboto-Condensed) format("svg");font-weight:700;font-style:italic}@font-face{font-family:Roboto-Condensed-BoldItalic;src:url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot);src:local("Roboto-Condensed BoldItalic"),local("Roboto-Condensed-BoldItalic"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff2) format("woff2"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff) format("woff"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.ttf) format("truetype"),url(/roboto-fontface/fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.svg#Roboto-Condensed) format("svg")}@font-face{font-family:Roboto-Slab;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.eot);src:local('Roboto-Slab Thin'),local('Roboto-Slab-Thin'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.svg#Roboto-Slab) format('svg');font-weight:100;font-style:normal}@font-face{font-family:Roboto-Slab-Thin;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.eot);src:local('Roboto-Slab Thin'),local('Roboto-Slab-Thin'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Thin.svg#Roboto-Slab) format('svg')}@font-face{font-family:Roboto-Slab;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.eot);src:local('Roboto-Slab Light'),local('Roboto-Slab-Light'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.svg#Roboto-Slab) format('svg');font-weight:300;font-style:normal}@font-face{font-family:Roboto-Slab-Light;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.eot);src:local('Roboto-Slab Light'),local('Roboto-Slab-Light'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Light.svg#Roboto-Slab) format('svg')}@font-face{font-family:Roboto-Slab;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.eot);src:local('Roboto-Slab Regular'),local('Roboto-Slab-Regular'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.svg#Roboto-Slab) format('svg');font-weight:400;font-style:normal}@font-face{font-family:Roboto-Slab-Regular;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.eot);src:local('Roboto-Slab Regular'),local('Roboto-Slab-Regular'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Regular.svg#Roboto-Slab) format('svg')}@font-face{font-family:Roboto-Slab;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.eot);src:local('Roboto-Slab Bold'),local('Roboto-Slab-Bold'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.svg#Roboto-Slab) format('svg');font-weight:700;font-style:normal}@font-face{font-family:Roboto-Slab-Bold;src:url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.eot);src:local('Roboto-Slab Bold'),local('Roboto-Slab-Bold'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.eot?#iefix) format('embedded-opentype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.woff2) format('woff2'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.woff) format('woff'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.ttf) format('truetype'),url(/roboto-fontface/fonts/Roboto-Slab/Roboto-Slab-Bold.svg#Roboto-Slab) format('svg')}#forkme{cursor:pointer;display:block;position:absolute;top:0;right:10%;z-index:10;padding:10px;color:#fff;background:#e77171;font-weight:700;box-shadow:0 0 10px rgba(0,0,0,.5);border-bottom-left-radius:2px;border-bottom-right-radius:2px}#forkme img{width:13px}#readme h1{background:#4b5b6e;padding-top:30px;padding-bottom:30px;color:#fff;padding-left:10%;margin-top:0;width:100%}#readme h1 img{float:left;width:50px;height:auto;margin-top:-7px;margin-right:10px;transition:none;box-shadow:none}#readme h2{font-size:30px}#readme a{color:#e77171;text-decoration:none}#readme a:focus,#readme a:hover{color:#e77171;text-decoration:none}#readme ul{padding-left:15%}#readme h2,#readme h3,#readme p,#readme pre{margin-left:10%;width:80%}#readme pre{background:#fff}#readme hr{width:80%;border:1px solid #999}#readme img{height:auto;width:200px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}#readme img:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}@media (max-width:500px){#readme h1{padding-left:10%;padding-top:80px}}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}body{background:#ccc;font-family:'Open Sans',sans-serif;margin:0;padding:0;-webkit-print-color-adjust:exact;box-sizing:border-box}body page{background:#fff;position:relative;width:21cm;height:29.7cm;display:block;page-break-after:auto;overflow:hidden}body page .resume{display:inline-block;width:100%}body #forkme{cursor:pointer;display:block;position:absolute;top:0;right:10%;z-index:10;padding:10px;color:#fff;background:#e77171;font-weight:700;box-shadow:0 0 10px rgba(0,0,0,.5);border-bottom-left-radius:2px;border-bottom-right-radius:2px}body .index-page header{background:#4b5b6e;color:#fff;padding-top:10px;padding-bottom:10px}body .index-page header .content{width:80%;margin-right:auto;margin-left:auto}body .index-page header .content .logo{display:inline-block;position:relative}body .index-page header .content .logo .fa{color:#fff;margin-bottom:10px;font-size:70px;float:left;margin-right:10px;margin-top:15px}body .index-page header .content .logo h1{float:left;margin-top:27px}body .index-page main{padding-left:5%;padding-right:5%;width:80%;margin-left:auto;margin-right:auto;padding-top:50px}body .index-page main p{font-size:20px}body .index-page main .resume-collection h3{font-size:30px}body .index-page main .resume-collection .resume{display:inline-block;text-decoration:none;margin-right:10px}body .index-page main .resume-collection .resume img{height:300px;width:auto;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}body .index-page main .resume-collection .resume img:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}body .index-page main .resume-collection .resume .resume-title{text-align:center;display:block;text-decoration:none;margin-top:10px;color:#000}@media print{body,page{margin:0;box-shadow:0;width:100%;height:100%}}#resume1{font-family:'Source Sans Pro',sans-serif;font-size:20px}#resume1 h3{margin-bottom:0}#resume1 a,#resume1 a:focus,#resume1 a:hover,#resume1 a:visited{color:#616161}#resume1 span{display:inline-block}#resume1 .row{width:100%}#resume1 .half{width:44%}#resume1 .half.left{float:left;text-align:right;padding-left:4%;padding-right:2%}#resume1 .half.right{float:right;text-align:left;padding-right:4%;padding-left:2%}#resume1 .center{margin-left:auto;margin-right:auto}#resume1 .text-center{text-align:center}#resume1 .name{border:1px solid #000;text-transform:uppercase;padding:10px 20px;margin-top:80px;margin-bottom:5px;font-family:'Open Sans',sans-serif;font-size:35px;font-weight:600;letter-spacing:10px}#resume1 .position{text-transform:uppercase;font-family:'Open Sans',sans-serif;font-size:smaller;color:#757575;margin-bottom:40px}#resume1 .image{width:100px;height:100px;margin-top:50px;margin-bottom:50px}#resume1 .image .img{width:100%;height:100%;border-radius:50%;background:url(/person.jpg);background-repeat:none;background-position:center;background-size:cover}#resume1 .contact{width:100%}#resume1 .experience .experience-block span{width:100%;color:#616161}#resume1 .experience .experience-block span.company{font-weight:700;padding-bottom:5px;padding-top:10px;color:#424242}#resume1 .experience .experience-block span.job-title{font-style:italic}#resume1 .education-block span{color:#616161}#resume1 .education-block span.degree{font-weight:700;padding-bottom:5px;padding-top:10px;color:#424242}#resume1 .skills-other{color:#616161;margin-bottom:10px}#resume1 .skills{margin-top:20px;margin-bottom:10px}#resume1 .skills .skill-block{padding-bottom:10px;display:inline-block}#resume1 .skills .skill-block .skill{width:100px;color:#616161;float:left}#resume1 .skills .skill-block .skill-bar{float:right;background:#e0e0e0;overflow:hidden;height:8px;border-radius:3px;margin-top:6.5px;position:relative;width:249px}#resume1 .skills .skill-block .skill-bar .level{background:#757575;height:100%}#resume1 .contact table{text-align:right;float:right;margin-top:5px;color:#616161;font-size:20px}#resume1 .contact table i{padding:2px;color:#616161}#resume1 .contact table tr td:nth-child(2){vertical-align:top}#resume2{font-family:Raleway,sans-serif}#resume2 h3{text-transform:uppercase;padding-top:0;margin-top:0;letter-spacing:5px;font-weight:400}#resume2 a,#resume2 a:focus,#resume2 a:hover,#resume2 a:visited{text-decoration:none}#resume2 .top-row{width:100%;padding-top:100px;padding-bottom:100px}#resume2 .top-row span{width:100%;display:block;text-align:center;font-weight:400}#resume2 .top-row span.person-name{text-transform:uppercase;font-size:50px;letter-spacing:10px}#resume2 .top-row span.person-position{letter-spacing:5px}#resume2 .left-col{width:26%;float:left;padding-left:8%;padding-right:4%}#resume2 .left-col .person-image .image-centerer{display:flex;justify-content:center;height:auto;overflow:hidden}#resume2 .left-col .person-image .image-centerer .img{flex:none;background:url(/person.jpg);background-position:center;background-size:cover;height:250px;width:100%}#resume2 .left-col .contact h3{text-align:center;margin-top:20px}#resume2 .left-col .contact .contact-row{text-align:center;letter-spacing:2px;margin-bottom:3px}#resume2 .left-col .contact .contact-row:first-of-type{margin-top:50px}#resume2 .left-col .contact .contact-row.dots{margin-top:20px;margin-bottom:15px;font-size:10px;color:rgba(153,153,153,.6)}#resume2 .left-col .contact .contact-row a{color:#000}#resume2 .right-col{width:50%;float:right;padding-left:4%;padding-right:8%}#resume2 .right-col .experience-block{margin-bottom:10px}#resume2 .right-col .experience-block .row:first-child{margin-bottom:3px}#resume2 .right-col .experience-block .row .company{text-transform:uppercase;font-size:19px}#resume2 .right-col .experience-block .row .job-title{font-size:19px}#resume2 .right-col .education{margin-top:50px}#resume2 .right-col .education .education-block{margin-bottom:10px}#resume2 .right-col .education .education-block .degree{font-size:19px;text-transform:uppercase;margin-bottom:3px}#resume2 .right-col .skills-block{margin-top:50px;position:relative}#resume2 .right-col .skills-block .skills{margin-bottom:10px;position:relative;margin-left:auto;margin-right:auto;display:inline-block;margin-bottom:20px}#resume2 .right-col .skills-block .skills .skill{width:80px;height:80px;border-radius:50%;position:relative;border:#333 1px solid;margin:3px;float:left;font-size:13px}#resume2 .right-col .skills-block .skills .skill .skill-name{text-align:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}#resume2 .right-col .skills-block .skills .skills-other{display:inline-block;width:100%;margin-top:20px}#resume3{font-family:'Open Sans Condensed',sans-serif}#resume3 h3{font-weight:700;text-transform:uppercase;margin-bottom:10px}#resume3 a,#resume3 a:focus,#resume3 a:hover{color:#000;text-decoration:none}#resume3 .resume-header .triangle{width:0;height:0;border-style:solid;border-width:600px 0 0 1500px;border-color:#006064 transparent transparent transparent;position:absolute;left:-600px;top:0}#resume3 .resume-header .person-header{position:absolute;z-index:20;right:15%;top:200px}#resume3 .resume-header .person-header .person-wrapper{overflow:hidden;position:relative}#resume3 .resume-header .person-header .img{height:100%;width:100px;float:left;position:absolute;top:0;right:0;background:url(person.jpg);background-position:center;background-size:cover}#resume3 .resume-header .person-header .person{float:right;color:#fff;margin-right:120px}#resume3 .resume-header .person-header .name{text-transform:uppercase;Font-size:50px;display:table-caption;text-align:right;line-height:1;font-weight:700}#resume3 .resume-header .person-header .position{Font-size:20px;display:table-caption;text-align:right;line-height:1;margin-top:10px}#resume3 .resume-content{margin-top:435px;margin-left:15%;width:70%}#resume3 .resume-content .experience .experience-block{line-height:1;margin-bottom:10px}#resume3 .resume-content .experience .experience-block:first-of-type{width:80%}#resume3 .resume-content .experience .experience-block .row:first-child{font-size:20px;text-transform:uppercase}#resume3 .resume-content .experience .experience-block .row:first-child i{font-size:17px}#resume3 .education-block{line-height:1;margin-bottom:10px}#resume3 .education-block .row:first-child{font-size:20px;text-transform:uppercase}#resume3 .skill-section .skills{width:100%}#resume3 .skill-section .skills .skill-block{width:50%;float:left}#resume3 .skill-section .skills .skill-block i{font-size:17px;margin-right:15px}#resume3 .skill-section .skills .skill-block .skill{font-size:20px}#resume3 .skills-other{display:inline-block;font-size:20px;margin-top:10px;line-height:1}#resume3 .contact{margin-top:50px}#resume3 .contact a,#resume3 .contact span{display:inline-block;font-size:20px;list-style:none;margin-top:0;line-height:1;float:left;padding-left:0;margin-left:0}.resume4{background:#eaeaea}#resume4{font-family:Roboto,sans-serif;color:#223}#resume4 a,#resume4 a:focus,#resume4 a:hover{color:#223;text-decoration:none}#resume4 .card{border-radius:2px;border-radius:4px;margin-bottom:25px}#resume4 .card.contact,#resume4 .card.education{float:left}#resume4 .card.half{width:49%}#resume4 .card.half .card-content,#resume4 .card.half .card-header{padding:15px 8%;width:84%}#resume4 .card .card-header{width:92%;display:inline-block;padding:20px 4%;border-bottom:#ccc 1px solid}#resume4 .card .card-header i{float:left;font-size:32px;color:#545}#resume4 .card .card-header h3{margin:0;float:left;font-size:26px;font-weight:300;margin-left:10px;color:#545;margin-top:2px}#resume4 .card .card-content{width:92%;padding:20px 4%}#resume4 .resume-header .box{display:inline-block;background:#e56;height:150px;width:100%}#resume4 .resume-header .person-header{position:absolute;width:100%;top:50px}#resume4 .resume-header .person-header .img{background:url(person.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;height:200px;width:200px;border-radius:50%;border:#eaeaea 3px solid;position:relative;margin-left:auto;margin-right:auto;filter:grayscale(100%)}#resume4 .resume-header .person-header .person-wrapper{margin-left:auto;margin-right:auto;text-align:center}#resume4 .resume-header .person-header .person-wrapper .name{color:#223;font-size:35px;margin-top:10px}#resume4 .resume-header .person-header .person-wrapper .position{color:#545}#resume4 .resume-content{margin-top:200px;padding-left:5%;padding-right:5%}#resume4 .resume-content .experience-block{margin-bottom:10px;color:#223}#resume4 .resume-content .experience-block:last-of-type{margin-bottom:0}#resume4 .resume-content .experience-block .row:first-child{font-size:18px;color:#223}#resume4 .resume-content .experience-block .row:nth-child(2){font-size:15px;color:#545}#resume4 .resume-content .education{margin-right:2%}#resume4 .resume-content .education .education-block{margin-bottom:10px;color:#223}#resume4 .resume-content .education .education-block:last-of-type{margin-bottom:0}#resume4 .resume-content .education .education-block .row:first-child{font-size:18px;color:#223}#resume4 .resume-content .education .education-block .row:nth-child(2){font-size:15px;color:#545}#resume4 .resume-content .skills{width:100%}#resume4 .resume-content .skills .wrapper{display:inline-block;width:100%}#resume4 .resume-content .skills .wrapper .skill{display:inline-block;float:left;width:50%;font-size:18px;color:#223}#resume4 .resume-content .skills .wrapper .skill i{margin-right:5px;font-size:12px}#resume4 .resume-content .contact{color:#223}#resume4 .resume-content .contact a,#resume4 .resume-content .contact span{padding-bottom:5px;display:inline-block}.resume5{background:#eceff1}#resume5 .dp1{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}#resume5 .dp2{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)}#resume5 .dp3{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3)}#resume5 .dp4{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3)}#resume5 .dp5{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.3)}#resume5 .introduction{height:25%;position:relative;background:#009688}#resume5 .introduction .wrapper{width:100%;display:inline-block;margin-top:50px;height:auto;position:relative;text-align:center}#resume5 .introduction .wrapper .img{background:url(person.jpg);background-position:center;background-size:cover;height:100px;width:100px;margin-left:auto;margin-right:auto;border-radius:50%;display:inline-block;position:relative}#resume5 .introduction .wrapper .position{color:#fff}#resume5 .introduction .wrapper .name{color:#fff;margin-top:16px;font-size:42px;font-weight:300}#resume5 .resume-content{margin-top:20px}#resume5 .card-row{display:flex;padding-left:2.5%;padding-right:2.5%;margin-bottom:15px}#resume5 .card-row.multiple .card:last-child{margin-left:2.5%}#resume5 .card{flex:1;background:#fff;border-radius:2px}#resume5 .card .title{display:block;line-height:32px;margin-bottom:8px;font-size:24px;font-weight:300;padding:24px;background:#607d8b;color:#fff}#resume5 .card .text{line-height:1.5;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:#000}#resume5 .card .text .name{font-size:36px;margin-top:10px}#resume5 .card .text .row{padding:24px;border-bottom:1px solid #b0bec5}#resume5 .card .text .row:last-child{border-bottom:none}#resume5 .chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#cfd8dc;margin-bottom:5px;margin-right:5px}#resume5 .resume-footer{background:rgba(51,51,51,.08);position:absolute;bottom:0;width:100%;display:flex}#resume5 .resume-footer .contact{width:100%;padding:2.5%;font-weight:300px;font-size:14px;text-align:center;color:#455a64}#resume5 .resume-footer .contact a,#resume5 .resume-footer .contact a:focus,#resume5 .resume-footer .contact a:hover,#resume5 .resume-footer .contact a:visited{color:#455a64;text-decoration:none}#resume5 .resume-footer .contact i.fa{margin-left:10px;margin-right:10px;font-size:8px;color:#969da0}#resume5 .degree{font-size:18px}#resume5 .degree-description{color:#455a64}#resume5 .skill-desc{color:#455a64}#resume5 .timeline{position:relative;margin-top:-6px}#resume5 .timeline .line{border-left:1px solid #b0bec5;height:100px;position:absolute;left:38px;height:100%;top:0}#resume5 .timeline .experience-block{padding-left:24px;padding-right:24px;display:inline-block;margin-bottom:20px}#resume5 .timeline .experience-block:first-of-type{padding-top:29px}#resume5 .timeline .experience-block .circle{height:30px;width:30px;display:inline-block;background:#009688;border-radius:50%;float:left;position:absolute;z-index:2}#resume5 .timeline .experience-block .job{margin-left:53px;margin-top:-5px;padding:10px;background:#cfd8dc;width:240px}#resume5 .timeline .experience-block .job .jobtitle{line-height:1;font-family:Roboto,sans-serif;font-weight:400;font-size:18px;color:#000}#resume5 .timeline .experience-block .job .company,#resume5 .timeline .experience-block .job .description,#resume5 .timeline .experience-block .job .timeperiod{line-height:1;color:#455a64}.resume6{background:#171717;font-family:'TypoPRO Montserrat';font-weight:300}#resume6{color:#fff}#resume6 h3{background:#1cb251;margin:0;text-align:center;font-weight:300;text-transform:uppercase;letter-spacing:9px;padding-top:20px;padding-bottom:20px;border-radius:35px}#resume6 .left-col{float:left;width:38%;padding:3%}#resume6 .left-col .person-box{width:100%;background:#282828}#resume6 .left-col .person-box .img{height:300px;width:100%;background:url(/person.jpg);background-size:cover;background-position:center}#resume6 .left-col .person-box .content{padding:7%}#resume6 .left-col .person-box .content .person-name{width:100%;margin-bottom:10px;font-size:20px}#resume6 .left-col .person-box .content .person-position{color:#767676;width:100%}#resume6 .left-col .skill{margin-bottom:35px;width:90%;margin-left:auto;margin-right:auto}#resume6 .left-col .skill .skill-name{color:#9a9a9a}#resume6 .left-col .skills-other{color:rgba(154,154,154,.8)}#resume6 .left-col .skills-block h3{margin-top:30px;margin-bottom:20px}#resume6 .left-col .skills-block .skill-bar{width:100%;background:#282828;height:10px;border-radius:20px;position:relative;overflow:hidden;margin-top:10px}#resume6 .left-col .skills-block .skill-bar .level{width:99%;position:absolute;background:#9a9a9a;height:10px}#resume6 .left-col .skills-block .skill-circle{position:relative;width:100%;margin-top:-15px;transform:translateX(-15px)}#resume6 .left-col .skills-block .skill-circle .circle{background:#c6c6c6;height:20px;width:20px;border-radius:50%;position:absolute}#resume6 .right-col{width:53%;float:left;padding-top:3%;padding-right:3%}#resume6 .right-col .education,#resume6 .right-col .experience{margin-bottom:20px}#resume6 .right-col .education .education-block,#resume6 .right-col .education .experience-block,#resume6 .right-col .experience .education-block,#resume6 .right-col .experience .experience-block{font-size:20px;padding:20px;border-bottom:1px #262626 solid;color:rgba(154,154,154,.8)}#resume6 .right-col .education .education-block:last-child,#resume6 .right-col .education .experience-block:last-child,#resume6 .right-col .experience .education-block:last-child,#resume6 .right-col .experience .experience-block:last-child{border-bottom:none}#resume6 .right-col .education .education-block .row:first-child,#resume6 .right-col .education .experience-block .row:first-child,#resume6 .right-col .experience .education-block .row:first-child,#resume6 .right-col .experience .experience-block .row:first-child{color:#9a9a9a}#resume6 .right-col .contact table{color:#9a9a9a;padding:20px;font-size:20px;font-weight:300}#resume6 .right-col .contact table a,#resume6 .right-col .contact table a:focus,#resume6 .right-col .contact table a:hover,#resume6 .right-col .contact table a:visited{color:#9a9a9a;text-decoration:none}#resume6 .right-col .contact table i.fa{color:rgba(154,154,154,.8);font-size:30px;margin-right:20px;margin-top:2px}
\ No newline at end of file
diff --git a/src/javascript.js b/src/javascript.js
new file mode 100644
index 0000000..efb92b4
--- /dev/null
+++ b/src/javascript.js
@@ -0,0 +1,212 @@
+// minimum margin of content to bottom of page
+const marginBottom = 50;
+// DOM-element of
+let page;
+// all dom elements
+let elements;
+
+/**
+ * gets all DOM-elements on page
+ * @return {HTMLElement[]} DOM-elements
+ */
+const getAllDOMElements = () => {
+ elements = document.getElementsByTagName('*');
+}
+
+/**
+ * gets DOM-element of #resumeX
+ * @return {HTMLElement}
+ */
+const getResumeDOMElement = () => {
+ return page.children[0];
+}
+
+/**
+ * sets letiable 'page' to DOM-element of
+ */
+const setPageDOMElement = () => {
+ page = document.getElementsByTagName('page')[0];
+}
+
+/**
+ * checks whether font needs to be fixed, and if fixes it
+ */
+const checkFont = () => {
+ const resume = getResumeDOMElement();
+ if (contentIsGreaterThanPage(resume)) fixFont();
+}
+
+/**
+ * checks whether content is greater than page
+ * @param {HTMLElement} resume
+ * @return {boolean} false if content fits to page
+ */
+const contentIsGreaterThanPage = resume => {
+ const pageHeight = page.offsetHeight;
+ const resumeHeight = resume.offsetHeight + marginBottom;
+ if (pageHeight < resumeHeight) return true;
+ else return false;
+}
+
+/**
+ * gets font size of DOM-elemnt
+ * @param {HTMLElement} element
+ * @return {number} font size of element
+ */
+const getFontSizeOfElement = element => {
+ const style = window
+ .getComputedStyle(element, null)
+ .getPropertyValue('font-size');
+ return parseFloat(style);
+}
+
+/**
+ * sets font size of DOM-element
+ * @param {HTMLElement} element
+ * @param {number} fontSize
+ */
+const setFontSizeOfElement = (element, fontSize) => {
+ element.style.fontSize = fontSize + 'px';
+}
+
+/**
+ * decreases font size of all DOM-elements
+ */
+const decreaseFontSizes = () => {
+ let current, newFontSize;
+ for (let i = 0; i < elements.length; i++) {
+ current = elements[i];
+ newFontSize = getFontSizeOfElement(current) * 0.99;
+ setFontSizeOfElement(current, newFontSize);
+ }
+}
+
+/**
+ * decreases font size until content fits to page
+ */
+const fixFont = () => {
+ decreaseFontSizes();
+ const resume = getResumeDOMElement();
+ if (contentIsGreaterThanPage(resume)) fixFont();
+}
+
+/**
+ * checks if DOM-element has box-shadow
+ * @param {HTMLElement} element
+ * @return {string} '' if no shadow, otherwise shadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px'
+ */
+const hasBoxShadow = element => {
+ const style = window
+ .getComputedStyle(element, null)
+ .getPropertyValue('box-shadow');
+ if (style != 'none') return style;
+ else return '';
+}
+
+/**
+ * gets absolute position of element
+ * @param {HTMLElement} element
+ * @return {{}}
+ */
+const getAbsolutePositionOfElement = element => {
+ return {
+ top: element.getBoundingClientRect().top,
+ left: element.getBoundingClientRect().left
+ }
+}
+
+
+/**
+ * removes box shadow from element
+ * @param {HTMLElement} element
+ */
+const removeBoxShadowOfElement = element => {
+ element.style.boxShadow = 'none';
+}
+
+
+/**
+ * gets border radius of element
+ * @param {HTMLElement} element
+ * @return {String} e.g. '50%'
+ */
+const getBorderRadiusOfElement = element => {
+ return window
+ .getComputedStyle(element, null)
+ .getPropertyValue('border-radius');
+}
+
+/**
+ * adds new box shadow
+ * @param {HTMLElement} element
+ * @param {{}} position e.g. { left: 10, top: 100}
+ * @param {string} boxShadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px'
+ */
+const addNewBoxShadow = (element, position, boxShadow) => {
+ let div = document.createElement('div');
+ div.style.height = element.offsetHeight;
+ div.style.width = element.offsetWidth;
+ div.style.borderRadius = getBorderRadiusOfElement(element);
+ div.style.position = 'absolute';
+ div.style.boxShadow = boxShadow;
+ div.style.webkitPrintColorAdjust = 'exact';
+ div.style.webkitFilter = 'opacity(1)';
+ div.style.top = position.top;
+ div.style.left = position.left;
+ document.getElementsByTagName('body')[0].appendChild(div);
+}
+
+/**
+ * fixes box shadow of element
+ * @param {HTMLElement} element
+ * @param {string} boxShadow e.g. 'rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px'
+ */
+const fixBoxShadow = (element, boxShadow) => {
+ const position = getAbsolutePositionOfElement(element);
+ removeBoxShadowOfElement(element);
+ addNewBoxShadow(element, position, boxShadow);
+}
+
+/**
+ * gets all elements with shadows
+ * @return {HTMLElement[]} elements with shadows
+ */
+const getElementsWithShadows = () => {
+ let current, boxShadow;
+ let ret = [];
+ for (let i = 0; i < elements.length; i++) {
+ current = elements[i];
+ boxShadow = hasBoxShadow(current);
+ if (hasBoxShadow(current) != '') ret.push({
+ element: current,
+ shadow: boxShadow
+ });
+ }
+ return ret;
+}
+
+/**
+ * fixes shadows, since normal box-shadow cannot be printed in chrome,
+ * see: http://stackoverflow.com/questions/13975198/text-shadow-and-box-shadow-while-printing-chrome
+ */
+const fixBoxShadows = () => {
+ const elementsWithShadow = getElementsWithShadows();
+ for (let i = 0; i < elementsWithShadow.length; i++) {
+ fixBoxShadow(elementsWithShadow[i].element, elementsWithShadow[i].shadow);
+ }
+}
+
+const isResume = () => {
+ if (document.getElementsByTagName('page')[0]) return true;
+ else return false;
+}
+
+const fixResume = () => {
+ if (!isResume()) return;
+ getAllDOMElements();
+ fixBoxShadows();
+ setPageDOMElement();
+ checkFont();
+}
+
+fixResume();