:root { --box-shadow-time: 1s; }

@-webkit-keyframes BoxShadowSlide { 0% { -webkit-box-shadow: 0 0 0 0 #D2FBE3; }
  100% { -webkit-box-shadow: -10px 10px 0 0 #D2FBE3; } }

@-moz-keyframes BoxShadowSlide { 0% { -moz-box-shadow: 0 0 0 0 #D2FBE3; }
  100% { -moz-box-shadow: -10px 10px 0 0 #D2FBE3; } }

@-o-keyframes BoxShadowSlide { 0% { -o-box-shadow: 0 0 0 0 #D2FBE3; }
  100% { -o-box-shadow: -10px 10px 0 0 #D2FBE3; } }

@keyframes BoxShadowSlide { 0% { box-shadow: 0 0 0 0 #D2FBE3; }
  100% { box-shadow: -10px 10px 0 0 #D2FBE3; } }

@-webkit-keyframes loadingAnimation { 0% { top: 1.25rem; }
  100% { top: 2.5rem; } }

@-moz-keyframes loadingAnimation { 0% { top: 1.25rem; }
  100% { top: 2.5rem; } }

@-o-keyframes loadingAnimation { 0% { top: 1.25rem; }
  100% { top: 2.5rem; } }

@keyframes loadingAnimation { 0% { top: 1.25rem; }
  100% { top: 2.5rem; } }

@-webkit-keyframes simpleFadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-moz-keyframes simpleFadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-ms-keyframes simpleFadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-o-keyframes simpleFadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes simpleFadeIn { from { opacity: 0; }
  to { opacity: 1; } }

html, body, div, span, applet, object, iframe, h1, h2, 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-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html, button, input, select, textarea { color: #282A25; }

html { height: 100%; font-size: 1rem; line-height: 1.6; background-color: #F3F3EE; }

body { min-height: 100%; position: relative; padding-bottom: 9.375rem; font-family: "Source Sans Pro", Monaco, "Courier New", monospace; font-size: 1rem; line-height: 1.6; font-weight: 400; -webkit-font-smoothing: antialiased; color: #282A25; background-color: #FAFAFA; }

@media all and (max-width: 768px) { body { margin-top: 0; } }

::-moz-selection { background: #FCE0C4; text-shadow: none; }

::selection { background: #FCE0C4; text-shadow: none; }

.browsehappy { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; margin: 0; padding: 1.25rem; color: #282A25; background: #F3F3EE; }

.ie7 .title { padding-top: 1.25rem; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: "Space Mono", Monaco, "Courier New", monospace; font-size: 1rem; font-weight: 300; line-height: 1.4; color: #282A25; }

h1 { font-size: 2.75rem; }

h2 { font-size: 2.25rem; }

h3 { font-size: 2rem; }

h4 { font-size: 1.75rem; }

h5 { font-size: 1.5rem; }

h6 { font-size: 1.25rem; }

p { margin: 0; font-family: "Source Sans Pro", Monaco, "Courier New", monospace; font-size: 1.3rem; line-height: 1.6; font-weight: 400; color: #282A25; }

p.small { font-size: 1rem; }

p.small .text-link { border-bottom: 1px solid #34745B; }

p.small .text-link:hover { border-bottom: 1px solid #282A25; }

small { font-size: 1rem; }

blockquote { margin: 0.625rem 0 1.25rem 0.375rem; padding-left: 1.25rem; font-size: 1rem; border-left: 2px solid #6CF1AD; }

.basic-list { margin: 0.625rem 0.625rem 0.625rem 1.25rem; list-style: none; }

.basic-list li { margin-bottom: 0.9375rem; }

.basic-list li::before { content: "\2022"; display: inline-block; width: 0.625rem; margin-left: -1.25rem; margin-right: 0.625rem; color: #6CF1AD; }

.basic-list.basic-list__ol { margin-left: 1.75rem; counter-reset: item; }

.basic-list.basic-list__ol li::before { content: counter(item) ". "; margin-left: -1.75rem; margin-right: 1rem; counter-increment: item; color: #CFC9BD; }

li { font-size: 1.3rem; line-height: 1.6; font-weight: 400; color: #282A25; }

strong { font-weight: 600; }

em { font-style: italic; }

a { font-weight: 600; text-decoration: none; color: #34745B; transition: all 0.2s ease; }

a:hover { text-decoration: none; color: #282A25; }

a, a:active, a:focus { outline: 0; }

a small { display: block; font-size: 1rem; color: #34745B; }

.text-link { border-bottom: 2px solid #34745B; }

.text-link:hover { border-bottom: 2px solid #282A25; }

q:before, q:after { content: ''; content: none; }

hr { display: block; height: 1px; margin: 3.75rem 0; padding: 0; border: 0; border-top: 1px solid #e1e1e1; background: #F3F3EE; }

img { width: 100%; background-color: #F3F3EE; }

.page-container { width: 100%; margin: 0; padding: 0; overflow-x: hidden; }

@media all and (max-width: 768px) { .page-container { flex-direction: column; } }

.main-content { position: relative; left: 200px; width: calc(100% - 200px); max-width: 1200px; margin: 0; padding: 1.25rem 1.25rem 1.25rem 0; }

@media all and (max-width: 768px) { .main-content { left: 0; width: 100%; padding-left: 1.25rem; } }

.screen-reader-only { border: 0; margin: 0; padding: 0; position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }

.spacer { width: 100%; height: 2.5rem; }

.spacer-small { width: 100%; height: 1.25rem; }

.section-title { margin: 2.5rem 0; }

.sketchbook-title { margin-top: 10rem; padding-top: 2.5rem; border-top: 1px solid #e1e1e1; }

.hidden { display: none !important; visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.color-palette { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; grid-gap: 0.625rem; max-width: 600px; margin: 0 0 0.625rem 0; }

.color-palette .palette-swatch { list-style: none; aspect-ratio: 1; width: 100%; height: 100%; }

.color-palette .palette-swatch.browndark { background: #282A25; }

.color-palette .palette-swatch.brown { background: #7A7812; }

.color-palette .palette-swatch.brownlight { background: #98977E; }

.color-palette .palette-swatch.greendark { background: #34745B; }

.color-palette .palette-swatch.green { background: #6CF1AD; }

.color-palette .palette-swatch.greenlight { background: #D2FBE3; }

.color-palette .palette-swatch.bluedark { background: #111C4F; }

.color-palette .palette-swatch.blue { background: #0D0B9F; }

.color-palette .palette-swatch.bluelight { background: #8F80FF; }

.color-palette .palette-swatch.orangedark { background: #F83704; }

.color-palette .palette-swatch.orange { background: #FF8F72; }

.color-palette .palette-swatch.orangelight { background: #FCE0C4; }

.color-palette .palette-swatch.graydark { background: #CFC9BD; }

.color-palette .palette-swatch.gray { background: #F3F3EE; }

.color-palette .palette-swatch.graylight { background: #FAFAFA; border: 1px solid #F3F3EE; }

#page-fade-veil { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; pointer-events: none; background: #FAFAFA; animation-duration: 300ms; animation-timing-function: ease-in-out; }

#page-fade-veil.fade-out { opacity: 0; animation-name: fade-out; }

#page-fade-veil.fade-in { opacity: 1; animation-name: fade-in; }

@-webkit-keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

@-moz-keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

@-o-keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fade-out { from { opacity: 1; }
  to { opacity: 0; } }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@-moz-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@-o-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

.mobile-color-bar { display: none; width: 100%; height: 10px; }

@media all and (max-width: 768px) { .mobile-color-bar { display: block; } }

.page-title-group { margin-bottom: 3.75rem; }

.page-title { font-family: "Space Mono", Monaco, "Courier New", monospace; font-weight: 700; line-height: 1.15; -webkit-animation: textColorFlash 2s forwards; -moz-animation: textColorFlash 2s forwards; -o-animation: textColorFlash 2s forwards; animation: textColorFlash 2s forwards; }

@-webkit-keyframes textColorFlash { 0% { color: #6CF1AD; }
  25% { color: #6CF1AD; }
  100% { color: #282A25; } }

@-moz-keyframes textColorFlash { 0% { color: #6CF1AD; }
  25% { color: #6CF1AD; }
  100% { color: #282A25; } }

@-o-keyframes textColorFlash { 0% { color: #6CF1AD; }
  25% { color: #6CF1AD; }
  100% { color: #282A25; } }

@keyframes textColorFlash { 0% { color: #6CF1AD; }
  25% { color: #6CF1AD; }
  100% { color: #282A25; } }

.page-title-note, .page-note { margin-top: 1.25rem; padding-left: 1.25rem; font-size: 1.25rem; border-left: 2px solid #6CF1AD; }

.list-wrapper { width: 100%; margin: 2.5rem auto; }

@media all and (min-width: 600px) { .list-wrapper { margin: 2.5rem 0; } }

.client-list { margin: 2.5rem 0; }

.list-1c { margin: 2.5rem 0; list-style: none; }

.list-1c .list-1c__item { display: flex; align-items: flex-start; flex-direction: column; margin-bottom: 1.25rem; }

@media all and (min-width: 600px) { .list-1c .list-1c__item { flex-direction: row; } }

.list-1c .list-1c__item .list-1c__img { display: block; width: 100%; height: auto; }

.list-1c .list-1c__item .list-1c__img.list-1c__img-border { border-top: 1px solid #F3F3EE; border-bottom: 1px solid #F3F3EE; border-left: 1px solid #F3F3EE; }

@media all and (min-width: 600px) { .list-1c .list-1c__item .list-1c__img { width: 50%; } }

.list-1c .list-1c__item .list-1c__text { align-self: stretch; width: 100%; padding: 1.25rem; background: #F3F3EE; }

@media all and (min-width: 600px) { .list-1c .list-1c__item .list-1c__text { width: 50%; } }

.list-1c .list-1c__item .list-1c__text .list-1c__title { margin-bottom: 0.625rem; font-family: "Space Mono", Monaco, "Courier New", monospace; font-size: 1.75rem; font-weight: 400; }

.list-1c .list-1c__item .list-1c__text .list-1c__date { margin: 0.625rem 0; font-size: 1.5rem; color: #34745B; }

.list-1c .list-1c__item .list-1c__text .list-1c__description { margin: 1.25rem 0 2.5rem 0; font-size: 1rem; }

.list-1c .list-1c__item .list-1c__text .list-1c__description .text-link { border-bottom: 1px solid #34745B; }

.list-1c .list-1c__item .list-1c__text .list-1c__description .text-link:hover { border-bottom: 1px solid #282A25; }

.list-1c .list-1c__item .list-1c__text .list-1c__resources { margin: 1.25rem 0 0.625rem 0; }

.list-mc { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 1.25rem; margin: 2.5rem 0; list-style: none; }

.list-mc.extra-gap { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-gap: 2.5rem; }

.list-mc.no-bg .list-mc__item { background: inherit; }

.list-mc .list-mc__item { opacity: 0; will-change: transform; background: #F3F3EE; }

.list-mc .list-mc__item .list-mc__img { display: block; width: 100%; height: auto; }

.list-mc .list-mc__item .list-mc__img.list-mc__img-border { border-top: 1px solid #F3F3EE; border-left: 1px solid #F3F3EE; border-right: 1px solid #F3F3EE; }

.list-mc .list-mc__item .list-mc__img.list-mc__img-full-border { border: 1px solid #F3F3EE; }

.list-mc .list-mc__item .list-mc__text { width: 100%; padding: 1.25rem; }

.list-mc .list-mc__item .list-mc__text .list-mc__title { margin-bottom: 0.625rem; font-family: "Space Mono", Monaco, "Courier New", monospace; font-size: 1.75rem; font-weight: 400; }

.list-mc .list-mc__item .list-mc__text .list-mc__date { margin: 0.625rem 0; font-size: 1.5rem; color: #34745B; }

.list-mc .list-mc__item .list-mc__text .list-mc__description { margin: 1.25rem 0 2.5rem 0; font-size: 1rem; }

.list-mc .list-mc__item .list-mc__text .list-mc__description .text-link { border-bottom: 1px solid #34745B; }

.list-mc .list-mc__item .list-mc__text .list-mc__description .text-link:hover { border-bottom: 1px solid #282A25; }

.list-mc .list-mc__item .list-mc__text .list-mc__resources { margin: 1.25rem 0 0.625rem 0; }

.with-just-btn { margin-top: 0.625rem !important; }

.simple-list { margin: 2.5rem 0; list-style: none; }

.simple-list .simple-list__item { display: flex; align-items: flex-start; flex-wrap: wrap; }

@media all and (min-width: 769px) { .simple-list .simple-list__item { flex-wrap: nowrap; } }

.simple-list .simple-list__item:not(:last-of-type) { margin-bottom: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #e1e1e1; }

.simple-list .simple-list__item .simple-list__img { width: 100%; height: auto; margin-bottom: 0.625rem; }

@media all and (min-width: 769px) { .simple-list .simple-list__item .simple-list__img { width: 25%; flex: 0 0 25%; margin-right: 2.5rem; margin-bottom: 0; } }

.simple-list .simple-list__item .simple-list__img.simple-list__img-border { border: 1px solid #F3F3EE; }

.simple-list .simple-list__item .simple-list__title { margin-bottom: 0.625rem; font-family: "Space Mono", Monaco, "Courier New", monospace; font-size: 1.75rem; font-weight: 400; }

.simple-list .simple-list__item .simple-list__date { margin: 0.625rem 0; font-size: 1.5rem; color: #34745B; }

.simple-list .simple-list__item .simple-list__description { margin: 1.25rem 0 2.5rem 0; font-size: 1rem; }

.simple-list .simple-list__item .simple-list__description .text-link { border-bottom: 1px solid #34745B; }

.simple-list .simple-list__item .simple-list__description .text-link:hover { border-bottom: 1px solid #282A25; }

.simple-list .simple-list__item .simple-list__resources { margin: 1.25rem 0 0.625rem 0; }

.btn { display: inline-block; padding: 0.625rem 1.25rem; border: 1px solid #282A25; border-radius: 500px; font-size: 0.8rem; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #282A25; transition: all 0.2s ease-in-out; }

.btn:hover { color: #FAFAFA; background: #282A25; }

.top { position: fixed; right: 2.5rem; bottom: 1.75rem; display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 3.75rem; padding: 0.625rem; z-index: 20; opacity: 0; border-radius: 500px; transition: all 0.2s ease-in-out; cursor: pointer; }

.top.top-visible { visibility: visible; opacity: 1; }

.top:hover { background: #F3F3EE; }

@media all and (max-width: 768px) { .top { bottom: 0.75rem; } }

.top svg { margin-bottom: 0.25rem; }

.top svg #arrow-polyline-group { stroke: #34745B; transition: all 0.2s ease-in-out; }

.sidebar { position: fixed; top: 0; left: 0; width: 150px; margin: 0; padding: 0; background: #FAFAFA; }

@media all and (max-width: 768px) { .sidebar { display: none; } }

.desktop-menu { margin-left: 1.25rem; }

.name-wrapper { display: flex; align-items: center; margin: 0; padding: 1.25rem; }

.name-wrapper .name-link { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0; padding: 0; font-family: "Space Mono", Monaco, "Courier New", monospace; font-style: normal; font-size: 1rem; font-weight: 400; line-height: 1.4; color: #282A25; transition: color 0.2s ease; }

.name-wrapper .name-link span { transition: background 0.2s ease; }

.name-wrapper .name-link:hover { color: #282A25; }

@media all and (max-width: 768px) { .name-wrapper { display: none; } }

.wordmark-zig-zag-wrapper { width: 90px; margin-left: 1.25rem; }

@media all and (max-width: 768px) { .wordmark-zig-zag-wrapper { display: none; } }

.wordmark-zig-zag-path { fill: none; stroke: #282A25; stroke-miterlimit: 10; }

.nav-ul { list-style: none; padding-top: 1.25rem; }

@media all and (max-width: 768px) { .nav-ul { display: none; } .nav-ul.active { display: block; } }

.nav-item:nth-of-type(3) { margin-bottom: 1.25rem; }

.nav-link { display: inline-block; margin-bottom: 0.25rem; vertical-align: middle; font-size: 1rem; font-weight: 400; color: #282A25; outline: 0; transition: background-color 0.2s ease; }

.work-temp-fade, .cv-temp-fade { display: none; }

.mobile-menu-group { display: none; position: fixed; bottom: 0; z-index: 10; width: 100%; margin: 0; padding: 0; -webkit-transform: translateY(100%) translateY(-60px); -moz-transform: translateY(100%) translateY(-60px); -ms-transform: translateY(100%) translateY(-60px); -o-transform: translateY(100%) translateY(-60px); transform: translateY(100%) translateY(-60px); -webkit-transition: -webkit-transform 0.25s ease; -moz-transition: -moz-transform 0.25s ease; -o-transition: -o-transform 0.25s ease; transition: -webkit-transform 0.25s ease; transition: transform 0.25s ease; }

@media all and (max-width: 768px) { .mobile-menu-group { display: block; } }

.mobile-menu-group .menu-tab { display: flex; justify-content: flex-start; align-items: center; width: 50%; min-width: 100px; height: 60px; padding-left: 1.25rem; border-bottom: 1px solid #1b1c19; transition: background 0.25s ease; background: #282A25; cursor: pointer; }

@media not all and (hover: none) { .mobile-menu-group .menu-tab:hover { background: #1b1c19; } .mobile-menu-group .menu-tab:hover .menu-tab-state.open-mobile-menu, .mobile-menu-group .menu-tab:hover .menu-tab-state.close-mobile-menu { color: #6CF1AD; } .mobile-menu-group .menu-tab:hover .menu-tab-state.open-mobile-menu .berger .berger-bar, .mobile-menu-group .menu-tab:hover .menu-tab-state.close-mobile-menu .close-bar { background: #6CF1AD; } }

.mobile-menu-group .menu-tab .menu-tab-state { margin: 0; padding: 0; font-size: 1.25rem; }

.mobile-menu-group .menu-tab .menu-tab-state.open-mobile-menu { display: block; color: #FAFAFA; transition: color 0.25s ease; }

.mobile-menu-group .menu-tab .menu-tab-state.open-mobile-menu .hi { margin-top: 2.5rem; margin-bottom: 2.5rem; margin-right: 0.625rem; line-height: 0.625rem; }

.mobile-menu-group .menu-tab .menu-tab-state.open-mobile-menu .berger { display: inline-flex; flex-direction: column; justify-content: space-between; width: 30px; height: 18px; margin-top: -4px; vertical-align: middle; }

.mobile-menu-group .menu-tab .menu-tab-state.open-mobile-menu .berger .berger-bar { display: block; width: 100%; height: 1px; border-radius: 1px; background: #FAFAFA; }

.mobile-menu-group .menu-tab .menu-tab-state.close-mobile-menu { display: none; transition: color 0.25s ease; }

.mobile-menu-group .menu-tab .menu-tab-state.close-mobile-menu .close-bar { display: block; width: 30px; height: 1px; background: #FAFAFA; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.mobile-menu-group .menu-tab .menu-tab-state.close-mobile-menu .close-bar:first-child { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.mobile-menu-group .menu-tab.open .menu-tab-state.open-mobile-menu { display: none; }

.mobile-menu-group .menu-tab.open .menu-tab-state.close-mobile-menu { display: block; }

.mobile-menu-group .mobile-menu { color: #FAFAFA; background: #282A25; }

.mobile-menu-group .mobile-menu .mobile-nav-list { margin: 0; padding: 0; list-style-type: none; }

.mobile-menu-group .mobile-menu .mobile-nav-list li { margin: 0; border-bottom: 1px solid #1b1c19; }

.mobile-menu-group .mobile-menu .mobile-nav-list li a { width: 100%; height: 100%; margin: 0; padding: 1.875rem 1.25rem; color: #FAFAFA; font-weight: 400; text-decoration: none; }

.mobile-menu-group .mobile-menu .mobile-nav-list li a:hover { color: #6CF1AD; background: #1b1c19; }

.mobile-menu-group.showing { bottom: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.mobile-nav-link { display: inline-block; margin-bottom: 4px; vertical-align: middle; font-size: 1rem; font-weight: 400; color: #282A25; outline: 0; transition: background-color 0.2s ease; }

.mobile-social-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; }

.mobile-social-grid li { border-right: 1px solid #1b1c19; border-bottom: 1px solid #1b1c19; }

.mobile-social-grid li:nth-of-type(4) { border-right: none; }

.mobile-social-grid li:nth-of-type(8) { border-right: none; }

.mobile-social-grid li:nth-of-type(5), .mobile-social-grid li:nth-of-type(6), .mobile-social-grid li:nth-of-type(7), .mobile-social-grid li:nth-of-type(8) { border-bottom: none; }

.mobile-social-grid li .mobile-nav-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; padding: 1.875rem 0; font-size: 24px; color: #FAFAFA; }

.mobile-social-grid li .mobile-nav-link:hover { color: #6CF1AD; background: #1b1c19; }

.mobile-social-grid li .mobile-nav-link:hover .glitch-icon .glitch-svg .glitch-path { fill: #6CF1AD; }

.mobile-social-grid li .glitch-icon { width: 34px; height: 24px; display: flex; align-items: center; justify-content: center; }

.mobile-social-grid li .glitch-icon .glitch-svg { width: 34px; height: 24px; }

.mobile-social-grid li .glitch-icon .glitch-svg .glitch-path { fill-rule: evenodd; clip-rule: evenodd; transition: fill 0.25s ease; fill: #FAFAFA; }

footer { position: absolute; left: 200px; bottom: 30px; width: calc(100% - 200px); background-color: #FAFAFA; }

@media all and (max-width: 768px) { footer { display: none; } }

footer .footer-text { font-size: 0.8rem; }

.desktop-color-bar { position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; }

@media all and (max-width: 768px) { .desktop-color-bar { display: none; } }

.home-intro { width: 100%; padding-bottom: 1.25rem; transition: all 1s ease; }

.home-intro .home-intro-text { font-family: "Space Mono", Monaco, "Courier New", monospace; font-style: normal; font-weight: 400; line-height: 1.6; word-wrap: break-word; -webkit-animation: simpleFadeIn 2s; -moz-animation: simpleFadeIn 2s; -ms-animation: simpleFadeIn 2s; -o-animation: simpleFadeIn 2s; animation: simpleFadeIn 2s; }

@media all and (max-width: 960px) { .home-intro .home-intro-text { font-size: 2.25rem; } }

@media all and (max-width: 768px) { .home-intro .home-intro-text { font-size: 2rem; } }

@media all and (max-width: 480px) { .home-intro .home-intro-text { font-size: 1.5rem; } }

.home-intro .home-intro-text .home-intro-link { color: #34745B; border-bottom: 4px solid #34745B; }

.home-intro .home-intro-text .home-intro-link.allow-hyphen { hyphens: auto; }

.home-intro .home-intro-text .home-intro-link:hover { color: #282A25; border-bottom: 4px solid #282A25; }

.main-content.main-content_about { display: flex; flex-direction: column; max-width: 1000px; }

.about-intro { width: 100%; margin: 0; padding: 0; }

.about-intro .about-content-wrapper { display: flex; margin: 2.5rem 0; }

@media all and (max-width: 768px) { .about-intro .about-content-wrapper { flex-direction: column; } }

.about-intro .about-content-wrapper .about-hex-wrapper { width: 30%; min-width: 200px; padding: 0 2rem 1rem 0; }

@media all and (max-width: 768px) { .about-intro .about-content-wrapper .about-hex-wrapper { width: 50%; } }

@media all and (max-width: 480px) { .about-intro .about-content-wrapper .about-hex-wrapper { width: 80%; } }

.about-intro .about-content-wrapper .about-hex-wrapper .hex-outer { position: relative; top: 0; left: 0; max-width: 100%; width: 200px; }

.about-intro .about-content-wrapper .about-hex-wrapper .hex-outer:before { content: ''; display: block; padding-bottom: 115%; }

.about-intro .about-content-wrapper .about-hex-wrapper .hex-outer img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 115%; }

.about-intro .about-content-wrapper .about-hex-wrapper .hex-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); -ms-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg); backface-visibility: hidden; }

.about-intro .about-content-wrapper .syllable-bullet { margin: 0.1875rem; }

.about-text-link-wrapper { margin-top: 1.25rem; }

.short-list-wrapper { margin: 2.5rem 0 0 0; padding: 0; }

.short-list-wrapper .short-list { margin: 0; padding: 1.25rem; list-style: none; border: 1px solid #e1e1e1; -webkit-box-shadow: 0 0 0 0 #D2FBE3; -moz-box-shadow: 0 0 0 0 #D2FBE3; -o-box-shadow: 0 0 0 0 #D2FBE3; box-shadow: 0 0 0 0 #D2FBE3; -webkit-animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards; -moz-animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards; -o-animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards; animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards; }

@media all and (min-width: 769px) { .short-list-wrapper .short-list { padding: 2.5rem; } }

.short-list-wrapper .short-list .short-list-title { padding-bottom: 1.25rem; }

.short-list-wrapper .short-list .short-list-li { margin-top: 1.25rem; padding-left: 1.25rem; list-style: none; border-left: 2px solid #6CF1AD; }

.about-content { margin-top: 5rem; padding-top: 3.75rem; border-top: 1px solid #e1e1e1; }

.spotify-grid { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr 1fr; grid-gap: 0.625rem; margin-top: 2.5rem; }

@media all and (max-width: 768px) { .spotify-grid { grid-template-columns: repeat(4, 1fr); } }

@media all and (max-width: 480px) { .spotify-grid { grid-template-columns: repeat(3, 1fr); } }

.spotify-grid .spotify-playlist-link { margin: 0; padding: 0; position: relative; }

.spotify-grid .spotify-playlist-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #282A25; opacity: 0; transition: opacity 0.2s ease; }

.spotify-grid .spotify-playlist-link:hover::before { opacity: 0.25; }

.spotify-grid .spotify-playlist-link img { vertical-align: middle; }

.talk-notes { width: 100%; max-width: 800px; margin-bottom: 6.25rem; }

.talk-notes .talk-intro { padding-top: 2.5rem; padding-bottom: 1.25rem; }

.talk-notes p { padding-bottom: 1.25rem; }

.talk-notes .slide-label { color: #CFC9BD; }

.main-content.main-content_type-tests { display: flex; flex-direction: column; max-width: 1000px; }

.type-test { margin-bottom: 2.5rem; }

.main-content.main-content_favorite-things { max-width: 800px; }

.favorite-things-block { display: flex; flex-direction: column; width: 100%; }

.filter-container { margin: 0; padding: 1.25rem; border: 1px solid #e1e1e1; -webkit-box-shadow: 0 0 0 0 #D2FBE3; -moz-box-shadow: 0 0 0 0 #D2FBE3; -o-box-shadow: 0 0 0 0 #D2FBE3; box-shadow: 0 0 0 0 #D2FBE3; -webkit-animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards; -moz-animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards; -o-animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards; animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards; }

@media all and (min-width: 769px) { .filter-container { padding: 2.5rem; } }

.filter-container .filter-header { margin: 0 0 1.25rem 0; }

.filter-container .filter-ul .checkbox-btn { float: left; margin: 0 0.375rem 0.375rem 0; overflow: auto; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: #34745B; transition: all 0.2s ease-in-out; border-radius: 500px; }

@media (hover) { .filter-container .filter-ul .checkbox-btn:hover { background-color: #D2FBE3; } }

.filter-container .filter-ul .checkbox-btn label { position: relative; float: left; display: block; overflow: hidden; cursor: pointer; }

.filter-container .filter-ul .checkbox-btn label span { display: block; padding: 0.25rem 1.25rem; text-align: center; border: 1px solid #34745B; border-radius: 500px; }

.filter-container .filter-ul .checkbox-btn label input { position: absolute; top: -1.25rem; padding: 0 0.625rem; }

.filter-container .filter-ul .checkbox-btn label input:checked + span { color: #FAFAFA; background-color: #34745B; }

.results-container { margin-top: 2.5rem; }

.favorite-item-block { margin: 1.25rem 0; padding: 1.25rem 0 2.5rem 0; }

.favorite-item-block:not(:last-of-type) { border-bottom: 1px solid #e1e1e1; }

.favorite-item-block .text { display: block; margin: 0; font-size: 1.2rem; }

.favorite-item-block .category { display: inline-block; margin-top: 1.25rem; padding: 0.125rem 0.625rem; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; border-radius: 500px; color: #34745B; background: #D2FBE3; }

.resume-content { width: 100%; max-width: 800px; margin-bottom: 6.25rem; }

.resume-header { margin: 2.5rem 0 0.625rem 0; font-family: "Source Sans Pro", Monaco, "Courier New", monospace; font-weight: 400; }

.resume-section-header-wrapper { margin-bottom: 1.25rem; border-bottom: 2px solid #6CF1AD; }

.resume-section-header { display: inline-block; margin-top: 3.75rem; padding: 0.5rem 1rem; background: #6CF1AD; }

.resume-subheader { margin: 1rem 0; font-family: "Source Sans Pro", Monaco, "Courier New", monospace; font-weight: 400; }

.resume-ul { list-style-type: disc; list-style-position: outside; list-style-image: none; margin-left: 1.25rem; }

.resume-ul li { margin-top: 0.625rem; font-size: 1rem; }

.resume-ul li::marker { font-size: 0.75rem; }

.ui-card { width: 100%; height: auto; margin: 0; padding: 1.25rem; background: #FAFAFA; overflow: hidden; touch-action: none; box-sizing: border-box; border: 1px solid #e1e1e1; -webkit-box-shadow: 0 0 0 0 #D2FBE3; -moz-box-shadow: 0 0 0 0 #D2FBE3; -o-box-shadow: 0 0 0 0 #D2FBE3; box-shadow: 0 0 0 0 #D2FBE3; -webkit-animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards, loadingAnimation 1s forwards; -moz-animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards, loadingAnimation 1s forwards; -o-animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards, loadingAnimation 1s forwards; animation: var(--box-shadow-time) BoxShadowSlide var(--box-shadow-time) forwards, loadingAnimation 1s forwards; }

@media all and (max-width: 768px) { .ui-card { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }

@media all and (min-width: 769px) { .ui-card { position: fixed; z-index: 10; top: 1.25rem; left: calc(100% - 640px); width: 600px; height: 540px; } }

.ui-card:hover .ui-instructions .ui-instructions-text { color: #F83704; }

.ui-card:hover .ui-instructions .ui-svg path, .ui-card:hover .ui-instructions .ui-svg polygon { fill: #F83704; }

.ui-card .ui-instructions { display: none; margin: 0 0 1.25rem 4px; padding: 0; }

@media all and (min-width: 769px) { .ui-card .ui-instructions { display: block; } }

.ui-card .ui-instructions .ui-svg { display: inline-block; height: 0.625rem; margin-right: 0.625rem; }

.ui-card .ui-instructions .ui-svg path, .ui-card .ui-instructions .ui-svg polygon { fill: #98977E; }

.ui-card .ui-instructions .ui-instructions-text { display: inline-block; font-size: 14px; color: #98977E; }

.ui-card .ui-card-inner { margin: 0; padding: 0; }

.ui-card .ui-card-inner .ui-card-title { padding-bottom: 1.25rem; }

.ui-card .ui-card-inner .tools-list { margin-top: 0.625rem; list-style-type: none; }

.ui-card .ui-card-inner .tools-list .tool { display: inline-block; margin: 0 0.375rem 0.375rem 0; padding: 0.375rem 0.75rem; font-size: 0.75rem; color: #282A25; background: #6CF1AD; }

.broken-container { width: 100%; margin: 0; }

.broken-header { font-size: 4rem; color: #0D0B9F; }

.broken-text { margin: 1.25rem 0; }

@media print { * { background: transparent !important; color: #282A25 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #6CF1AD; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }

/*# sourceMappingURL=main.css.map */