:root{color-scheme:light;--color-bg: #fff;--color-text: #000;--color-text-muted: #666;--color-accent: #b6262c;--color-accent-light: #d63940;--color-accent-shadow: rgba(182,38,44,0.15);--color-contact-bg: #f9f9fb;--color-contact-fg: #535358;--color-footer-fg: #4f515d;--color-border: #eee;--color-spinner: #3d3d3d}:root[data-color-scheme="dark"]{color-scheme:dark;--color-bg: #121214;--color-text: #e6e6e6;--color-text-muted: #9a9a9a;--color-accent: #d74248;--color-accent-light: #e06c71;--color-accent-shadow: rgba(215,66,72,0.2);--color-contact-bg: #232328;--color-contact-fg: #b6b6bc;--color-footer-fg: #a0a2ad;--color-border: #2c2c2e;--color-spinner: #d0d0d0}@media (prefers-color-scheme: dark){:root:not([data-color-scheme="light"]){color-scheme:dark;--color-bg: #121214;--color-text: #e6e6e6;--color-text-muted: #9a9a9a;--color-accent: #d74248;--color-accent-light: #e06c71;--color-accent-shadow: rgba(215,66,72,0.2);--color-contact-bg: #232328;--color-contact-fg: #b6b6bc;--color-footer-fg: #a0a2ad;--color-border: #2c2c2e;--color-spinner: #d0d0d0}}*{margin:0;padding:0}html,body{font-family:Jura, sans-serif;font-size:1rem;height:100%;background-color:var(--color-bg);color:var(--color-text)}body{display:flex;flex-direction:column}.wrap{flex:1 0 auto;width:92%;margin:0 auto;margin-top:5em}@media only screen and (min-width: 1024px){.wrap{width:1024px}}a{color:var(--color-accent);text-decoration:none;transition:color 0.5s}a:visited,a:hover,a:active{text-decoration:none}::selection{background-color:var(--color-accent);color:white}.footer{flex-shrink:0;width:92%;height:auto;box-sizing:border-box;color:var(--color-footer-fg);font-size:0.8rem;text-align:center;text-transform:uppercase;margin:0 auto;padding-top:18px;padding-bottom:18px;border:0;border-top:1px solid var(--color-border)}@media only screen and (min-width: 1024px){.footer{width:1024px}}.footer p{margin-top:0.4em;margin-bottom:0.4em}.footer a:hover{color:var(--color-footer-fg)}.profile{text-align:center}.profile .portrait{position:relative;max-width:10rem;margin:0.6em auto}.profile .portrait .spinner{width:10rem;height:10rem;border:0.5em solid var(--color-spinner);border-right-color:var(--color-accent);border-bottom-color:var(--color-accent);border-radius:50%;transition:transform 0.8s ease-in-out}.profile .portrait:hover .spinner{transform:rotate(180deg)}.profile .portrait .img{position:absolute;width:100%;top:0.5em;bottom:0.5em;left:0.5em;right:0;background-position:center;background-size:cover;border-radius:50%}.profile .name{font-family:Roboto, sans-serif;font-weight:100;font-size:2rem;margin:0.2em auto}.profile .name b{font-weight:bold}.profile .title{font-size:1rem;text-transform:uppercase;color:var(--color-accent);margin:0.8em auto}.profile .bio{font-size:0.9rem}.profile .bio p{margin-top:0.9em}.profile .bio a:hover{color:initial}@media only screen and (min-width: 720px){.profile .portrait{max-width:11rem}.profile .portrait .spinner{width:11rem;height:11rem}.profile .name{font-size:2.4rem}.profile .title{font-size:1.1rem}}@media only screen and (min-width: 1024px){.profile .portrait{max-width:12rem}.profile .portrait .spinner{width:12rem;height:12rem}.profile .name{font-size:2.5rem}.profile .title{font-size:1.2rem}}.contacts{margin:2.2rem auto;text-align:center;font-size:1.2rem}.contacts .contact{display:inline-block;width:2.2em;height:2.2em;line-height:2.2em;margin:0.25em;background:var(--color-contact-bg);border-radius:100%;color:var(--color-contact-fg);text-align:center;transition:all 0.3s ease-in-out}.contacts .contact:hover{background:var(--color-accent);color:#fff;box-shadow:0 0 1px 7px var(--color-accent-shadow)}.actions{margin:3em auto;text-align:center;font-size:1rem}.actions .action{position:relative;display:inline-block;margin:1.2em 1.2em;width:11em;height:2em;line-height:2em;text-transform:uppercase;font-weight:700;color:var(--color-text)}.actions .action:after{content:"";transition:0.5s all ease;backface-visibility:hidden;position:absolute;width:100%;height:2px;left:50%;bottom:-0.3em;background:var(--color-accent-light);transform:translateX(-50%)}.actions .action:hover:after{width:0}.actions .action:hover{color:var(--color-text-muted)}.scheme-toggle{position:fixed;top:1.2rem;right:1.2rem;z-index:10;display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:3.6em;height:2em;padding:0 0.5em;border:0;border-radius:1em;background:var(--color-contact-bg);color:var(--color-contact-fg);font-size:0.9rem;cursor:pointer;transition:background 0.3s ease-in-out}.scheme-toggle i{z-index:1;font-size:0.85em}.scheme-toggle .thumb{position:absolute;top:0.2em;left:0.2em;width:1.6em;height:1.6em;border-radius:50%;background:var(--color-accent);transition:transform 0.3s ease-in-out}.scheme-toggle[aria-checked="false"] .fa-sun,.scheme-toggle[aria-checked="true"] .fa-moon{color:#fff}.scheme-toggle[aria-checked="true"] .thumb{transform:translateX(1.6em)}.scheme-toggle:hover{box-shadow:0 0 1px 4px var(--color-accent-shadow)}