* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 400; }

.center-image { margin: 0 auto; display: block; }

html, body { margin: 0; padding: 0; font-weight: 400; }

html { font-family: "Nunito Sans", sans-serif; font-size: 18px; line-height: 1.75; }

@media (min-width: 38em) { html { font-size: 18px; } }

body { color: #616161; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /*padding-top: 2rem;*/ }

a { color: #069; text-decoration: none; }

a:hover, a:focus { text-decoration: underline; }

a strong { color: inherit; }

.body a, .footer a { /*border-bottom: 1px solid #ccc;*/ }

/* Links
-------------------------------------------------- */
a { font-weight: inherit; line-height: inherit; color: #069; text-decoration: none; }

a:hover, a:visited, a:active, a:focus { color: #069; text-decoration: none; }

h1 a { border-bottom: 0; }

img { display: block; max-width: 100%; margin: 0 0 1rem; border-radius: 5px; }

table { margin-bottom: 1rem; width: 100%; font-size: 85%; border: 1px solid #e5e5e5; border-collapse: collapse; }

td, th { padding: .25rem .5rem; border: 1px solid #e5e5e5; }

th { text-align: left; }

tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { background-color: #f9f9f9; }

.view-button { display: none; }

h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; line-height: 1.25; color: #616161; text-rendering: optimizeLegibility; font-weight: 400; }

h1 { font-size: 1.6rem; margin-bottom: 1rem; }

h2 { margin-top: 1.2rem; margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: normal; }

h3 { margin-top: 1.2rem; margin-bottom: 0.7rem; font-size: 1.2rem; color: #2d2d2d; }

h4, h5, h6 { margin-top: 1rem; font-size: 1rem; }

p { margin-top: 0.5rem; margin-bottom: 1.5rem; }

strong { color: #303030; font-weight: 500; }

ul, ol, dl { margin-top: 0; margin-bottom: 1.5rem; }

dt { font-weight: 500; }

dd { margin-bottom: .5rem; }

hr { position: relative; margin: 1.5rem 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; }

abbr { font-size: 85%; font-weight: 500; color: #555; text-transform: uppercase; }

abbr[title] { cursor: help; border-bottom: 1px dotted #e5e5e5; }

blockquote { padding: .5rem 1rem; margin: .8rem 0; color: #7a7a7a; border-left: .25rem solid #e5e5e5; }

blockquote p:last-child { margin-bottom: 0; }

@media (min-width: 30em) { blockquote { padding-right: 5rem; padding-left: 1.25rem; } }

a[href^="#fn:"], a[href^="#fnref:"] { display: inline-block; margin-left: .1rem; font-weight: 500; }

.footnotes { margin-top: 2rem; font-size: 85%; }

.lead { font-size: 1.25rem; font-weight: 500; }

@media (max-width: 34em) { h1 { font-size: 1.5rem; } p { font-size: 18px; } }

code, pre { font-family: Menlo, Monaco, "Courier New", monospace; }

code { padding: .25em .5em; font-size: 85%; color: #bf616a; background-color: #f9f9f9; border-radius: 3px; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; word-wrap: normal; white-space: pre; }

pre code { padding: 0; font-size: 100%; color: inherit; background-color: transparent; }

.highlight { padding: 1rem; margin-bottom: 1rem; font-size: .8rem; line-height: 1.4; background-color: #f9f9f9; border-radius: .25rem; }

.highlight pre { margin-bottom: 0; overflow-x: auto; }

.highlight .lineno { display: inline-block; padding-right: .75rem; padding-left: .25rem; color: #999; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.container { padding-left: 1.5rem; padding-right: 1.5rem; margin-left: auto; margin-right: auto; }

.body { max-width: 36rem; margin: 0px auto; margin-top: 2rem; }

footer { margin: 0px auto; margin-top: 4rem; margin-bottom: 1rem; text-align: center; }

/* #Thank you
================================================== */
table.thank-you-items { margin-top: 40px; background: #fff; border: none; vertical-align: middle; }

table.thank-you-items td { height: 130px; background: #fff; border: none; border-bottom: 1px solid #e5e5e5; }

table.thank-you-items td form { height: 52px; }

table.thank-you-items td p { margin: 0; padding: 0; }

.thank-you-items tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { background: #fff; }

table.thank-you-items td span { font-size: 16px; color: #596270; }

.paypal-disclaimer { text-align: center; color: #8E96A1; }

.resume { max-width: 36rem; margin-left: auto; margin-right: auto; padding-bottom: 1.5rem; }

.page .btn, .resume .btn { font-family: "Nunito Sans", sans-serif; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 8px 12px; font-size: 16px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #333; background-color: #fff; border-color: #ddd; height: 40px; margin-top: 15px; }

.page .btn:hover { background-color: #ddd; }

.resume .btn { margin-top: 0; float: right; }

.resume p { font-size: 16px; }

.resume h1 { font-size: 1.2em; font-weight: normal; margin-top: 0; color: #616161; }

.resume h2 { font-weight: normal; color: #616161; font-size: 1.4em; margin-top: 1.5rem; margin-bottom: 0.7rem; }

.resume h3 { margin-bottom: 0; margin-top: 1.5em; font-size: 1em; }

.resume .contact-details { font-size: 16px; }

.resume p.subhead { margin-top: 0; margin-bottom: 0; }

.resume p { margin-bottom: 0.5rem; }

@media print { .no-print, .no-print * { display: none !important; } }

/* #Badges
================================================== */
.badge-dead { background-color: #fff; }

.badge-fun { background-color: #fff; }

.badge-app { background-color: #fff; }

.badge { display: inline-block; padding: .25em .4em; font-size: 65%; font-weight: 500; line-height: 1; color: #9c9c9c; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; padding-right: .6em; padding-left: .6em; border-radius: 10rem; vertical-align: middle; margin-top: -0.2em; margin-left: 5px; border: 1px solid #9c9c9c; }

.masthead { margin: 0px auto; font-size: 1rem; color: #777; padding: 2rem 0rem; max-width: 36rem; }

.masthead-title { margin-top: 0; margin-bottom: 0; color: #515151; font-weight: 400; }

.masthead-title a { color: inherit; }

.masthead-title small { font-size: 75%; opacity: .5; }

.nav { padding-left: 0; font-size: 18px; font-weight: 400; margin-bottom: 0; list-style: none; margin-top: 12px; }

.nav li { display: inline-block; }

.nav li a { color: #616161; }

.nav li + li { margin-left: .5rem; }

@media (min-width: 36em) { .masthead { text-align: right; } .masthead-title { float: left; } ul.nav { margin-top: 0; } }

@media (max-width: 770px) { .masthead { padding: 0; } body { padding-top: 1rem; } .archive .archive-item .project-button { display: none; } }

.page, .post { margin-bottom: 4em; }

.page li + li, .post li + li { margin-top: .25rem; }

.page-title, .post-title, .post-title a { color: #303030; }

.page-title, .post-title { margin-top: 0; }

.post-date { display: block; margin-top: -.5rem; margin-bottom: 1rem; color: #9a9a9a; }

.related { padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 2rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.related-posts { padding-left: 0; list-style: none; }

.related-posts h3 { margin-top: 0; }

.related-posts li small { font-size: 75%; color: #999; }

.related-posts li a:hover { color: #268bd2; text-decoration: none; }

.related-posts li a:hover small { color: inherit; }

.archive { margin-top: 1rem; margin-bottom: 3rem; }

.archive-item { margin-bottom: 1rem; font-size: 18px; overflow: hidden; /* clearfix */ }

.archive-item + .archive-year { margin-top: 1.2rem; margin-bottom: 1.2rem; color: #303030; }

.archive-date { margin-top: 0; margin-bottom: 0; }

.archive a { text-decoration: none; border-bottom: none; }

.archive-item a { color: #616161; }

.project-img { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: .25rem; cursor: pointer; }

@media (min-width: 34rem) { .archive-item { margin-bottom: .5rem; } .archive-date { float: right; margin-left: 1rem; } }

@media (max-width: 770px) { .archive > .archive-item { background: #fff; border-right-color: #fff; text-decoration: none; border: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } .archive-date { border-right-color: #fff; text-decoration: none; border: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } .archive-item { border-right-color: #fff; line-height: 1.3em; text-decoration: none; border: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } }

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