:root{--color-background: white;--color-body-text: #36363c;--color-highlight: #ffd460;--color-accent: #007bff}@media (prefers-color-scheme: dark){:root{--color-background: #2d4059;--color-body-text: #ffffff;--color-accent: #ea5455}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}::selection{background:var(--color-highlight);color:var(--color-accent)}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-body-text);font-family:"Helvetic Neue",system,system-ui,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;line-height:1.5}a{transition:all 0.2s ease-in-out;text-decoration:none;font-weight:700;color:inherit;position:relative;display:inline-block}a:after{position:absolute;top:100%;left:0;width:100%;background:var(--color-accent);content:'';opacity:0;transition:height 0.3s, opacity 0.3s, transform 0.3s;transform:translateY(-5px)}a:hover:after,a:focus:after{height:2px;border-radius:3px;opacity:1;transform:translateY(-2px)}ul{list-style:none;padding:0;margin:0}svg{width:100%;height:100%;fill:currentColor}img{max-width:100%;vertical-align:middle}.emoji{display:inline-block;vertical-align:text-top;background-size:contain;background-repeat:no-repeat;background-position:center}.section{display:flex;justify-content:center;padding:50px 35px}@media screen and (max-width: 768px){.section{display:block}}@media screen and (max-width: 480px){.section{padding:15px}}.section__title{flex-shrink:0;width:200px;margin-right:50px;color:var(--color-accent);text-transform:uppercase;text-align:right;font-weight:700;letter-spacing:2px}@media screen and (max-width: 768px){.section__title{text-align:left;width:auto}}@media screen and (max-width: 480px){.section__title{margin-right:0px}}.section__content{font-weight:400;font-size:18px;width:100%;max-width:650px}@media screen and (max-width: 768px){.section__content{padding-top:30px;padding-left:25px}}@media screen and (max-width: 480px){.section__content{padding-left:10px;padding-top:10px}}.section__content p{margin-top:0;margin-bottom:25px}.intro{padding:120px 100px;display:flex;flex-direction:column;justify-content:space-around;max-width:1440px;margin:0 auto}@media screen and (max-width: 768px){.intro{padding:70px 50px}}@media screen and (max-width: 480px){.intro{padding:15px}}.intro__hello,.intro__tagline{font-size:38px}@media screen and (max-width: 480px){.intro__hello,.intro__tagline{font-size:26px}}.intro__hello{font-weight:300}.intro__tagline{font-weight:300;max-width:720px}.intro__tagline .name{font-weight:700}.intro__tagline .christian{width:60px;height:60px;margin-top:-7px;background-image:url("../img/memoji.png")}.intro__contact{font-size:18px;font-weight:400}.intro__contact a{transition:all 0.2s ease-in-out;font-weight:400;display:inline-block;padding:2px 3px;box-shadow:inset 0 -3px 0 var(--color-accent)}.intro__contact a:after{display:none}.intro__contact a:hover{box-shadow:inset 0 -33px 0 0 var(--color-accent);color:var(--color-highlight)}.experience .jobs{margin-bottom:75px}.experience .job{margin-bottom:25px}.experience .job .time-place{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 480px){.experience .job .time-place{display:block}}.experience .job__company{font-weight:700}.experience .job__time{font-size:12px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}@media screen and (max-width: 768px){.experience .resume{width:100%;text-align:center}}.projects .project{max-width:600px;margin-bottom:50px}.projects .project__name{margin-bottom:10px}.projects .project p{font-size:12px;margin-bottom:20px}.footer{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 80px}@media screen and (max-width: 1024px){.footer{padding:80px 60px}}@media screen and (max-width: 768px){.footer{display:block}}@media screen and (max-width: 480px){.footer{padding:50px 30px}}.footer__copyright{font-weight:400;width:200px}@media screen and (max-width: 768px){.footer__copyright{width:auto;text-align:center;margin-bottom:25px}}@media screen and (max-width: 768px){.footer__links{display:flex;justify-content:center}}.footer__links a{position:relative;display:inline-block;color:var(--color-link-text) !important;font-weight:600;margin:0 15px;outline:none;margin:0 10px}.footer__links a .text{font-size:12px;display:inline;letter-spacing:1px}