body {color:#FFF6F7;font-family:verdana, sans-serif;background-color:black;margin:0px;padding:0px}

div.body {margin-left:18%;margin-right:18%}
@media only screen and (orientation: portrait) {div.body {margin-left:2%;margin-right:2%}}
header {padding-top:5vh;display:grid;grid-template-columns:2fr 5fr}
nav.logo {align-self:center}
nav.index {width:85%;text-align:right;align-self: center;font-size:2.5vw;font-family:Tahoma, sans-serif;line-height:400%;padding-right:15%;padding-top:12%;word-spacing:.1rem}
@media only screen and (orientation: portrait) {nav.index {font-size:4.25vw;word-spacing:.1rem;font-weight:bold;padding-right:15%;width:89%}}

a:link {color:#DFFF00}
a:visited {color:#FFF6F7}
a:hover {text-decoration:none;color:#FFF6F7}
a:active {text-decoration:none}
.social:hover {filter:sepia(20%)}

div.main {background-color:#303030;padding:1.5vh 2% 3vh;border:1px solid #FFFFCC;font-size:1rem;margin-bottom:.25vh} /*Not the same as main element */
h1 {font-size:1.5rem;font-family:Times New Roman, serif;color:#FFFFCC}
h2,h3,h4,h5,h6 {font-size:1.25rem;font-family:Times New Roman, serif;color:#FFFFCC;line-height:200%}
p {line-height:220%;text-indent:3rem;margin:0px;padding:0px}
ul {font-family:Helvetica, sans-serif;list-style-type:none;line-height:200%}
span {font-family:Cambria, serif;color:#FFFFCC;line-height:165%;font-size:1.25rem}
aside {font-family:Helvetica, sans-serif;line-height:175%;padding:1.5%;margin-left:7%;border-left:1px solid #FFFFCC;clear:both}
figcaption {font-family:Helvetica, sans-serif;font-style:italic;line-height:135%;color:#FFFFCC}
figure {width:var(--w);margin:1% 3%}
@media (orientation: portrait) {figure {width:calc(var(--w) * 1.15)}}
section.ad {width:100%;margin-top:2vh;margin-bottom:2vh}
.image {width:100%;height:auto;outline:none;border:none}
div.title {margin-top:2vh;font-family:Helvetica, sans-serif;color:#FFFFCC;padding:4% 15% 2.5% 0%;font-size:1.75vw;text-align:right;border-top:1px solid #FFFFCC;clear:both}
@media only screen and (orientation: portrait) {div.title {font-size:4vw}}
	
footer {font-family:Helvetica, sans-serif;margin-top:2vh;border-top:1px solid #FFFFCC;clear:both}

nav.foot {display:grid;grid-template-columns:5fr 2fr;padding:3%;font-size:1.75vw}
@media only screen and (orientation: portrait) {nav.foot {font-size:3.75vw}}
div.info {padding:3% 4% 1% 1%;border-right:1px solid #FFFFCC}
ul.in1 {padding-left:6%;font-size:inherit}
ul.in1 li {margin-bottom:11%;list-style-type:square}
ul.in2 {font-size:inherit;padding-left:4%;margin-bottom:5%}
ul.lang {padding-left:18%;line-height:300%;font-size:inherit}