@charset "UTF-8";

/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */
/* line 2, ../scss/global/_base.scss */
html {
  /* font-family: "Gibson", sans-serif; */
  font-family: system-ui, sans-serif;
  -ms-touch-action: none;
  margin: 0;
  padding: 0;
}

/* line 8, ../scss/global/_base.scss */
body {
  margin: 0;
  padding: 0;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 16px;
  line-height: 25px;
  border: solid 20px #1aff91;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

/* line 23, ../scss/global/_base.scss */
::-moz-selection {
  color: black;
  background: #1aff91;
  text-shadow: none;
}

/* line 29, ../scss/global/_base.scss */
::selection {
  color: black;
  background: #1aff91;
  text-shadow: none;
}

/* line 48, ../scss/global/_base.scss */
a {
  color: black;
}

@media print {
  body {
    display: none;
  }
}
/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
/* line 6, ../scss/global/_helpers.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
/* line 16, ../scss/global/_helpers.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
/* line 33, ../scss/global/_helpers.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
/* line 47, ../scss/global/_helpers.scss */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 63, ../scss/global/_helpers.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 69, ../scss/global/_helpers.scss */
.clearfix:after {
  clear: both;
}

/* line 1, ../scss/sections/_playground.scss */
#page-home {
  height: 100%;
  display: flex;
  align-items: center;
}

/* line 6, ../scss/pages/_home.scss */
#page-home .content {
  position: relative;
  left: calc(-8.461538px + 9.61538vw);
  top: 0;
}
@media only screen and (min-width: 1024px) {
  #page-home .content {
    position: relative;
    left: 90px;
  }
}
/* line 12, ../scss/pages/_home.scss */
#page-home h1 {
  position: relative;
  left: -5px;
  margin: 0 0 20px;
  color: #1aff91;
  font-size: calc(-8.05128px + 8.0128vw);
  line-height: calc(-8.05128px + 8.0128vw);
}

@media only screen and (min-width: 1024px) {
  #page-home h1 {
    font-size: 74px;
    line-height: 74px;
  }
}
/* line 21, ../scss/pages/_home.scss */
#page-home .fn {
  display: block;
  color: black;
}
/* line 26, ../scss/pages/_home.scss */
#page-home .contact {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
  line-height: 20px;
}
/* line 33, ../scss/pages/_home.scss */
#page-home .contact > li {
  margin: 0 0 20px;
  padding: 0 60px 0 0;
}
/* line 38, ../scss/pages/_home.scss */
#page-home .contact > li:before {
  content: "—";
  display: block;
}
/* line 45, ../scss/pages/_home.scss */
#page-home .contact .email:before {
  content: attr(data-before);
}
/* line 48, ../scss/pages/_home.scss */
#page-home .contact .email:after {
  content: attr(data-after);
}

/* line 1, ../scss/pages/_projects.scss */
#page-projects {
  background-color: #f2f2f2;
  margin: 0;
  overflow: auto;
}
/* line 6, ../scss/pages/_projects.scss */
#page-projects:before {
  display: none;
}
/* line 10, ../scss/pages/_projects.scss */
#page-projects h3 {
  font-weight: 400;
}
/* line 14, ../scss/pages/_projects.scss */
#page-projects a {
  font-weight: 600;
  color: #333333;
}
/* line 20, ../scss/pages/_projects.scss */
#page-projects header h2 {
  margin-top: 0;
}
/* line 23, ../scss/pages/_projects.scss */
#page-projects header h2 + h3 {
  margin-top: -1em;
}
/* line 29, ../scss/pages/_projects.scss */
#page-projects .project {
  display: block;
  margin: 2em auto 4em;
  width: 81.25%;
  max-width: 1280px;
  position: relative;
}
/* line 37, ../scss/pages/_projects.scss */
#page-projects hr {
  margin: 2em auto;
  width: 81.25%;
  max-width: 1280px;
  border: solid 1px #b3b3b3;
  border-width: 1px 0 0;
}
/* line 45, ../scss/pages/_projects.scss */
#page-projects .click-area {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
/* line 53, ../scss/pages/_projects.scss */
#page-projects figure {
  margin: 0;
  overflow: hidden;
}
/* line 57, ../scss/pages/_projects.scss */
#page-projects figure img {
  display: block;
  width: 100%;
  height: auto;
}