:root{
--bgpos:-50px;
--bodybg:url(/images/darkner_bg.png);
--selborder:#2D2D2D;
--selcolor:#EDEDED;
--selbg:#1E1E1E;
--navbg:#222222;
--navborder:#3b3b3b;
--navcolor:#FFFFFF;
--link:#D0D0D0;
--linkhover:#00FFEA;
--wrapborder:transparent;
--wrapbg:rgba(22,22,22,0.8);
--headerimg:url(/images/darkner_banner.png);
--maincontbg:#222222;
--maincontcolor:#FFFFFF;
--footerhover:#FFFFFF;
}

.lightner{
--bgpos:0;
--bodybg:url(/images/lightner_bg.png);
--selborder:#898989;
--selcolor:#545454;
--selbg:#e1e1e1;
--navbg:#e1e1e1;
--navborder:#3b3b3b;
--navcolor:#3b3b3b;
--link:#707070;
--linkhover:#fa0;
--wrapborder:#fff;
--wrapbg:rgba(255,255,255,0.8);
--headerimg:url(/images/lightner_banner.png);
--maincontbg:#e1e1e1;
--maincontcolor:#3b3b3b;
--footerhover:#131313;
}

.darkner{
--bgpos:-50px;
--bodybg:url(/images/darkner_bg.png);
--selborder:#2D2D2D;
--selcolor:#EDEDED;
--selbg:#1E1E1E;
--navbg:#222222;
--navborder:#3b3b3b;
--navcolor:#FFFFFF;
--link:#D0D0D0;
--linkhover:#00FFEA;
--wrapborder:transparent;
--wrapbg:rgba(22,22,22,0.8);
--headerimg:url(/images/darkner_banner.png);
--maincontbg:#222222;
--maincontcolor:#FFFFFF;
--footerhover:#FFFFFF;
}

body{
margin:0;
background:var(--bodybg);
background-attachment: fixed;
background-size: cover;
background-position-x:var(--bgpos);
image-rendering: pixelated;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.75em;
}
nav{
max-width:100%;
background-color: var(--navbg);
border:1px solid var(--navborder);
padding:0.3em;
display: flex;
justify-content: space-between;
color: var(--navcolor);
}
.navlinks{
color:var(--navcolor);
}
a{
color:var(--link);
font-weight: 600;
text-decoration: none;
}
a:any-link{
color:var(--link);
text-decoration: none;
}
a:hover{
color:var(--linkhover);
}
.wrapper{
border:1px solid var(--wrapborder);
border-bottom: none;
background-color:var(--wrapbg);
margin:0 auto;
width:1000px;
}
header{
background-image:var(--headerimg); 
width:1000px;
height:160px;
display: flex;
align-items: center;
}
.logo{
background-image: url('/images/logo.png');
width:201px;
height:82px;
margin-left:4em;
}
p:first-child{
margin-left:0.5em;
}
.main-cont{
background-color: var(--maincontbg);
padding:0.5em;
color:var(--maincontcolor);
}
.main-cont p{
margin:0 0 0.3em 0;
}
.main-cont > *:last-child{
margin-bottom: 0;
padding-bottom: 0.3em;
}
h1{
margin:0.2em 0 0.3em;
font-size: 1.5em;
}
ol, ul{
padding-left:2em;
}
li{
margin-top:0.5em;
}
.segundo{
text-align: center;
}
.segundo > a, .segundo > span{
color:var(--link);
font-weight: 600;
font-size: 0.85em;
}
.segundo > a:hover{
color:var(--footerhover);
}
.segundo > a{
margin-bottom: 0.4em;
}
.navlinks{
font-weight:600;
}
textarea{
resize: none;
margin:0.5em 0;
}
select{
border-radius: 0;
margin:1em 0;
border:1px solid var(--selborder);
color:var(--selcolor);
background:var(--selbg);
font-family: verdana, helvetica, sans-serif;
font-size: 0.98em;
}