:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);color:#0a0a0a;background:var(--background);background-color:#ffffff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.layout{display:flex;position:relative}.sidebar{width:250px;color:#333;background-color:white;padding:15px;position:fixed;top:0;left:0;height:100%;transition:width .3s ease;overflow-y:auto;z-index:5}.sidebar ul{list-style-type:none}.sidebar li{padding:10px 0}.sidebar a{color:rgb(0,0,0);text-decoration:none;display:flex;align-items:center}.sidebar a span{margin-left:10px}.sidebar .hamburger{background:none;border:none;color:white;font-size:30px;cursor:pointer}.sidebar.mobile{width:70px}.sidebar.open.mobile{width:250px}.sidebar .open ul li a span{display:inline}.content{margin-left:250px;padding:20px;flex:1 1;background-color:#f4f4f4;transition:margin-left .3s ease}.navbar{background-color:#007bff;padding:10px;color:rgb(0,0,0);position:fixed;width:calc(100% - 250px);top:0;left:0;z-index:10}.navbar h1{margin:0}.children-content{margin-top:60px;padding:20px;overflow-y:auto}@media (max-width:768px){.sidebar{width:0;position:fixed}.sidebar.open{width:250px}.content,.navbar{margin-left:0}.navbar{width:100%}.sidebar a span{display:none}.sidebar.open a span{display:inline}.sidebar .hamburger{display:block}}