@charset "UTF-8";
/* Root Switcher, etc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Helper Variables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.gold {
  color: #e3d974; }

.teal {
  color: #71c8df; }

.pink {
  color: #e93070; }

section.color-test p {
  color: #0f0f0f;
  padding: 5px; }

section.color-test .moop p.first {
  background-color: #ecedef; }

section.color-test .moop p.base-1 {
  background-color: #131518; }

section.color-test .moop p.base-2 {
  background-color: #2c3037; }

section.color-test .moop p.base-3 {
  background-color: #49515c; }

section.color-test .moop p.base-4 {
  background-color: #6d798a; }

section.color-test .moop p.base-5 {
  background-color: #c7ccd3; }

section.color-test .meep p.first {
  color: #ecedef; }

section.color-test .meep p.base-1 {
  color: #131518; }

section.color-test .meep p.base-2 {
  color: #2c3037; }

section.color-test .meep p.base-3 {
  color: #49515c; }

section.color-test .meep p.base-4 {
  color: #6d798a; }

section.color-test .meep p.base-5 {
  color: #c7ccd3; }

/* Global Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
*,
*:before,
*:after {
  box-sizing: border-box; }

body {
  color: #ecedef;
  font-family: "Ubuntu", sans-serif;
  margin: 0;
  padding: 0; }

.gr {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background: #131518; }

body {
  font-size: 1rem;
  line-height: 1.5rem; }
  body h1 {
    font-size: 2.8rem;
    line-height: 3rem; }
  body h2 {
    font-size: 2.2rem;
    line-height: 2.4rem; }
  body h3 {
    font-size: 1.8rem;
    line-height: 2rem; }

@media screen and (min-width: 35em) {
  body {
    font-size: 1.2rem;
    line-height: 1.7rem; } }

@media screen and (min-width: 55em) {
  body {
    font-size: 1.3rem;
    line-height: 1.8rem; }
    body h1 {
      font-size: 3.2rem;
      line-height: 3.4rem; }
    body h2 {
      font-size: 2.4rem;
      line-height: 2.6rem; }
    body h3 {
      font-size: 2rem;
      line-height: 2.2rem; } }

@media screen and (min-width: 75em) {
  body {
    font-size: 1.4rem;
    line-height: 1.9rem; } }

p {
  margin: 0 0 1rem;
  padding: 0; }

a:link {
  color: #49515c;
  transition: color .2s ease-out;
  text-decoration: underline; }

a:visited {
  color: #2c3037; }

a:active {
  color: #c7ccd3; }

a:hover {
  color: #ecedef; }

strong {
  color: #c7ccd3; }

.section {
  width: 100%;
  display: inline-block;
  position: relative;
  vertical-align: bottom; }

h1, h2, h3 {
  margin: 0 0 1rem;
  padding: 0;
  color: #c7ccd3; }

h1, h2 {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem; }

h3 {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem; }

h1 a, h2 a, h3 a {
  text-decoration: none; }

img {
  vertical-align: bottom;
  max-width: 100%; }

.wrap {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 62rem; }

.wrap:after, .row:after {
  content: '';
  display: table;
  clear: both; }

.row {
  margin: 0 0 1rem; }

.column {
  display: block;
  width: 100%; }

.grid-test .column {
  background-color: #2c3037; }

.grid-test p {
  margin: 0;
  line-height: 1;
  padding: 1rem;
  background-color: #131518; }

.grid-test:after {
  content: '';
  width: 100%;
  height: 100%; }

.column {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 10%; }

.column.two {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 20%; }

.column.three {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 30%; }

.column.four {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 40%; }

.column.five {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 50%; }

.column.six {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 60%; }

.column.seven {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 70%; }

.column.eight {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 80%; }

.column.nine {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 90%; }

.column.ten {
  float: left;
  padding: 0 0.5rem;
  display: inline-block;
  min-height: 1rem;
  width: 100%; }

.column:first-child {
  padding-left: 0; }

.column:last-child {
  padding-right: 0; }

.column.offset-one {
  margin-left: 10%; }

.column.offset-two {
  margin-left: 20%; }

.column.offset-three {
  margin-left: 30%; }

.column.offset-four {
  margin-left: 40%; }

.column.offset-five {
  margin-left: 50%; }

@font-face {
  font-family: 'entypo';
  src: url("../src/fonts/entypo.eot?533ej6");
  src: url("../src/fonts/entypo.eot?533ej6#iefix") format("embedded-opentype"), url("../src/fonts/entypo.ttf?533ej6") format("truetype"), url("../src/fonts/entypo.woff?533ej6") format("woff"), url("../src/fonts/entypo.svg?533ej6#entypo") format("svg");
  font-weight: normal;
  font-style: normal; }

i, .search-wrap:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'entypo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-deviantart-symbol:before {
  content: ""; }

.icon-add-to-list:before {
  content: ""; }

.icon-classic-computer:before {
  content: ""; }

.icon-controller-fast-backward:before {
  content: ""; }

.icon-document-landscape:before {
  content: ""; }

.icon-arrow-bold-down:before {
  content: ""; }

.icon-arrow-bold-left:before {
  content: ""; }

.icon-arrow-bold-right:before {
  content: ""; }

.icon-arrow-bold-up:before {
  content: ""; }

.icon-arrow-down:before {
  content: ""; }

.icon-arrow-left:before {
  content: ""; }

.icon-arrow-long-down:before {
  content: ""; }

.icon-arrow-long-left:before {
  content: ""; }

.icon-arrow-long-right:before {
  content: ""; }

.icon-arrow-long-up:before {
  content: ""; }

.icon-arrow-right:before {
  content: ""; }

.icon-arrow-up:before {
  content: ""; }

.icon-bookmark:before {
  content: ""; }

.icon-bookmarks:before {
  content: ""; }

.icon-chevron-down:before {
  content: ""; }

.icon-chevron-left:before {
  content: ""; }

.icon-chevron-right:before {
  content: ""; }

.icon-chevron-small-down:before {
  content: ""; }

.icon-chevron-small-left:before {
  content: ""; }

.icon-chevron-small-right:before {
  content: ""; }

.icon-chevron-small-up:before {
  content: ""; }

.icon-chevron-thin-down:before {
  content: ""; }

.icon-chevron-thin-left:before {
  content: ""; }

.icon-chevron-thin-right:before {
  content: ""; }

.icon-chevron-thin-up:before {
  content: ""; }

.icon-chevron-up:before {
  content: ""; }

.icon-cloud:before {
  content: ""; }

.icon-controller-fast-forward:before {
  content: ""; }

.icon-controller-jump-to-start:before {
  content: ""; }

.icon-controller-next:before {
  content: ""; }

.icon-controller-paus:before {
  content: ""; }

.icon-controller-play:before {
  content: ""; }

.icon-controller-record:before {
  content: ""; }

.icon-controller-stop:before {
  content: ""; }

.icon-controller-volume:before {
  content: ""; }

.icon-download:before {
  content: ""; }

.icon-emoji-flirt:before {
  content: ""; }

.icon-flow-branch:before {
  content: ""; }

.icon-flow-cascade:before {
  content: ""; }

.icon-flow-line:before {
  content: ""; }

.icon-flow-parallel:before {
  content: ""; }

.icon-flow-tree:before {
  content: ""; }

.icon-install:before {
  content: ""; }

.icon-layers:before {
  content: ""; }

.icon-open-book:before {
  content: ""; }

.icon-resize-100:before {
  content: ""; }

.icon-resize-full-screen:before {
  content: ""; }

.icon-save:before {
  content: ""; }

.icon-select-arrows:before {
  content: ""; }

.icon-sound-mute:before {
  content: ""; }

.icon-sound:before {
  content: ""; }

.icon-trash:before {
  content: ""; }

.icon-triangle-down:before {
  content: ""; }

.icon-triangle-left:before {
  content: ""; }

.icon-triangle-right:before {
  content: ""; }

.icon-triangle-up:before {
  content: ""; }

.icon-upload:before {
  content: ""; }

.icon-align-bottom:before {
  content: ""; }

.icon-align-horizontal-middle:before {
  content: ""; }

.icon-align-left:before {
  content: ""; }

.icon-align-right:before {
  content: ""; }

.icon-align-top:before {
  content: ""; }

.icon-align-vertical-middle:before {
  content: ""; }

.icon-archive:before {
  content: ""; }

.icon-area-graph:before {
  content: ""; }

.icon-attachment:before {
  content: ""; }

.icon-awareness-ribbon:before {
  content: ""; }

.icon-bar-graph:before {
  content: ""; }

.icon-battery:before {
  content: ""; }

.icon-book:before {
  content: ""; }

.icon-bowl:before {
  content: ""; }

.icon-box:before {
  content: ""; }

.icon-briefcase:before {
  content: ""; }

.icon-calculator:before {
  content: ""; }

.icon-calendar:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-ccw:before {
  content: ""; }

.icon-chat:before {
  content: ""; }

.icon-check:before {
  content: ""; }

.icon-circle-with-cross:before {
  content: ""; }

.icon-circle-with-minus:before {
  content: ""; }

.icon-circle-with-plus:before {
  content: ""; }

.icon-clapperboard:before {
  content: ""; }

.icon-clipboard:before {
  content: ""; }

.icon-code:before {
  content: ""; }

.icon-cog:before {
  content: ""; }

.icon-copy:before {
  content: ""; }

.icon-credit-card:before {
  content: ""; }

.icon-credit:before {
  content: ""; }

.icon-cross:before {
  content: ""; }

.icon-cup:before {
  content: ""; }

.icon-cw:before {
  content: ""; }

.icon-database:before {
  content: ""; }

.icon-dial-pad:before {
  content: ""; }

.icon-documents:before {
  content: ""; }

.icon-drink:before {
  content: ""; }

.icon-drive:before {
  content: ""; }

.icon-drop:before {
  content: ""; }

.icon-edit:before {
  content: ""; }

.icon-emoji-happy:before {
  content: ""; }

.icon-emoji-neutral:before {
  content: ""; }

.icon-emoji-sad:before {
  content: ""; }

.icon-erase:before {
  content: ""; }

.icon-export:before {
  content: ""; }

.icon-eye:before {
  content: ""; }

.icon-feather:before {
  content: ""; }

.icon-flag:before {
  content: ""; }

.icon-flash:before {
  content: ""; }

.icon-flashlight:before {
  content: ""; }

.icon-folder-images:before {
  content: ""; }

.icon-folder-music:before {
  content: ""; }

.icon-folder-video:before {
  content: ""; }

.icon-folder:before {
  content: ""; }

.icon-forward:before {
  content: ""; }

.icon-game-controller:before {
  content: ""; }

.icon-globe:before {
  content: ""; }

.icon-graduation-cap:before {
  content: ""; }

.icon-grid:before {
  content: ""; }

.icon-heart-outlined:before {
  content: ""; }

.icon-heart:before {
  content: ""; }

.icon-help-with-circle:before {
  content: ""; }

.icon-help:before {
  content: ""; }

.icon-home:before {
  content: ""; }

.icon-image-inverted:before {
  content: ""; }

.icon-image:before {
  content: ""; }

.icon-infinity:before {
  content: ""; }

.icon-info-with-circle:before {
  content: ""; }

.icon-info:before {
  content: ""; }

.icon-key:before {
  content: ""; }

.icon-keyboard:before {
  content: ""; }

.icon-laptop:before {
  content: ""; }

.icon-leaf:before {
  content: ""; }

.icon-level-down:before {
  content: ""; }

.icon-level-up:before {
  content: ""; }

.icon-light-bulb:before {
  content: ""; }

.icon-light-down:before {
  content: ""; }

.icon-light-up:before {
  content: ""; }

.icon-line-graph:before {
  content: ""; }

.icon-link:before {
  content: ""; }

.icon-list:before {
  content: ""; }

.icon-location-pin:before {
  content: ""; }

.icon-lock-open:before {
  content: ""; }

.icon-lock:before {
  content: ""; }

.icon-magnet:before {
  content: ""; }

.icon-magnifying-glass:before {
  content: ""; }

.icon-mail:before {
  content: ""; }

.icon-man:before {
  content: ""; }

.icon-medal:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-message:before {
  content: ""; }

.icon-mic:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

.icon-mobile:before {
  content: ""; }

.icon-modern-mic:before {
  content: ""; }

.icon-mouse:before {
  content: ""; }

.icon-network:before {
  content: ""; }

.icon-new-message:before {
  content: ""; }

.icon-news:before {
  content: ""; }

.icon-note:before {
  content: ""; }

.icon-palette:before {
  content: ""; }

.icon-pencil:before {
  content: ""; }

.icon-pie-chart:before {
  content: ""; }

.icon-plus:before {
  content: ""; }

.icon-popup:before {
  content: ""; }

.icon-print:before {
  content: ""; }

.icon-progress-empty:before {
  content: ""; }

.icon-progress-full:before {
  content: ""; }

.icon-progress-one:before {
  content: ""; }

.icon-progress-two:before {
  content: ""; }

.icon-publish:before {
  content: ""; }

.icon-reply-all:before {
  content: ""; }

.icon-reply:before {
  content: ""; }

.icon-rss:before {
  content: ""; }

.icon-ruler:before {
  content: ""; }

.icon-scissors:before {
  content: ""; }

.icon-share-alternitive:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-shopping-cart:before {
  content: ""; }

.icon-signal:before {
  content: ""; }

.icon-sound-mix:before {
  content: ""; }

.icon-squared-cross:before {
  content: ""; }

.icon-squared-minus:before {
  content: ""; }

.icon-squared-plus:before {
  content: ""; }

.icon-star-outlined:before {
  content: ""; }

.icon-star:before {
  content: ""; }

.icon-stopwatch:before {
  content: ""; }

.icon-tablet:before {
  content: ""; }

.icon-text-document-inverted:before {
  content: ""; }

.icon-text-document:before {
  content: ""; }

.icon-text:before {
  content: ""; }

.icon-thumbs-down:before {
  content: ""; }

.icon-thumbs-up:before {
  content: ""; }

.icon-ticket:before {
  content: ""; }

.icon-time-slot:before {
  content: ""; }

.icon-tv:before {
  content: ""; }

.icon-typing:before {
  content: ""; }

.icon-v-card:before {
  content: ""; }

.icon-voicemail:before {
  content: ""; }

.icon-500px:before {
  content: ""; }

.icon-basecamp:before {
  content: ""; }

.icon-behance:before {
  content: ""; }

.icon-dropbox:before {
  content: ""; }

.icon-foursquare:before {
  content: ""; }

.icon-google-drive:before {
  content: ""; }

.icon-icloud:before {
  content: ""; }

.icon-onedrive:before {
  content: ""; }

.icon-paypal:before {
  content: ""; }

.icon-scribd:before {
  content: ""; }

.icon-skype-with-circle:before {
  content: ""; }

.icon-skype:before {
  content: ""; }

.icon-soundcloud:before {
  content: ""; }

.icon-swarm:before {
  content: ""; }

.icon-vine-with-circle:before {
  content: ""; }

.icon-vine:before {
  content: ""; }

.icon-dribbble-with-circle:before {
  content: ""; }

.icon-dribbble:before {
  content: ""; }

.icon-facebook-with-circle:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-flickr-with-circle:before {
  content: ""; }

.icon-flickr:before {
  content: ""; }

.icon-google-with-circle:before {
  content: ""; }

.icon-google:before {
  content: ""; }

.icon-instagram-with-circle:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-linkedin-with-circle:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-pinterest-with-circle:before {
  content: ""; }

.icon-pinterest:before {
  content: ""; }

.icon-tumblr-with-circle:before {
  content: ""; }

.icon-tumblr:before {
  content: ""; }

.icon-twitter-with-circle:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-vimeo-with-circle:before {
  content: ""; }

.icon-vimeo:before {
  content: ""; }

.icon-youtube-with-circle:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

header {
  color: inherit; }

.card {
  /*background: rgba(0,0,0,.8);*/
  position: relative;
  padding: 2rem 2rem 2rem 5rem;
  /*box-shadow: 4px 4px ($gutter * 1.5) rgba(0,0,0,.5);*/
  transition: all .3s ease;
  /*&:hover {
		box-shadow: 3px 3px $gutter rgba(0,0,0,.5);
	}*/ }

.links {
  display: inline-block;
  padding-top: 1rem;
  color: #49515c; }

ul.numbered {
  margin: 0;
  padding: 0; }
  ul.numbered li {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none; }
    ul.numbered li.indent {
      padding-left: 2rem; }
    ul.numbered li:before {
      position: absolute;
      top: 0;
      left: -2rem;
      color: #2c3037; }
    ul.numbered li:nth-of-type(1):before {
      content: '1.'; }
    ul.numbered li:nth-of-type(2):before {
      content: '2.'; }
    ul.numbered li:nth-of-type(3):before {
      content: '3.'; }
    ul.numbered li:nth-of-type(4):before {
      content: '4.'; }
    ul.numbered li:nth-of-type(5):before {
      content: '5.'; }
    ul.numbered li:nth-of-type(6):before {
      content: '6.'; }
    ul.numbered li:nth-of-type(7):before {
      content: '7.'; }

.resume {
  background: #131518; }
  .resume .wrap {
    padding: 4rem 1rem; }
  .resume .wrap ul {
    margin: 0 0 1.5rem 0;
    padding: 0; }
  .resume .wrap li {
    margin: 0;
    padding: 0; }
  .resume .contact {
    margin-bottom: .8rem; }
  .resume .contact-list {
    margin: 1rem 0 0;
    padding-left: 0;
    list-style: none; }
  .resume .contact-item {
    margin-top: 5px; }
  .resume .phone {
    color: #e93070; }
  .resume .button {
    display: inline-block;
    margin: 1rem 0;
    padding: 1rem;
    font-weight: normal;
    line-height: 1;
    background: #2c3037; }
  .resume .button.last {
    margin: 2.5rem 0 2px; }
  .resume hr {
    height: 0;
    padding: 0;
    margin: 2rem 0 0;
    background: none;
    color: #131518;
    border: none; }
  .resume .section {
    overflow: hidden;
    margin-bottom: 2rem; }
  .resume .section-meta {
    border-top: 4px solid #2c3037; }
  .resume .name {
    color: #e3d974; }
  .resume .section-name {
    margin-top: 10px;
    color: #c7ccd3; }
  .resume .company {
    color: #71c8df; }
  .resume .block {
    position: relative;
    margin-bottom: 2.4rem; }
  .resume .sites {
    list-style: none;
    margin: 0;
    column-count: 2;
    color: #49515c;
    font-size: 80%; }
  .resume .sites a {
    text-decoration: none;
    display: inline-block; }
  .resume .photo_simon-foust {
    width: 30%;
    float: right;
    margin: 0 0 1.2rem 2rem; }
  .resume .duration {
    text-transform: uppercase;
    color: #c7ccd3;
    font-size: 70%; }
  .resume .highlight {
    padding-top: 1rem;
    color: #6d798a; }
  .resume .position {
    font-size: 50%;
    font-weight: normal;
    font-style: italic;
    padding: 0 0 0 3px;
    color: #6d798a; }
  .resume .summary {
    margin: .1em 0;
    color: #6d798a;
    font-size: 92%; }
  .resume .personal .summary {
    color: #c7ccd3; }
  .resume .projects.selected p {
    color: #49515c;
    font-size: 80%;
    line-height: 1.33; }
  @media print {
    .resume a {
      color: #111;
      text-decoration: none; } }

@media screen and (min-width: 55em) {
  ul.numbered {
    min-width: 20vw;
    line-height: 2.4rem; }
    ul.numbered li.indent {
      padding-left: 2.5rem; }
    ul.numbered li:before {
      left: -2.5rem; }
  .resume .wrap {
    padding: 7rem 1rem; }
  .resume .photo_simon-foust {
    margin: 0 0 1.2rem 3rem; }
  .resume .section-meta {
    border-top: 4px solid #2c3037;
    width: 25%;
    float: left; }
  .resume .section-content {
    width: 60%;
    float: left;
    margin-left: 15%; } }

footer {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%; }
  footer ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 125%; }
  footer li {
    display: inline-block;
    margin: 0;
    padding: 0.5rem; }
  footer a:link {
    text-decoration: none;
    display: inline-block;
    padding: 0.3333333333rem;
    color: #49515c; }
  footer a:visited {
    color: #49515c; }
  footer a:hover {
    color: #c7ccd3; }