:root{--darkBg: #edf0f0;--pageBg: #ffffff;--logo: #e23333;--titles: #334449;--socials: color-mix(in srgb, var(--titles) 50%, transparent);--accent: #e23333;--text: color-mix(in srgb, var(--titles) 70%, var(--pageBg));--muted: #9ea8a8;--border: #eaebf0;--titleFont: "Bricolage Grotesque", sans-serif}.about{--darkBg: #c75c5c;--pageBg: #f7dada;--logo: #ffffff;--titles: #4d1a1a;--socials: color-mix(in srgb, var(--titles) 50%, transparent);--accent: #e23333;--text: color-mix(in srgb, var(--titles) 70%, var(--pageBg));--muted: color-mix(in srgb, var(--titles) 40%, var(--pageBg));--border: color-mix(in srgb, var(--titles) 20%, var(--pageBg))}.projects{--darkBg: #144b49;--pageBg: #ddefef;--logo: #ffffff;--titles: #0a2524;--socials: color-mix(in srgb, var(--pageBg) 30%, transparent);--accent: #b79409;--text: color-mix(in srgb, var(--titles) 70%, var(--pageBg));--muted: color-mix(in srgb, var(--titles) 40%, var(--pageBg));--border: color-mix(in srgb, var(--titles) 20%, var(--pageBg))}.tech{--darkBg: #3178c6;--pageBg: #d2e4f7;--logo: #ffffff;--titles: #1a3c64;--socials: color-mix(in srgb, var(--titles) 50%, transparent);--accent: #248cff;--text: color-mix(in srgb, var(--titles) 70%, var(--pageBg));--muted: color-mix(in srgb, var(--titles) 40%, var(--pageBg));--border: color-mix(in srgb, var(--titles) 20%, var(--pageBg))}.books{--darkBg: #4d8a5c;--pageBg: #d8f0da;--logo: #ffffff;--titles: #1a3d1a;--socials: color-mix(in srgb, var(--titles) 50%, transparent);--accent: #4d8a5c;--text: color-mix(in srgb, var(--titles) 70%, var(--pageBg));--muted: color-mix(in srgb, var(--titles) 40%, var(--pageBg));--border: color-mix(in srgb, var(--titles) 20%, var(--pageBg))}.photos{--darkBg: #4d8ac9;--pageBg: #d0e7f7;--logo: #ffffff;--titles: #1a2a4d;--socials: color-mix(in srgb, var(--titles) 50%, transparent);--accent: #218bf8;--text: color-mix(in srgb, var(--titles) 70%, var(--pageBg));--muted: color-mix(in srgb, var(--titles) 40%, var(--pageBg));--border: color-mix(in srgb, var(--titles) 20%, var(--pageBg))}.bikes{--darkBg: #3c5fa5;--pageBg: #d0d9f7;--logo: #ffffff;--titles: #1a2a4d;--socials: color-mix(in srgb, var(--titles) 50%, transparent);--accent: #2367f0;--text: color-mix(in srgb, var(--titles) 70%, var(--pageBg));--muted: color-mix(in srgb, var(--titles) 40%, var(--pageBg));--border: color-mix(in srgb, var(--titles) 20%, var(--pageBg))}.hikes{--darkBg: #87a25c;--pageBg: #edf4e3;--logo: #ffffff;--titles: #3e4d1a;--socials: color-mix(in srgb, var(--titles) 50%, transparent);--accent: #b08a33;--text: color-mix(in srgb, var(--titles) 70%, var(--pageBg));--muted: color-mix(in srgb, var(--titles) 40%, var(--pageBg));--border: color-mix(in srgb, var(--titles) 20%, var(--pageBg))}.contacts{--darkBg: #191919;--pageBg: #292929;--logo: #ffffff;--titles: #ffffff;--socials: color-mix(in srgb, var(--titles) 50%, transparent);--accent: #fff;--text: color-mix(in srgb, var(--titles) 70%, var(--pageBg));--muted: color-mix(in srgb, var(--titles) 40%, var(--pageBg));--border: color-mix(in srgb, var(--titles) 20%, var(--pageBg))}body{margin:0;padding:0 0 0 300px;font-family:-apple-system,BlinkMacSystemFont,Avenir Next,Segoe UI,Roboto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--pageBg)}.hide-h1{position:fixed;top:-150px;left:-150px}#side{position:fixed;top:0;bottom:0;left:0;width:300px;background-color:var(--darkBg);display:flex;flex-direction:column;align-items:flex-end;padding:60px 40px 0;box-sizing:border-box}#logo svg path{fill:var(--logo)}#socials{display:flex;align-items:center;justify-content:center;gap:10px;max-width:50px;flex-wrap:wrap;margin-top:40px}#socials a svg path{fill:var(--socials)}#socials a:hover svg path{fill:var(--pageBg)}.home #socials a:hover svg path{fill:var(--accent)}.contacts #socials a:hover svg path{fill:var(--logo)}#redpanda{position:absolute;bottom:0;left:20px}footer{background-color:var(--darkBg);position:fixed;bottom:0;right:0;left:230px;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-right:20px}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:20px}nav ul li{margin-bottom:0}nav ul li a{text-decoration:none;color:var(--pageBg);font-size:15px;font-weight:600}.home nav ul li a{color:var(--titles)}.contacts nav ul li a{color:var(--muted)}nav ul li a:hover{color:var(--titles)}.home nav ul li a:hover{color:var(--accent)}footer span{font-size:11px}#copyright{position:fixed;top:20px;right:20px;color:var(--muted);font-size:12px;background-color:var(--pageBg)}#copyright a{color:var(--muted)!important}#ally{color:var(--pageBg)}.home #ally{color:var(--titles)}.contacts #ally{color:var(--muted)}main{padding:110px 40px 100px;max-width:700px}h1{font-family:var(--titleFont);font-size:40px;line-height:46px;color:var(--titles);margin:0}h2{font-size:26px;line-height:32px}h3{font-size:22px;line-height:28px}.back{display:block;margin-bottom:30px;font-size:14px;color:var(--titles);text-decoration:none}.back:hover{font-weight:500;text-decoration:underline}#posts{margin:46px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:30px}.post-content{color:var(--text);font-size:16px;line-height:26px;padding:0;margin:2px 0 0}.content-container{display:flex;flex-direction:column;gap:10px;margin-top:20px}.content-container p{color:var(--text);font-size:16px;line-height:26px;margin-top:0}.content-container ul{margin-top:0;padding:0 0 0 16px}.content-container li{color:var(--text);font-size:16px;line-height:26px;margin-top:0}.content-container h1,.content-container h2,.content-container h3,.content-container h4,.content-container h5,.content-container h6{font-family:var(--titleFont);margin:0;color:var(--titles)}.content-container a{color:var(--accent)!important;text-decoration:none}.content-container h1 a,.content-container h2 a,.content-container h3 a,.content-container h4 a,.content-container h5 a,.content-container h6 a{font-family:var(--titleFont);color:var(--titles)!important;margin:0}.content-container a:hover{text-decoration:underline}.content-container pre{margin:0;padding:10px 20px;border-radius:6px;border:1px solid color-mix(in srgb,var(--muted) 40%,transparent)}.content-container p>img{max-width:100%;height:auto;display:inline-block;margin-bottom:-20px}code{font-weight:500!important;font-family:Martian Mono!important;font-size:12px;line-height:20px}#menu-toggle{display:none}.hcard{opacity:0;pointer-events:none;position:absolute;top:-1000px}@media(max-width:950px){#side{width:100%;left:0;padding:14px 20px;bottom:initial;flex-direction:row;justify-content:space-between;align-items:center;z-index:9}#logo{display:block}#logo svg{height:40px;width:46px}#socials{max-width:999px;margin:0}#redpanda{position:fixed;bottom:0;left:0;width:115px;z-index:8}body{padding:0}main{padding-left:20px;padding-right:20px;padding-bottom:140px}h1{font-size:24px;line-height:32px}#posts{margin-top:30px}.content-container p{font-size:14px;line-height:22px}code{font-size:11px;line-height:18px}#copyright{display:none}#ally{position:fixed;right:14px;bottom:70px;transform:scale(.8)}footer{position:fixed;left:0;right:0;z-index:1;justify-content:end}#menu{position:fixed;background-color:var(--darkBg);bottom:60px;left:0;right:0;flex-direction:column;padding:20px 20px 30px;text-align:right;display:none}nav ul li a{display:block;height:30px}#menu.open{display:block}#menu-toggle{display:block;font-size:14px;text-transform:uppercase;background-color:#0000001a;border:0;border-radius:6px;padding:6px 12px;color:var(--titles);font-weight:600}}