:root,[data-theme=dark]{--bg: #25282b;--text: #dadada;--heading: white;--nav-link: white;--footer-text: #cdb380;--accent: rgb(23, 202, 222);--hover-border: rgb(91, 204, 242);--em: #b0b0b0;--hobby: yellow;--logo-bg: #ffffff;--hr: #555;--toggle-bg: rgba(255, 255, 255, .06);--toggle-border: rgba(255, 255, 255, .25);--table-text: #d6d6d6;--table-header-bg: #2f3439;--table-header-text: #e8e8e8;--table-row-bg: #292d31;--table-row-alt: #2e3338;--table-row-hover: #353b41;--table-border: #3a4046}[data-theme=light]{--bg: #f5f5f0;--text: #3a3a3a;--heading: #1b2436;--nav-link: #1b2436;--footer-text: #7a5c2e;--accent: #157db1;--hover-border: rgb(43, 130, 168);--em: #666;--hobby: #9a7d00;--logo-bg: #ffffff;--hr: #ccc;--toggle-bg: rgba(0, 0, 0, .04);--toggle-border: rgba(0, 0, 0, .18);--table-text: #3a3a3a;--table-header-bg: #eceae2;--table-header-text: #2a2f38;--table-row-bg: #ffffff;--table-row-alt: #f6f5f0;--table-row-hover: #eeede7;--table-border: #e2e0d8}body{max-width:960px;margin:0 auto;background-color:var(--bg);color:var(--text);font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;transition:background-color .3s ease,color .3s ease}header,main,nav,footer{text-align:center}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}header h1{grid-column:2;justify-self:center;font-family:"Noto Serif",serif;color:var(--heading);font-size:3em;margin:.4em 0 .2em;text-align:center}header .theme-toggle{position:fixed;top:16px;right:16px;z-index:100;display:inline-flex;align-items:center;gap:.45em;padding:.5em 1em;font-family:Open Sans,sans-serif;font-size:.95em;font-weight:600;line-height:1;color:var(--nav-link);background-color:var(--toggle-bg);border:1px solid var(--toggle-border);border-radius:999px;cursor:pointer;transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .15s ease}header .theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000002e}header .theme-toggle:active{transform:translateY(0);box-shadow:none}header .theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}nav a{position:relative;display:inline-block;font-size:1.8em;margin:0 .5em;padding:4px 6px 10px;text-decoration:none;color:var(--nav-link);transition:color .25s ease}nav a:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:3px;border-radius:3px;background-color:var(--hover-border);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}nav a:hover{color:var(--accent)}nav a:hover:after{transform:scaleX(1)}nav a.active{color:var(--accent);font-weight:700}nav a.active:after{background-color:var(--accent);transform:scaleX(1)}main{display:flex;justify-content:center;align-items:center;gap:30px;margin:30px 20px;flex-wrap:wrap}figure{margin:0}figure img{width:320px;max-width:80vw;height:auto;border-radius:16px}.blurb{max-width:340px;text-align:left;font-size:1.1em;line-height:1.5}.blurb em{color:var(--em)}#content{margin:30px 20px}table{margin:0 auto;border-collapse:collapse;overflow:hidden;border:1px solid var(--table-border);border-radius:10px;box-shadow:0 1px 3px #00000014}td{padding:12px 22px;font-size:1.15em;text-align:left;color:var(--table-text);border-bottom:1px solid var(--table-border)}td strong{color:var(--accent)}#table-header{background-color:var(--table-header-bg)}#table-header td{font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--table-header-text)}#table-header strong{color:var(--table-header-text)}.table-row{background-color:var(--table-row-bg);transition:background-color .2s ease}.table-row:nth-child(2n){background-color:var(--table-row-alt)}.table-row:hover{background-color:var(--table-row-hover)}.table-row:last-child td{border-bottom:none}ul{max-width:500px;margin:30px auto;text-align:left;font-size:1.1em;line-height:1.6}.hobby{color:var(--hobby)}.contact-form{margin:30px auto;max-width:760px}.contact-form iframe{width:100%;max-width:760px;height:760px;border:0}footer{font-size:.8em;color:var(--footer-text);margin-top:40px;padding-bottom:20px}.footer-logo{width:220px;max-width:70vw;height:auto;margin-bottom:8px;background-color:var(--logo-bg)}.logo-light{display:none}.logo-dark,[data-theme=light] .logo-light{display:inline-block}[data-theme=light] .logo-dark{display:none}hr{border:none;border-top:1px solid var(--hr);margin:0 auto;width:90%}