@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--font-family-base: "Roboto", sans-serif;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1.125rem;--font-size-lg: 1.5625rem;--font-size-xl: 2.1875rem;--font-size-xxl: 4.5rem;--font-size-hero: 5.125rem;--line-height-tight: 1;--line-height-normal: 1.5;--color-text-default: #333;--color-text-heading: #fff;--color-text-footer: #aaa;--color-text-skills: #fff;--color-link-default: #333;--color-link-hover: #000;--color-link-footer-hover: #fff;--color-bg-body: #ededed;--color-bg-main: #faffff;--color-bg-footer: #201e2c;--color-bg-header: #00000033;--color-bg-skills: #00000066;--color-hr: #ccc}body{min-height:100vh;max-width:1280px;margin:0 auto;padding:0;color:var(--color-text-default);background-color:var(--color-bg-body);font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-light);line-height:var(--line-height-normal)}.header{position:relative;width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:var(--color-text-heading)}.header:before{content:"";position:absolute;inset:0;background-image:url(/jernst/assets/header-EvXgjLdI.jpg);background-size:cover;background-position:center 70%;opacity:0;transform:scale(1.25);z-index:-1;animation:fadeZoomBG 6s cubic-bezier(.25,1,.5,1) forwards}header>*{position:relative;z-index:1}.header h1{font-family:var(--font-family-base);font-size:var(--font-size-hero);font-weight:var(--font-weight-thin);line-height:var(--line-height-tight)}.header h2{font-family:var(--font-family-base);font-size:var(--font-size-xl);font-weight:var(--font-weight-thin);line-height:var(--line-height-tight);font-style:italic}.photo-credit{position:absolute;top:.75rem;left:.75rem;margin:0;opacity:.7;white-space:nowrap;pointer-events:none;writing-mode:vertical-lr;transform:rotate(180deg);z-index:1;color:var(--color-text-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}@keyframes fadeZoomBG{to{opacity:1;transform:scale(1)}}main{max-width:1280px;width:100%;margin:0 auto;align-items:center;box-shadow:0 0 30px #0000001a}.welcome-education-profile-container{display:flex;flex-direction:column;gap:2rem;padding:2rem 3rem 3rem;position:relative}#profile{order:1;display:flex;justify-content:center;margin-bottom:1rem}#profile img{max-width:200px;width:100%;height:auto}.welcome-text p{display:block;margin-bottom:1rem}#welcome{order:2}#welcome p{text-align:justify;text-align-last:left}#education{order:3}.profile-picture{transition:transform .3s}.profile-picture:hover{transform:scale(1.05)}.skills-container{position:relative;display:flex;flex-direction:column;width:100%;padding:3rem 2rem;overflow:hidden;color:var(--color-text-skills)}.skills-container:before{content:"";position:absolute;inset:0;background-image:url(/jernst/assets/bckgnd-DokiZF2K.jpg);background-size:cover;background-position:center 70%;background-color:var(--color-bg-skills);opacity:0;z-index:0;animation:parallaxFade 10.5s cubic-bezier(.2,.8,.2,1) forwards}.skills-container>*{position:relative;z-index:1}.skills-container h3{padding:0rem 1rem 1rem}.skill-section{cursor:pointer;display:grid;grid-template-columns:1fr auto;padding:.5rem 1rem 0rem}.skill-section:hover{background-color:#ffffff0d}ul.skill-groups{padding-left:1.2rem}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:1rem;line-height:1;transition:transform .3s ease;transform-origin:50% 50%}.skill-section.open .icon{transform:rotate(90deg)}.section-title{padding-bottom:.5rem}.skill-items span{display:inline-block;background-color:#ffffff0d;padding:2px 6px;border-radius:4px;margin:2px 2px 2px 0;font-size:.875rem}.skill-label{font-weight:700}@keyframes parallaxFade{0%{opacity:0;transform:translateY(-40px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.social-links{text-align:center;margin-top:3rem}.social-links a{padding:0px 1rem;display:inline-block;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;cursor:pointer}.social-links a:hover{transform:scale(1.1)}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem}.contact h1{font-family:var(--font-family-base);font-size:var(--font-size-xl);font-weight:var(--font-weight-thin);line-height:var(--line-height-tight)}.contact h2{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-thin);line-height:var(--line-height-tight)}.contact a{color:var(--color-link-default);text-decoration:none;word-break:break-word;overflow-wrap:anywhere;transition:color .2s ease}.contact a:hover{color:var(--color-link-hover)}.contact hr{width:100%}footer{text-align:center;padding:3rem 0 1rem;color:var(--color-text-footer);background-color:var(--color-bg-footer)}.footer p{font-size:var(--font-size-sm)}.footer a{color:var(--color-text-footer);text-decoration:none}.footer a:hover{color:var(--color-link-footer-hover)}.install-button{position:fixed;right:24px;bottom:24px;display:flex;align-items:center;justify-content:flex-end;height:48px;width:48px;padding:0 14px;border-radius:10px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #00000014;color:#222;cursor:pointer;overflow:hidden;transition:width .35s cubic-bezier(.4,0,.2,1),background .2s ease,transform .2s ease}.install-button:hover{width:150px;background:#fffc}.icon{flex-shrink:0}.text{margin-right:12px;white-space:nowrap;opacity:0;transition:opacity .25s ease,transform .3s ease}.install-button:hover .text{opacity:1;transform:translate(0)}h3{font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);padding-bottom:1rem}p{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-light);padding-bottom:1em}#education p span{display:block}ul{list-style-type:circle;margin-bottom:1em}a{transition:color .2s ease}hr{border:none;height:1px;background-color:var(--color-hr);margin:2rem 0}button{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-light);padding-bottom:1em}@media screen and (min-width:992px){.welcome-education-profile-container{flex-direction:column;position:relative;padding:5rem}#welcome{order:2;padding-right:34%}#welcome p{text-align:left;text-align-last:auto}#education{order:3}#profile{order:1;position:absolute;top:-50px;right:7rem;width:250px;z-index:2}#profile img{max-width:250px;width:100%;height:auto}#welcome p{line-height:1.65}.welcome-text{display:block}.welcome-text p{display:inline;margin:0}.welcome-text p+p:before{content:" "}.skills-columns{display:flex;gap:40px}.column{flex:1;display:flex;flex-direction:column;gap:24px;list-style:none;padding:0}.skills-container{padding:3rem 2rem 3rem 4rem}.contact h1{font-size:var(--font-size-xxl)}.contact h2{font-size:var(--font-size-xl)}}