body{--primary-shade: #6f80ec;--primary: #7d8eff;--primary-light: #9da8ff;--primary-contrast: #fff;--secondary-shade: #a381eb;--secondary: #b596f7;--secondary-light: #c7adff;--accent-shade: #c47edb;--accent: #d696eb;--accent-light: #ebadff;--layer0: #eae7f3;--layer1: #d6d5db;--text: #222;--text-light: #323133;--text-shade: #767279;background-color:var(--layer0);font-family:"Rubik",Arial,Helvetica,sans-serif;color:var(--text)}body.force-dark{--primary-shade: #6f80ec;--primary: #7d8eff;--primary-light: #9da8ff;--primary-contrast: #0f0c18;--secondary-shade: #5c4196;--secondary: #6d4cb2;--secondary-light: #7e5ec4;--accent-shade: #c47edb;--accent: #d696eb;--accent-light: #ebadff;--accent-contrast: #0f0c18;--green: #7feb7f;--green-contrast: #0f0c18;--layer0: #151416;--layer1: #1d1c22;--text: #f5f7fd;--text-light: #bdb7c2;--text-shade: #514e53}@media(prefers-color-scheme: dark){body:not(.force-light){--primary-shade: #6f80ec;--primary: #7d8eff;--primary-light: #9da8ff;--primary-contrast: #0f0c18;--secondary-shade: #5c4196;--secondary: #6d4cb2;--secondary-light: #7e5ec4;--accent-shade: #c47edb;--accent: #d696eb;--accent-light: #ebadff;--accent-contrast: #0f0c18;--green: #7feb7f;--green-contrast: #0f0c18;--layer0: #151416;--layer1: #1d1c22;--text: #f5f7fd;--text-light: #bdb7c2;--text-shade: #514e53}}p,ul,li{margin:4px 0;color:var(--text-light)}h1{margin:30px 0}h2{margin:0;margin-top:30px}h3{margin:0;margin-top:15px;margin-bottom:5px}a{color:var(--primary)}button.reveal-email{border:none;border-radius:3px;background-color:var(--primary-light);color:var(--primary-contrast);cursor:pointer}body{min-height:100svh;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}header{max-width:1080px;width:100%;height:60px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--layer1);border-bottom-right-radius:5px;border-bottom-left-radius:5px}header ul{margin:0 18px;padding:0;display:flex;gap:18px;list-style:none}header ul a{color:var(--text);padding:10px 10px;border-radius:3px;text-decoration:none}header ul a .icon{padding-right:10px}header ul a:not(:disabled).active,header ul a:not(:disabled):hover{background-color:rgba(255,255,255,.0941176471)}#logo{max-width:300px;margin:0 20px}#logo svg{width:100%;fill:var(--text)}iframe{height:100%;max-width:1080px;width:100%;flex:1}
