:root {
--green: #00ff41;
--green-dim: #00c030;
--green-dark: #003310;
--red: #ff2020;
--red-dim: #cc1010;
--red-glow: rgba(255,32,32,0.4);
--black: #050a05;
--surface: #0a110a;
--surface2: #0f1a0f;
--mono: 'Share Tech Mono', monospace;
--display: 'Orbitron', monospace;
--body: 'Rajdhani', sans-serif;
--link: #dd0;
--link-h: #ff8;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    background: var(--black);
    color: #000;
    font-family: var(--body);
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
    text-align:center;
    margin:0 auto;
    max-width:1200px;
}


.tops {font:normal 11px tahoma,arial;color:#999;}

.nav-bot { display:flex; list-style:none; flex-grow:1;width:100%; justify-content:space-around; padding:0;margin:0; }
.nav-bot li { line-height:1; font-size:95%;}
.nav-bot a {color:var(--link);text-decoration:underline #888 dotted 1px;}
.nav-bot a:hover {color:var(--link-h);text-decoration:underline #888 solid 1px;}

footer {display:flex;flex-direction:column;background:#333333;padding-top:0.5em;padding-bottom:1.5em;text-align:left;width:100%;}

.nav-top {
	display:flex;
	list-style:none;
	flex-direction:column;
	flex-grow:1;
	width:100%;
	justify-content:flex-end;
	align-items:center;
	line-height:100%;
	font-size:1.5rem;
}
.nav-top li {padding:0.5em;}


.hamburger-button { position:absolute; z-index:90; display: flex; flex-direction: column; flex-wrap: wrap;justify-content: space-between;height: 2.5rem;width: 2.5rem;cursor: pointer; }
.hamburger-button-close .hamburger-button-top { transform: rotate(45deg); background:#000; }
.hamburger-button-close .hamburger-button-middle { opacity: 0; background:#000; }
.hamburger-button-close .hamburger-button-bottom { transform: rotate(-45deg); background:#000; }
.hamburger-button-top,.hamburger-button-middle,.hamburger-button-bottom { height: 5px; background: white; border-radius: 5px; margin: 3px 0px; transform-origin: left; transition: all 0.5s; }

a { color:#00a; text-decoration:underline #a00 solid 1px; }
a:hover { color:#00f; text-decoration:underline #f00 solid 3px; }

a.f1 {color:#ddd;}
a.f1:hover { color:#fff; text-decoration:underline #f00 solid 3px; }
a.ctg {font-size:1.2rem;padding-top:0.5em;}

.A1 { font-size:1.2rem;}
.A1 h1,h2,h3,h4 { font-weight:bold;line-height:1;padding-top:1em;padding-bottom:0.5em;}
.A1 h1 { font-size:2rem;text-transform:uppercase; }
.A1 h2 { font-size:1.8rem; }
.A1 h3 { font-size:1.6rem; }
.A1 h4 { font-size:1.4rem; }
.A1 ul { list-style-position:inside; padding:0;padding-bottom:1em;}
.A1 ul li { padding-left:2em;}
.A1 p {line-height:1.2;padding-bottom:1em;}
.A1 a { color:#00a; text-decoration:underline #a00 solid 2px; }
.A1 a:hover { color:#00f; text-decoration:underline #f00 solid 3px; }

.A2 {font-size:1.2rem;}
h1.ctg {text-transform:uppercase;}

a.tb {text-transform:uppercase; color:#ccc;text-decoration:underline #444 dotted 1px;}
a.tb:hover {color:#fff;}

@media(max-width:768px){
	.tops {display:none;}
	.nav-bot {flex-direction:column;}
	.nav-bot li {line-height:2;	text-transform:uppercase;}
	.om {display:inline-block;}
	.vm {display:none;}
	footer {text-align:center;padding:}
	.nb2 {border-bottom:1px solid #222;padding-bottom:.5em;margin-bottom:0.6em;}
}
@media(min-width:768px){
	.om {display:none;}
	.vm {display:inline-block;}
	footer {padding-left:1em;padding-right:1em;font-size:80%;}
}
@media(min-width:1000px){
	footer {padding-left:2em;padding-right:2em;font-size:100%;}
	.A1 {padding-left:2em;padding-right:2em;}
}

.nds { display:inline; }
#mmw0 {display:none;z-index:199;background-color:#888;}