:root{--main-color:#2f2f2f;--background-color:#fff9ef;--selection-color:#f8673a;--font-family:'Inter',sans-serif;--serif-font-family:'Instrument Serif',serif;--border-color:#e0e0e0}@media (prefers-color-scheme:dark){:root{--main-color:#cacaca;--background-color:#1a1a1a;--border-color:#404040}}html{margin:0;padding:0;background-color:var(--background-color)}body{display:flex;justify-content:center;margin:0;padding:0;color:var(--main-color);font-size:16px;line-height:1.4;font-family:var(--font-family);font-smooth:antiliased}h1,h2,h3,h4,h5,h6{font-family:var(--serif-font-family)}::selection{background-color:var(--selection-color);color:#fff}::-webkit-selection{background-color:var(--selection-color);color:#fff}::-moz-selection{background-color:var(--selection-color);color:#fff}.main{max-width:600px;width:100%;display:flex;position:absolute;margin-top:20px}.sidebar{position:fixed;width:150px;border-right:1px solid var(--border-color);text-align:right;padding-right:30px;padding-top:20px;display:flex;flex-direction:column;gap:15px;align-items:flex-end;margin-left:-200px;padding-bottom:50px;top:20px}.sidebar-links{display:flex;flex-direction:column;gap:15px;align-items:flex-end}.avatar{height:64px;height:64px;user-select:none;transition:transform .3s ease}.avatar:hover{transform:rotate(-5deg)}.avatar-link{margin-right:-10px;border:none!important;margin-bottom:10px;padding-right:0!important}.content{padding:20px;padding-top:0;width:100%;padding-bottom:50px}a{color:inherit;text-decoration:none;border-bottom:1px solid var(--main-color);transition:opacity .3s ease}a:hover{opacity:.8}.sidebar a{line-height:1;font-family:var(--serif-font-family);font-size:20px}.sidebar-footer{font-size:12px;opacity:.5;margin-top:20px}.big{display:block}.small{display:none}@media (max-width:900px){.main{display:flex;flex-direction:column}.content{width:auto}.sidebar{position:relative;border-right:none;padding:0;left:0;text-align:left;display:flex;padding-right:0;margin:auto;flex-direction:row;align-items:center;min-height:0;justify-content:space-between;width:calc(100% - 46px);padding-left:23px;padding-right:23px;padding-bottom:0;top:0}.avatar{width:45px;height:45px}.avatar-link{margin-right:0;margin-bottom:0;margin-left:-10px}.sidebar a{font-size:20px}.sidebar-links{flex-direction:row;gap:25px;align-items:center}.big{display:none}.small{display:block}body{font-size:18px}}