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;}:root {--color-background: #193338;--color-background-light: #2d5d68;--color-background-medium: #234850;--color-brand: #819da2;--color-brand-light: #a5c1c7;--color-text: #fff;--unit: 8px;}*, *::before, *::after {box-sizing: border-box }html, body {background: var(--color-background);color: var(--color-text);font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";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);line-height: 1.5;margin: 0 0 calc(var(--unit) * 2) 0;}p:last-child, .intro p:last-child {margin-bottom: 0;}h1, h2, h3 {font-weight: 600;}h1 {font-size: calc(var(--unit) * 4);line-height: 1.1;margin: 0 auto calc(var(--unit) * 5) auto;}h2 {font-size: calc(var(--unit) * 3);line-height: 1.2;margin: var(--unit) auto calc(var(--unit) * 3) auto;}h3 {font-size: calc(var(--unit) * 2.5);line-height: 1.5;margin-bottom: 0;}h1 + p {font-size: calc(var(--unit) * 3);line-height: calc(var(--unit) * 4.5);}h2 + p, h3 + p {font-size: calc(var(--unit) * 2.5);line-height: 1.5;margin-bottom: calc(var(--unit) * 4);}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, .skills li {font-size: calc(var(--unit) * 2.5);margin-bottom: calc(var(--unit) * 1.5);}li:last-child, .skills li:last-child {margin-bottom: 0;}header {background-color: var(--color-background-light);margin: 0 auto;max-width: calc(var(--unit) * 160);padding: calc(var(--unit) * 6) calc(var(--unit) * 3) 0 calc(var(--unit) * 3);width: 100%;}.logo {height: calc(var(--unit) * 6);width: calc(var(--unit) * 6);}a.logo {background: url("../img/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, footer {background-color: var(--color-background-light);margin: 0 auto;max-width: calc(var(--unit) * 160);padding: calc(var(--unit) * 6) calc(var(--unit) * 3);width: 100%;}p + h2, ul + h2, div + h2 {margin-top: calc(var(--unit) * 18);}.intro p {margin: 0 0 calc(var(--unit) * 2) 0;}.intro, .projects, .gallery {display: grid;grid-gap: calc(var(--unit) * 4.5);grid-template-columns: repeat(1, 1fr);margin: 0 auto;}.projects div {column-gap: calc(var(--unit) * 2);display: grid;grid-template-columns: calc(var(--unit) * 12) 1fr;}.projects p {align-self: center;font-size: calc(var(--unit) * 2);line-height: 1.5;margin-top: 0;}.projects a {font-weight: 600;}.projects img {max-height: calc(var(--unit) * 3.5);width: auto;}.gallery img {border-radius: calc(var(--unit) * 3);}.projects span {align-items: center;background-color: var(--color-background-medium);border-radius: calc(var(--unit) * 3);display: flex;height: calc(var(--unit) * 12);justify-content: center;width: calc(var(--unit) * 12);}.skills {column-count: 3;column-width: calc(var(--unit) * 35);list-style: inside;}footer p {margin: 0 0 calc(var(--unit) * 2) 0;text-align: center;}footer a:hover {color: var(--color-text);}@media screen and (prefers-reduced-motion: reduce) {a.logo {transition: none;}a.logo:hover {transform: none;}}@media screen and (min-width: 500px) {h1 {font-size: calc(var(--unit) * 6);}}@media screen and (min-width: 600px) {.gallery {grid-gap: calc(var(--unit) * 3);grid-template-columns: repeat(2, 1fr);}}@media screen and (min-width: 700px) {.intro {grid-gap: calc(var(--unit) * 9);grid-template-columns: 2fr 1fr;}.projects {grid-gap: calc(var(--unit) * 3);grid-template-columns: repeat(2, 1fr);}}@media screen and (min-width: 840px) {h2 + p, h3 + p {width: 70%;}header {padding: calc(var(--unit) * 9) calc(var(--unit) * 9) 0 calc(var(--unit) * 9);}main, footer {padding: calc(var(--unit) * 9);}.projects, .gallery {grid-gap: calc(var(--unit) * 9);}}