:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#3a414e;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #3A414E;--highlight-color: #3a76d5}::selection{background:#ff971e7f}a,a:visited{color:var(--highlight-color);text-decoration:inherit;font-weight:700}a:focus-within{outline:2px dotted var(--highlight-color);outline-offset:2px}a:hover{text-decoration:2px underline #90b1ff;text-underline-offset:5px}body{margin:0;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}main{display:flex;flex-direction:column;padding:3rem;gap:1rem;max-width:640px}.logo-container{position:relative;display:flex;flex-direction:row;align-items:center;gap:1rem;line-height:1;color:var(--primary-color)}.logo-container>svg{position:absolute;overflow:visible;transform:translate(-130%);width:4rem}.logo-container>h1{text-transform:uppercase;font-weight:900;font-size:1.3rem;margin:0}.logo-container>h1>span{display:block;font-weight:700;text-transform:lowercase;font-size:.9rem}.about{max-width:30rem;line-height:1.6}section{display:flex;flex-direction:column}section>h2{font-size:1rem;font-weight:600;margin:0;margin-bottom:.3rem;padding:.3rem 0;border-bottom:1px solid #d2d2d2}.links{list-style:none;margin:0;padding:.3rem 0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:.3rem}.links .email b{display:none}.links>li:not(:first-child):before{content:"-";font-weight:600;opacity:.2;margin-right:.2rem;margin-left:.1rem}footer{font-size:.8rem;opacity:.4;font-weight:500}.decorator{z-index:-1;position:absolute;top:0;left:0;width:100vw;height:100dvh;overflow:hidden;pointer-events:none}.decorator svg{width:clamp(500px,50vw,1800px);height:clamp(500px,50vw,1800px);position:absolute;color:#f5f5f5}.decorator .decorator-1{bottom:clamp(-1200px,50vw,-200px);right:clamp(-100px,50vw,-400px)}.decorator .decorator-2{top:clamp(-1200px,50vw,-200px);left:clamp(-200px,50vw,-120px)}@media screen and (max-width: 670px){.logo-container>svg{transform:none;position:relative}}@media screen and (max-width: 400px){main{padding:1rem!important}}