/* You can add global styles to this file, and also import other style files */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */html{line-height:1.15; /* 1 */-ms-text-size-adjust:100%; /* 2 */-webkit-text-size-adjust:100% /* 2 */}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */body{margin:0}
/**
 * Add the correct display in IE 9-.
 */article,aside,footer,header,nav,section{display:block}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */h1{font-size:2em;margin:.67em 0}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */figcaption,figure,main{ /* 1 */display:block}
/**
 * Add the correct margin in IE 8.
 */figure{margin:1em 40px}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */hr{-webkit-box-sizing:content-box;box-sizing:content-box; /* 1 */height:0; /* 1 */overflow:visible /* 2 */}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */pre{font-family:monospace,monospace; /* 1 */font-size:1em /* 2 */}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */a{background-color:transparent; /* 1 */-webkit-text-decoration-skip:objects /* 2 */}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title]{border-bottom:none; /* 1 */text-decoration:underline; /* 2 */-webkit-text-decoration:underline dotted;text-decoration:underline dotted /* 2 */}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */b,strong{font-weight:inherit;font-weight:bolder}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,kbd,samp{font-family:monospace,monospace; /* 1 */font-size:1em /* 2 */}
/**
 * Add the correct font style in Android 4.3-.
 */dfn{font-style:italic}
/**
 * Add the correct background and color in IE 9-.
 */mark{background-color:#ff0;color:#000}
/**
 * Add the correct font size in all browsers.
 */small{font-size:80%}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */audio,video{display:inline-block}
/**
 * Add the correct display in iOS 4-7.
 */audio:not([controls]){display:none;height:0}
/**
 * Remove the border on images inside links in IE 10-.
 */img{border-style:none}
/**
 * Hide the overflow in IE.
 */svg:not(:root){overflow:hidden}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */button,input,optgroup,select,textarea{font-family:sans-serif; /* 1 */font-size:100%; /* 1 */line-height:1.15; /* 1 */margin:0 /* 2 */}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */button,input{ /* 1 */overflow:visible}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */button,select{ /* 1 */text-transform:none}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 *//* 1 */ [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button /* 2 */}
/**
 * Remove the inner border and padding in Firefox.
 */[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
/**
 * Restore the focus styles unset by the previous rule.
 */[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
/**
 * Correct the padding in Firefox.
 */fieldset{padding:.35em .75em .625em}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */legend{-webkit-box-sizing:border-box;box-sizing:border-box; /* 1 */color:inherit; /* 2 */display:table; /* 1 */max-width:100%; /* 1 */padding:0; /* 3 */white-space:normal /* 1 */}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */progress{display:inline-block; /* 1 */vertical-align:baseline /* 2 */}
/**
 * Remove the default vertical scrollbar in IE.
 */textarea{overflow:auto}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box; /* 1 */padding:0 /* 2 */}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */[type=search]{-webkit-appearance:textfield; /* 1 */outline-offset:-2px /* 2 */}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button{-webkit-appearance:button; /* 1 */font:inherit /* 2 */}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 *//* 1 */ menu,details{display:block}
/*
 * Add the correct display in all browsers.
 */summary{display:list-item}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */canvas{display:inline-block}
/**
 * Add the correct display in IE.
 */
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */[hidden],template{display:none}.light-grey,.section-content{color:#f7f7f7}.next{width:61px;height:61px;background:url(/assets/next.png);background-size:contain;background-repeat:no-repeat;cursor:pointer;z-index:2;position:absolute;margin:auto;text-align:center;bottom:10px;left:50%;margin-left:-30px}.section-end{height:71px;display:block}.social-cont{text-align:center}.social-icons{width:50px;height:50px;display:inline-block;margin:0 10px 20px}@media screen and (min-width:768px){.next{width:90px;height:90px;bottom:35px;margin-left:-45px}.section-end{height:125px}.social-icons{width:90px;height:90px;display:inline-block;margin:0 20px 30px}}@media screen and (min-width:1920px){.next{width:122px;height:122px;bottom:50px;margin-left:-61px}.section-end{height:172px}.social-icons{width:122px;height:122px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;width:100%}body{color:#fff;font-family:Helvetica Neue,Helvetica;font-size:14px;overflow-x:hidden;min-height:100%}img{max-width:100%}a{text-decoration:none;color:#fff}h1.underline{display:inline-block}h1,h2,h3{margin-top:0}h1,h2,h3,header a{color:#fff}app-root{height:100%;width:100%;display:block}app-contact,app-header,app-intro,app-projects,app-skills{position:relative;display:block;min-height:100%;width:100%}app-contact{background:#292b3a}app-contact>section,app-intro>section,app-projects>section,app-skills>section{min-height:100%;z-index:1}.clear{float:none;clear:both}.center{text-align:center}.section-content{padding:15px 30px}.skill{line-height:1;border-radius:10px;height:22px;font-size:12px;padding:5px;background-color:#f3f3f3;color:#505050;display:inline-block;margin:5px 0}.social-icons{transition-duration:1s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;animation-iteration-count:3;-webkit-transition-duration:1s;-webkit-animation-iteration-count:3;-webkit-animation-property:-webkit-transform}.social-icons:hover{-website-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}.section-bg{display:none}.mobile-break{display:block;float:none;clear:both}@media screen and (min-width:768px){body{font-size:18px}.mobile-break{display:none}.skill{height:28px;padding:7px;font-size:14px}}@media screen and (min-width:1025px){app-contact,app-contact>section,app-intro,app-intro>section,app-projects,app-projects>section,app-skills,app-skills>section{padding:0}body{font-size:18px;font-weight:lighter}}@media screen and (min-width:1920px){body{font-size:25px}}