af/oldcss/screen.css

@charset "UTF-8";
/* line 5, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, .page #content_box #inner_box article h3, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 106, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.75em;
}

/* line 10, sass/screen.scss */
body {
  background: black;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  font-family: "Open Sans", sans-serif;
}

/* line 17, sass/screen.scss */
a {
  text-decoration: none;
  color: #4080bf;
}

/* line 22, sass/screen.scss */
strong {
  font-weight: bold;
}

/* line 26, sass/screen.scss */
em {
  font-style: italic;
}

/* line 1, sass/cookie.scss */
#cookie_monster {
  position: fixed;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  font-family: 'Open Sans', sans-serif;
  z-index: 255;
}
@media (min-width: 48em) {
  /* line 1, sass/cookie.scss */
  #cookie_monster {
    top: 0;
  }
}
@media (max-width: 48em) {
  /* line 1, sass/cookie.scss */
  #cookie_monster {
    bottom: 0;
    background: rgba(239, 239, 143, 0.8);
  }
}
/* line 18, sass/cookie.scss */
#cookie_monster .content {
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  color: black;
  padding: 0.375em 1.5em 0.1875em 1.5em;
}
/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
#cookie_monster .content:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 24, sass/cookie.scss */
#cookie_monster .content strong {
  font-weight: bold;
}
/* line 28, sass/cookie.scss */
#cookie_monster .content .button {
  display: block;
  background: black;
  color: white;
  padding: 0.375em 0.5625em;
  margin-top: 0.375em;
  margin-left: 0.1875em;
  float: right;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 0;
  font-size: 16px;
}
/* line 40, sass/cookie.scss */
#cookie_monster .content .button.no {
  background: #34b273;
}
/* line 44, sass/cookie.scss */
#cookie_monster .content .button.yes {
  font-weight: bold;
  background: #c0598c;
}

/* line 32, sass/screen.scss */
#top_banner {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  height: 120px;
  background: black;
}
@media (max-width: 32em) {
  /* line 32, sass/screen.scss */
  #top_banner {
    height: 80px;
  }
}

/* line 44, sass/screen.scss */
#bold_title {
  color: white;
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  text-shadow: 0px 0px 3px black;
}
/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
#bold_title:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 52, sass/screen.scss */
#bold_title h1 {
  font-size: 3em;
  text-align: right;
  position: relative;
  top: 0.75em;
  width: 47.82609%;
  float: left;
  margin-right: 4.34783%;
  white-space: nowrap;
}
/* line 61, sass/screen.scss */
#bold_title .tagline {
  font-size: 1.5em;
  text-align: left;
  width: 47.82609%;
  float: right;
  margin-right: 0;
}
/* line 66, sass/screen.scss */
#bold_title .tagline span {
  position: absolute;
  margin-left: -30.43478%;
  top: 3em;
}
@media (max-width: 32em) {
  /* line 74, sass/screen.scss */
  #bold_title h1 {
    font-size: 2em;
    top: 0.5em;
    width: 79.16667%;
    float: left;
    margin-left: 2.08333%;
    margin-right: 2.08333%;
  }
  /* line 80, sass/screen.scss */
  #bold_title .tagline span {
    font-size: 0.75em;
    top: 2.5em;
  }
}

/* line 89, sass/screen.scss */
.page #content_box #inner_box {
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
.page #content_box #inner_box:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 92, sass/screen.scss */
.page #content_box #inner_box article {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 56px;
}
/* line 96, sass/screen.scss */
.page #content_box #inner_box article.bottom_padding {
  padding-bottom: 56px;
}
@media (max-width: 48em) {
  /* line 92, sass/screen.scss */
  .page #content_box #inner_box article {
    width: 95.83333%;
    float: left;
    margin-left: 2.08333%;
    margin-right: 2.08333%;
  }
}
@media (max-width: 32em) {
  /* line 92, sass/screen.scss */
  .page #content_box #inner_box article {
    padding-top: 28px;
  }
}
/* line 108, sass/screen.scss */
.page #content_box #inner_box article header {
  text-align: center;
}
/* line 111, sass/screen.scss */
.page #content_box #inner_box article header h2, .page #content_box #inner_box article header h3 {
  font-size: 2em;
  font-family: "Oswald", sans-serif;
  line-height: 56px;
  padding-bottom: 28px;
}
@media (max-width: 32em) {
  /* line 111, sass/screen.scss */
  .page #content_box #inner_box article header h2, .page #content_box #inner_box article header h3 {
    font-size: 1.5em;
    padding-bottom: 0;
  }
}
/* line 124, sass/screen.scss */
.page #content_box #inner_box article h2, .page #content_box #inner_box article h3 {
  font-family: "Oswald", sans-serif;
  font-size: 1.5em;
  line-height: 56px;
}
/* line 130, sass/screen.scss */
.page #content_box #inner_box article h3 {
  font-size: 1.25em;
}
/* line 134, sass/screen.scss */
.page #content_box #inner_box article h3 strong {
  text-transform: uppercase;
}
/* line 139, sass/screen.scss */
.page #content_box #inner_box article ul {
  padding-left: 1em;
  margin: 14px 0;
}
/* line 143, sass/screen.scss */
.page #content_box #inner_box article ul.nomargin {
  margin: 0;
}
/* line 147, sass/screen.scss */
.page #content_box #inner_box article ul li {
  text-indent: -0.7em;
}
/* line 151, sass/screen.scss */
.page #content_box #inner_box article ul li:before {
  content: '• ';
  width: 1em;
}
/* line 156, sass/screen.scss */
.page #content_box #inner_box article ul.nobullets {
  padding-left: 0;
}
/* line 159, sass/screen.scss */
.page #content_box #inner_box article ul.nobullets li {
  text-indent: 0;
}
/* line 163, sass/screen.scss */
.page #content_box #inner_box article ul.nobullets li:before {
  content: '';
  width: 0;
}
/* line 170, sass/screen.scss */
.page #content_box #inner_box article p.calltoaction {
  text-align: center;
  display: block;
  margin: 14px 0;
  padding: 14px 0;
  background-color: #e7f2fd;
  font-size: 1.5em;
  font-family: "Oswald", sans-serif;
}
/* line 185, sass/screen.scss */
.page #content_box #inner_box article section.full {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
/* line 188, sass/screen.scss */
.page #content_box #inner_box article section.full.hr {
  height: 1px;
  padding: 0;
  margin: 20.44px 0 7px 0;
  background: #cccccc;
}
/* line 195, sass/screen.scss */
.page #content_box #inner_box article section.left {
  width: 47.82609%;
  float: left;
  margin-right: 4.34783%;
}
@media (max-width: 32em) {
  /* line 195, sass/screen.scss */
  .page #content_box #inner_box article section.left {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 202, sass/screen.scss */
.page #content_box #inner_box article section.right {
  width: 47.82609%;
  float: right;
  margin-right: 0;
}
@media (max-width: 32em) {
  /* line 202, sass/screen.scss */
  .page #content_box #inner_box article section.right {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 212, sass/screen.scss */
.page #content_box #inner_box article section blockquote {
  padding: 4.34783% 28px;
  font-style: italic;
}
/* line 216, sass/screen.scss */
.page #content_box #inner_box article section blockquote i, .page #content_box #inner_box article section blockquote em {
  font-style: normal;
}
/* line 222, sass/screen.scss */
.page #content_box #inner_box article figure {
  position: relative;
  margin-top: 14px;
  margin-bottom: 14px;
}
/* line 227, sass/screen.scss */
.page #content_box #inner_box article figure img {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  display: block;
}
/* line 233, sass/screen.scss */
.page #content_box #inner_box article figure figcaption {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 0.75em;
  color: #fff;
  line-height: 28px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 0 0.2em 0;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0;
  border-radius: 0 0 4px 4px;
}
/* line 244, sass/screen.scss */
.page #content_box #inner_box article figure figcaption a {
  color: #fff;
  text-decoration: underline;
}
/* line 249, sass/screen.scss */
.page #content_box #inner_box article figure figcaption span {
  padding: 0 1em;
}
/* line 252, sass/screen.scss */
.page #content_box #inner_box article figure figcaption span:before {
  content: '\203A  ';
}

/* line 265, sass/screen.scss */
.home.page #bold_title h1 {
  text-align: center;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
/* line 269, sass/screen.scss */
.home.page #bold_title h1 .hi {
  font-size: 0.667em;
  vertical-align: super;
  margin-right: 0.25em;
}
@media (max-width: 32em) {
  /* line 277, sass/screen.scss */
  .home.page #bold_title h1 {
    font-size: 3em;
    top: 0.35em;
  }
  /* line 282, sass/screen.scss */
  .home.page #bold_title .tagline span {
    background: red;
    font-size: 0.75em;
  }
}

/* line 290, sass/screen.scss */
#content_box {
  background: white;
  position: relative;
}
/* line 294, sass/screen.scss */
#content_box #main_menu {
  background: black;
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
#content_box #main_menu:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 299, sass/screen.scss */
#content_box #main_menu ul {
  position: absolute;
  bottom: -42px;
  text-align: center;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
/* line 308, sass/screen.scss */
#content_box #main_menu ul li {
  padding: 10px 15px 5px 0;
  display: inline-block;
}
/* line 313, sass/screen.scss */
#content_box #main_menu ul a {
  color: white;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}
@media (max-width: 48em) {
  /* line 299, sass/screen.scss */
  #content_box #main_menu ul {
    width: 95.83333%;
    float: left;
    margin-left: 2.08333%;
    margin-right: 2.08333%;
    background: url("../images/hscroller-01.png") bottom center no-repeat;
    background-size: auto 100%;
  }
}

/* line 328, sass/screen.scss */
#inner_box {
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
#inner_box:after {
  content: " ";
  display: block;
  clear: both;
}

/* line 333, sass/screen.scss */
.home.page #inner_box {
  padding-bottom: 0;
}
/* line 337, sass/screen.scss */
.home.page h2, .home.page #content_box #inner_box article h3 {
  line-height: 80px;
  text-align: center;
  font-size: 2em;
  font-family: 'Oswald', sans-serif;
}
/* line 344, sass/screen.scss */
.home.page .work.column {
  width: 25%;
  height: 300px;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  vertical-align: bottom;
  background: gray;
}
/* line 355, sass/screen.scss */
.home.page .work.column span {
  position: absolute;
  color: white;
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
  white-space: nowrap;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: block;
  bottom: 0.33em;
  left: 1.33em;
  overflow: visible;
}
/* line 369, sass/screen.scss */
.home.page .work.column.research {
  background-image: url("../images/home-research-2x.png");
  background-position: right bottom;
  background-size: cover;
}
/* line 374, sass/screen.scss */
.home.page .work.column.development {
  background-image: url("../images/home-development-2x.png");
  background-position: right bottom;
  background-size: cover;
}
/* line 379, sass/screen.scss */
.home.page .work.column.writing {
  background-image: url("../images/home-writing-2x.png");
  background-position: right bottom;
  background-size: cover;
}
/* line 384, sass/screen.scss */
.home.page .work.column.other {
  background-image: url("../images/home-contact-2x.png");
  background-position: right bottom;
  background-size: cover;
}

/* line 392, sass/screen.scss */
#site_footer {
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
  color: #d9e6f2;
  line-height: 22.4px;
}
/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
#site_footer:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 397, sass/screen.scss */
#site_footer .footer_body {
  padding-top: 46px;
  border-bottom: 1px solid #60809f;
}
/* line 401, sass/screen.scss */
#site_footer .footer_body a {
  color: #8cb3d9;
}
/* line 405, sass/screen.scss */
#site_footer .footer_body .column {
  padding-top: 14px;
  font-size: 0.75em;
}
/* line 409, sass/screen.scss */
#site_footer .footer_body .column.first {
  width: 13.04348%;
  float: left;
  margin-right: 4.34783%;
}
/* line 412, sass/screen.scss */
#site_footer .footer_body .column.second {
  width: 13.04348%;
  float: left;
  margin-right: 4.34783%;
}
/* line 416, sass/screen.scss */
#site_footer .footer_body .column.last {
  width: 65.21739%;
  float: right;
  margin-right: 0;
}
@media (max-width: 48em) {
  /* line 421, sass/screen.scss */
  #site_footer .footer_body .column.first {
    width: 30.43478%;
    float: left;
    margin-right: 4.34783%;
    margin-left: 2.17391%;
  }
  /* line 426, sass/screen.scss */
  #site_footer .footer_body .column.last {
    width: 47.82609%;
    float: right;
    margin-right: 0;
    margin-right: 2.17391%;
  }
}

/* line 4, sass/_contact.scss */
.contact.page #content_box article section.links {
  width: 47.82609%;
  float: left;
  margin-right: 4.34783%;
}
@media (max-width: 48em) {
  /* line 4, sass/_contact.scss */
  .contact.page #content_box article section.links {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 12, sass/_contact.scss */
.contact.page #content_box article section.form {
  width: 47.82609%;
  float: right;
  margin-right: 0;
}
@media (max-width: 48em) {
  /* line 12, sass/_contact.scss */
  .contact.page #content_box article section.form {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 19, sass/_contact.scss */
.contact.page #content_box article section.form p.contact_thanks {
  background: #ecf9ec;
  color: #0d730d;
  padding: 0.5em 14px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 26, sass/_contact.scss */
.contact.page #content_box article section.form p.meanwhile {
  padding: 0.5em 14px;
}
/* line 30, sass/_contact.scss */
.contact.page #content_box article section.form .field {
  display: block;
  width: 100%;
  padding-bottom: 28px;
}
/* line 35, sass/_contact.scss */
.contact.page #content_box article section.form .field label {
  display: block;
  color: #9fbfdf;
}
/* line 40, sass/_contact.scss */
.contact.page #content_box article section.form .field input, .contact.page #content_box article section.form .field textarea {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 0 0 0.25em;
  display: block;
  width: 100%;
  height: 28px;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  border: 0;
  border-bottom: 2px solid #4080bf;
  background: #f7fafc;
}
@media (max-width: 48em) {
  /* line 40, sass/_contact.scss */
  .contact.page #content_box article section.form .field input, .contact.page #content_box article section.form .field textarea {
    width: 95.83333%;
  }
}
/* line 57, sass/_contact.scss */
.contact.page #content_box article section.form .field textarea {
  min-height: 140px;
  max-width: 100%;
}
/* line 62, sass/_contact.scss */
.contact.page #content_box article section.form .field input:focus, .contact.page #content_box article section.form .field textarea:focus {
  outline: none;
}
/* line 66, sass/_contact.scss */
.contact.page #content_box article section.form .field input.invalid, .contact.page #content_box article section.form .field textarea.invalid {
  border-bottom: 2px solid #4080bf;
  background: #f7fafc;
}
/* line 71, sass/_contact.scss */
.contact.page #content_box article section.form .field input.valid, .contact.page #content_box article section.form .field textarea.valid {
  border-bottom: 2px solid #4080bf;
  background: white;
}
/* line 77, sass/_contact.scss */
.contact.page #content_box article section.form .button {
  text-align: right;
}
/* line 80, sass/_contact.scss */
.contact.page #content_box article section.form .button button {
  background: #3973ac;
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: white;
  border: 0;
  font-size: 1em;
  line-height: 2.5em;
  padding: 0 0.75em 0.1em 0.5em;
}
/* line 90, sass/_contact.scss */
.contact.page #content_box article section.form .button button .fa {
  padding-right: 0.25em;
}
/* line 94, sass/_contact.scss */
.contact.page #content_box article section.form .button button:disabled {
  background: #b3cce6;
}

@media (max-width: 32em) {
  /* line 4, sass/_development.scss */
  .development.page #content_box article section.project {
    margin-top: 14px;
    border-top: 1px solid #cccccc;
    padding-top: 14px;
  }
  /* line 10, sass/_development.scss */
  .development.page #content_box article section.project h3 {
    line-height: 28px !important;
  }
}

/* line 2, sass/_cv.scss */
.page.cv .macro {
  margin-top: 28px;
}
/* line 5, sass/_cv.scss */
.page.cv .macro.first {
  margin-top: 0;
}
/* line 10, sass/_cv.scss */
.page.cv .macro .body section {
  margin-top: 28px;
}
/* line 13, sass/_cv.scss */
.page.cv .macro .body section:first-child, .page.cv .macro .body section#full_cv {
  margin-top: 0;
}
/* line 17, sass/_cv.scss */
.page.cv .macro .body section section {
  margin-top: 0;
  padding-left: 1em;
  border-left: 3px solid #d9e6f2;
}