html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}@font-face {font-display: swap;font-family: 'REM';font-style: normal;font-weight: 600;src: url('rem-600.woff2') format('woff2');}:root {--color-background: #2d5d68;--color-background-dark: #234850;--color-brand: #819da2;--color-brand-light: #e0eaeb;--color-footer: #fff;--color-text: #193338;--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-display: 'REM', Roboto, Helvetica, Arial, sans-serif;--unit: 8px;}*, *::before, *::after {box-sizing: border-box }html, body {background-color: var(--color-brand);color: var(--color-text);font-family: var(--font-base);font-size: 100%;font-weight: 400;line-height: 1;margin: 0;padding: 0;text-rendering: optimizeLegibility;}strong {font-weight: 600;}img {max-width: 100%;height: auto;}p {font-size: calc(var(--unit) * 2.25);line-height: 1.5;margin: 0 0 calc(var(--unit) * 2.5) 0;max-width: 65ch;}p:last-child, .projects p, .latest-posts li, .latest-posts li:last-child, .posts li:last-child, li:last-child, .expertise li:last-child {margin-bottom: 0;}h1, h2, h3 {font-family: var(--font-display);font-weight: 600;}h1 {font-size: calc(var(--unit) * 4);line-height: 1.1;margin: 0 0 calc(var(--unit) * 2.5) 0;}h1.intro {max-width: 20ch;}h2 {font-size: calc(var(--unit) * 3);line-height: 1.2;margin: calc(var(--unit) * 2.5) 0;}h3 {font-size: calc(var(--unit) * 2.25);line-height: 1.5;margin: calc(var(--unit) * 2.5) 0 0 0;}time + p {font-size: calc(var(--unit) * 2.25);line-height: 1.5;margin-bottom: calc(var(--unit) * 2.5);}a, a:visited {color: var(--color-text);text-decoration: underline;}a:hover, a:active {text-decoration: none;}ul {list-style: inside;margin: 0 auto;padding-left:0 ;}li, .expertise li {font-size: calc(var(--unit) * 2.25);margin-bottom: calc(var(--unit) * 1.25);}header {align-items: center;background-color: var(--color-brand-light);display: flex;justify-content: space-between;margin: 0 auto;max-width: calc(var(--unit) * 160);padding: calc(var(--unit) * 2.5);width: 100%;}nav ul li {display: inline-block;font-family: var(--font-display);font-size: calc(var(--unit) * 2.25);font-weight: 600;margin: 0 0 0 calc(var(--unit) * 2.5);}nav ul li a, nav ul li a:visited {color: var(--color-text);text-decoration: none;}nav ul li a:hover, nav ul li a:active {color: var(--color-text);text-decoration: underline;}.logo {height: calc(var(--unit) * 6);width: calc(var(--unit) * 6);}a.logo {background: url("../images/logo.svg") 0 0 no-repeat;background-size: calc(var(--unit) * 6) calc(var(--unit) * 6);display: inline-block;height: calc(var(--unit) * 6);text-decoration: none;transition: 0.3s ease-in-out;width: calc(var(--unit) * 6);}a.logo:hover {transform: rotate(360deg);}main {background-color: var(--color-brand-light);margin: 0 auto;max-width: calc(var(--unit) * 160);padding: calc(var(--unit) * 7.5) calc(var(--unit) * 2.5) calc(var(--unit) * 5) calc(var(--unit) * 2.5);width: 100%;}div + h2, ol + h2, p + h2, ul + h2 {margin-top: calc(var(--unit) * 10);}.gallery {display: grid;grid-gap: calc(var(--unit) * 2.5);grid-template-columns: repeat(1, 1fr);margin: 0 auto;}.picture {float: right;margin: 0 0 calc(var(--unit) * 2.5) 0;max-width: 100%;}.projects, .latest-posts, .experience, .education, .expertise {display: grid;grid-template-columns: 1fr;margin-top: calc(var(--unit) * 10);}.projects, .latest-posts {grid-gap: calc(var(--unit) * 2.5);margin-top: 0;}.projects h2, .experience h2, .experience h3, .education h2, .education h3, .expertise h2, .expertise h3 {margin-top: 0;}.projects img {border-radius: var(--unit);}.experience span, .experience time, .education span, .education time, .expertise span, .expertise time {display: inline-block;font-size: calc(var(--unit) * 2.25);line-height: 1.5;margin: 0 0 calc(var(--unit) * 2.5) 0;}.expertise ul {column-count: 3;column-width: calc(var(--unit) * 35);list-style: inside;}.post h1 {margin-bottom: calc(var(--unit) * 1.25);max-width: 100%;}.post h2 {margin: calc(var(--unit) * 5) 0 calc(var(--unit) * 2.5) 0;}.posts {list-style: none;margin-top: calc(var(--unit) * 5);}.posts h2 {margin: 0;}.projects a, .latest-posts a, .posts a {font-size: calc(var(--unit) * 3);font-weight: 600;line-height: 1.5;}.posts li {margin-bottom: calc(var(--unit) * 5);}.posts p {margin-top: calc(var(--unit) * 2.5);}.latest-posts {list-style: none;}.latest-posts a, .projects a {font-size: calc(var(--unit) * 2.25);}.post time, .posts time, .latest-posts time {display: block;font-size: calc(var(--unit) * 2.25);line-height: 1.5;}.latest-posts time {line-height: 1.5;margin-top: 0;}.post time {margin-bottom: calc(var(--unit) * 5);}footer {background-color: var(--color-background);border-bottom: calc(var(--unit) * 2.5) solid var(--color-background-dark);margin: 0 auto;max-width: calc(var(--unit) * 160);width: 100%;}footer div {display: flex;flex-direction: column;padding: calc(var(--unit) * 5) calc(var(--unit) * 2.5);width: 100%;}footer ul {line-height: 1.5;list-style: none;margin: 0;}footer li {display: inline-block;font-size: calc(var(--unit) * 1.75);margin: 0 calc(var(--unit) * 1.5) 0 0;}footer p {color: var(--color-footer);font-size: calc(var(--unit) * 1.75);margin: 0 0 calc(var(--unit) * 2.5) 0;}footer a, footer a:visited, footer a:hover {color: var(--color-footer);}@media screen and (prefers-reduced-motion: reduce) {a.logo {transition: none;}a.logo:hover {transform: none;}}@media screen and (min-width: 500px) {.gallery {grid-template-columns: repeat(2, 1fr);}.picture {margin: 0 0 calc(var(--unit) * 2.5) calc(var(--unit) * 2.5);max-width: calc(var(--unit) * 25);}}@media screen and (min-width: 700px) {.projects {grid-gap: calc(var(--unit) * 5);grid-template-columns: 1fr 1fr;}.latest-posts {grid-gap: calc(var(--unit) * 2.5) calc(var(--unit) * 5);grid-template-columns: 1fr 1fr;}.experience, .education, .expertise {grid-template-columns: 1fr 2fr;}footer p:first-child {width: 65ch;}}@media screen and (min-width: 840px) {h1 {font-size: calc(var(--unit) * 5);}header {padding: calc(var(--unit) * 5) calc(var(--unit) * 15);}nav ul li {margin: 0 0 0 calc(var(--unit) * 5);}main {padding: calc(var(--unit) * 5) calc(var(--unit) * 15) calc(var(--unit) * 15) calc(var(--unit) * 15);}.gallery {grid-gap: calc(var(--unit) * 5);}footer div {flex-direction: row;flex-wrap: wrap;justify-content: space-between;padding: calc(var(--unit) * 15) calc(var(--unit) * 15) calc(var(--unit) * 12.5) calc(var(--unit) * 15);}footer li {display: block;margin: 0;}footer p:first-child {width: 52%;}.picture {margin: 0 0 calc(var(--unit) * 5) calc(var(--unit) * 5);max-width: calc(var(--unit) * 35);}}