:root{--background-color:#f5f5f5;--text-color:black;--bg-color:#e0e0e0;--bg:white;--aside-bg-color:#f0f0f0;--gray:#00000029;--accent-color:#0078ff;--aside-width:250px;--header-height:48px;--footer-height:48px}html.dark{--background-color:#121212;--text-color:#f5f5f5;--bg-color:#1e1e1e;--bg:#1a1a1a;--aside-bg-color:#181818;--gray:#222}@font-face{font-family:Blogger sans;src:url(../media/Blogger_Sans-Medium.0882f6d9.otf)format("otf")}*{font-family:Blogger sans,sans-serif}html,body{scroll-behavior:smooth;grid-template:"aside header header""aside main main"1fr"aside footer footer"/250px 1fr 1fr;width:100vw;height:100vh;margin:0;display:grid;overflow-x:hidden}ul{padding:0}button{cursor:pointer;color:var(--text-color);background:0 0;border:none;font-size:16px;display:flex}.aside{background-color:var(--aside-bg-color);height:100vh;width:var(--aside-width);padding:10px 0;position:fixed;top:0;left:0;overflow:auto}.header{background-color:var(--bg-color);left:var(--aside-width);z-index:10;padding:10px 0;position:fixed;top:0;right:0}.main{inset:var(--header-height)0 var(--footer-height)var(--aside-width);margin-top:20px;position:fixed;overflow:auto}.footer{background-color:var(--bg-color);left:var(--aside-width);z-index:10;position:fixed;bottom:0;right:0}a{color:var(--text-color);text-decoration:none}.mb{margin-bottom:25px}.lock-scroll,.lock-scroll body{height:100%!important;overflow:hidden!important}@media (max-width:768px){html,body{scroll-behavior:smooth;width:100%;height:auto;margin:0;display:block;overflow-x:hidden}.aside{width:auto;display:none;position:static}.header,.footer,.main{height:auto;position:static;inset:auto}.footer{display:none}.main{overflow:hidden visible}}