:root{--primary-color:#333;--secondary-color:#ce3f2b;--background-color:#f0f0f0;--text-color:#333;--link-hover-color:var(--secondary-color);--max-width:1200px}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;width:100%}header{padding:15px 0;text-align:center}header img{max-width:150px;height:auto}header h1{font-size:20px;margin-bottom:10px}header hr{border:none;border-top:2px solid var(--secondary-color);width:50%;margin:10px auto}nav ul{display:flex;justify-content:center;gap:15px;list-style:none;padding:0}nav ul li{display:inline}nav ul li a{text-decoration:none;color:var(--text-color);font-weight:bold;padding:8px 12px;border-radius:5px;transition:background-color .3s ease , color .3s ease}nav ul li a:hover{color:var(--link-hover-color);cursor:pointer}.page-nav{margin-top:20px}.page-nav ul{display:flex;justify-content:center;gap:20px;list-style:none;padding:0}.page-nav ul li{display:inline}.page-nav ul li a{text-decoration:none;color:var(--text-color);font-weight:bold;padding:8px 12px;border-radius:5px;transition:background-color .3s ease}.page-nav ul li a:hover{cursor:pointer}.main-content{margin:0 auto;max-width:var(--max-width);padding:20px}section{padding:50px 0;background-color:#fff;border-bottom:1px solid #ddd;text-align:center}section h2,section p,section li{text-align:center}section:nth-of-type(even) {background-color:#f9f9f9}ol{text-align:center;list-style-position:inside}.language-nav{background-color:var(--primary-color);width:100%;padding:2px 0;height:30px}.language-nav ul{display:flex;justify-content:center;gap:10px;list-style:none;padding:0;height:100%;align-items:center}.language-nav ul li a{color:#fff;font-weight:normal;text-decoration:none;font-size:14px;padding:4px 8px}.language-nav ul li a img{width:16px;height:auto}.language-nav ul li a:hover{color:var(--link-hover-color)}footer{background:var(--primary-color);color:#fff;padding:20px;text-align:center}p,li{line-height:1.6;margin-bottom:0}@media (max-width:768px){header{padding:10px 10px}header h1{font-size:18px}nav ul{flex-direction:column;gap:10px}nav ul li a{padding:6px 10px}.page-nav ul{flex-direction:column;gap:10px}.page-nav ul li a{padding:6px 10px}.language-nav ul{flex-direction:row;flex-wrap:wrap;gap:10px}.language-nav ul li a{padding:4px 14px;font-size:13px}.language-nav ul li a img{width:14px}}