html{scroll-behavior:smooth}body,html{margin:0 auto;padding:0;height:100%;font-family:Arial,sans-serif;background-color:#f8f9fa;color:#2c3e50;max-width:1600px}.container{display:flex;min-height:100vh}.header{align-items:center;margin:0 auto;width:100%;background-color:#ecf0f1;color:#2c3e50;text-align:center;padding:10px}.left-column{width:250px;background-color:#2c3e50;color:#fff;padding:20px;box-shadow:2px 0 5px rgba(0,0,0,.1)}.site-name{font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center;color:#fff}.site-name a{color:#fff}.site-name a:hover{color:#f1c40f}.menu{display:flex;flex-direction:column}.menu a{color:#2c3e50;text-decoration:none;font-size:18px;font-weight:700;padding:10px;margin:5px 0;border-radius:5px;background-color:#ecf0f1;transition:all .3s ease}.menu a:hover{background-color:#515151;color:#fff;transform:translateX(5px)}.right-column{flex:1;display:flex;flex-direction:column;padding:20px;background-color:#fff}.content{flex:1}h1{font-size:2.5rem;color:#2c3e50;margin-top:0}h2{font-size:2rem;color:#2c3e50}h3{font-size:1.75rem;color:#2c3e50}h4{font-size:1.5rem;color:#2c3e50}p{font-size:1.2rem;line-height:1.6;color:#7f8c8d}a{color:#3498db}a:hover{color:#2c3e50;text-decoration:none}ol,ul{font-size:1.2rem;margin:20px 0;padding-left:20px}li{margin:10px 0;color:#7f8c8d}button{margin:4px;padding:10px 20px;font-size:1.5rem;background-color:#2c3e50;color:#fff;margin-bottom:20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button a{color:#fff}button:hover{background-color:#2980b9;color:#fff}table{width:100%;border-collapse:collapse;margin:20px 0}td,th{padding:10px;border:1px solid #3498db;text-align:left}th{background-color:#3498db;color:#fff}img{max-width:100%;height:auto;border-radius:10px;margin:20px 0}.menu-icon{display:none;font-size:1.5rem;cursor:pointer;color:#fff}@media (max-width:768px){.container{flex-direction:column}.left-column{width:100%;padding:10px;display:flex;justify-content:space-between;align-items:center;background-color:#2c3e50}.site-name{margin-bottom:0}.menu{display:none;flex-direction:column;width:100%;background-color:#2c3e50;position:absolute;top:60px;left:0;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1000}.menu.active{display:flex}.menu-icon{display:block;padding-right:20px}.right-column{padding-right:15px}h1{font-size:1.75rem;color:#2c3e50;margin-top:0}h2{font-size:1.5rem;color:#2c3e50}h3{font-size:1.2rem;color:#2c3e50}h4{font-size:1rem;color:#2c3e50}p{font-size:1rem;line-height:1.6;color:#7f8c8d}}.footer-menu{margin-bottom:10px;color:#fff}.footer-menu a{color:#fff;text-decoration:none}.footer-menu a:hover{color:#f1c40f}footer{text-align:center;padding:20px;background-color:#2c3e50;color:#fff;margin-top:auto}.current{background-color:#2c3e50;color:#fff}