*{box-sizing:border-box}html{min-height:100%;margin:0}body{margin:0;font-family:Arial,sans-serif;color:#1f2937;line-height:1.7;background:#111;overflow-x:hidden}.site-bg{position:fixed;inset:0;z-index:-2;background-image:url(/img/bg15.webp);background-size:cover;background-position:center center;background-repeat:no-repeat}.site-bg:after{content:"";position:absolute;inset:0;background:#ffffff0d;z-index:-1}.main{position:relative;min-height:100dvh;padding:clamp(16px,4vw,48px);box-sizing:border-box;max-width:1600px;margin:0 auto}.logo-h1 a,.logo-h1 a:visited,.logo-h1 a:hover{color:#fff;text-decoration:none}.logo-h1{font-size:clamp(2rem,10vw,4rem);color:#fff;text-shadow:2px 2px 10px #000000;margin:0 0 3rem;font-weight:700;line-height:1.05}.logo-h1-2{color:#ff9800}.wrapper{display:flex;align-items:flex-start;gap:1.5rem}.menu{width:fit-content;padding:.5rem 1rem;background-color:#00000096;display:flex;flex-wrap:wrap;flex-direction:column;gap:0;border-radius:1rem;color:#eee}.menu>div{line-height:1.1;font-size:1.4rem;font-weight:700;margin:0 0 1rem}.menu>div:first-child{margin-top:1rem}.menu a,.menu a:visited,.menu a:hover{color:#fff;color:#eee}.menu a,.menu a:visited{text-decoration:none}.menu a:hover,.menu div.current a{color:#ffeb3b!important}.content{color:#eee;background-color:#000c;padding:2rem;border-radius:1rem}.content>*:first-child{margin-top:0}.content a,.content a:visited,.content a:hover{color:#0479c0}.content h1,.content h2{line-height:1.2}.content img{max-width:calc(100% + 4rem);width:calc(100% + 4rem);height:auto;margin-left:-2rem}.footer{margin:1rem 0;display:flex;flex-direction:row;justify-content:center;color:#fff}@media(max-width:1600px){.site-bg{background-position:30% center}}@media(max-width:1400px){.site-bg{background-position:10% center}}@media(max-width:768px){.site-bg{background-position:50% top}.main{padding:16px}.logo-h1{margin-bottom:2rem}.wrapper{flex-direction:column}.menu{flex-direction:row;background-color:#000000c7}.menu>div{margin:0 1rem 0 0;line-height:1.5;font-size:1.2rem}.menu>div:first-child{margin-top:0}}@media(max-width:500px){.main{padding:1rem .5rem}.logo-h1{margin-bottom:1.5rem}.menu{padding:.5rem .9rem}.menu>div{font-size:1.1rem;margin:0 .5rem 0 0}.content{padding:1rem}.content img{max-width:calc(100% + 2rem);width:calc(100% + 2rem);margin-left:-1rem}}