html{scroll-behavior:smooth}body,html{margin:0 auto;padding:0;height:100%;font-family:Arial,sans-serif;background-color:#f8f9fa;color:#f44336;max-width:1600px}.container{display:flex;min-height:100vh}.header{align-items:center;width:100%;background-color:#efefef;color:#000;text-align:center;padding:10px}.left-column{width:250px;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:#1d1d1d}.menu{display:flex;flex-direction:column}.menu a{color:#000;text-decoration:none;font-size:18px;font-weight:700;padding:10px;margin:5px 0;border-radius:5px;background-color:#e8e8e8;transition:background-color .3s ease}.menu a:hover{background-color:#373737;color:#fff}.right-column{flex:1;display:flex;flex-direction:column;padding:20px;background-color:#efefef}.content{flex:1}h1{font-size:2.5rem;color:#f44336;margin-top:0}h2{font-size:2rem;color:#f44336}h3{font-size:1.75rem;color:#f44336}h4{font-size:1.5rem;color:#f44336}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 a{color:#e8e8e8}button:hover{background-color:#2a2b2b;color:#e8e8e8}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:#f44336;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:#f44336 margin-top: 0}h2{font-size:1.5rem;color:#f44336}h3{font-size:1.2rem;color:#f44336}h4{font-size:1rem;color:#f44336}p{font-size:1rem;line-height:1.6;color:#555}}.footer-menu{margin-bottom:10px;color:#fff}.footer-menu a{color:#fff;text-decoration:none}.footer-menu a:hover{color:#d3d3d3}footer{text-align:center;padding:20px;background-color:#f44336;color:#fff;margin-top:auto}.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;box-shadow:0 0 15px rgba(105,170,255,.5);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;box-shadow:0 0 15px rgba(105,170,255,.5);transition:background-color .3s ease;text-decoration:none}.link-button:hover,button:hover{background-color:#363636;color:#efefef}.current{background-color:#c80e0e;color:#e8e8ca}