html{scroll-behavior:smooth}body,html{margin:0 auto;padding:0;height:100%;font-family:Arial,sans-serif;background-color:#f8f9fa;color:#333;max-width:1600px}.header{display:flex;justify-content:center}.container{display:flex;min-height:100vh}.left-column{width:220px;background-color:#f44336;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:#ff0}.menu{display:flex;flex-direction:column}.menu a{color:#000;text-decoration:none;font-size:16px;padding:10px;margin:5px 0;border-radius:5px;background-color:#fff;transition:background-color .3s ease}.menu a:hover{background-color:#ffeb3b;color:#000}.right-column{flex:1;display:flex;flex-direction:column;padding:20px;background-color:#efefef}.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:#555}a{color:#234c8e}a:hover{text-decoration:none}ol,ul{font-size:1.2rem;margin:20px 0;padding-left:20px}li{margin:10px 0;color:#555}button{margin:4px;padding:10px 20px;font-size:1rem;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#ffeb3b}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}@media (max-width:768px){.container{flex-direction:column}.left-column{width:100%;padding:10px;display:flex;justify-content:space-between;align-items:center}.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:#555}}footer{text-align:center;background-color:#ffeb3b;color:#000;font-size:1rem;line-height:1.6;margin-top:auto}.footer-menu{color:#000}.footer-menu a{color:#000;text-decoration:none}.footer-menu a:hover{color:#a9a9a9}.tool-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px}.tool-button{display:flex;align-items:center;justify-content:center;padding:15px 30px;font-size:1.5rem;cursor:pointer;color:#fff;border:none;border-radius:10px;transition:background-color .3s ease;text-decoration:none;max-width:300px;width:100%;box-sizing:border-box}.link-button,button{padding:15px 30px;font-size:1.5rem;cursor:pointer;color:#fff;border:none;border-radius:10px;transition:background-color .3s ease;text-decoration:none}.link-button:hover,button:hover{background-color:#ffeb3b;color:#000}