body {color:#FFE57F;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:3%;margin-right:3%}}

header {padding-top:5vh;display:grid;grid-template-columns:1fr 3fr;grid-template-rows:1fr 1fr}

nav.logo {grid-row:1/3;align-self:center}
nav.lang {width:98%;text-align:right;align-self:end;font-size:1.75vw;font-family:Tahoma, sans-serif; line-height:250%;padding:5% 2% 0% 0%;border-bottom:1px solid #FFFFCC;word-spacing:.5rem}
@media only screen and (orientation: portrait) {nav.lang {font-size:3vw;word-spacing:.28rem}}
nav.index {width:98%;text-align:right;align-self: center;font-size:2.25vw;font-family:Tahoma, sans-serif;line-height:300%;padding-right:2%;word-spacing:.75rem}
@media only screen and (orientation: portrait) {nav.index {font-size:3.5vw;word-spacing:.5rem}}
nav.welcome {text-align:right;width:85%;padding-right:15%;font-size:2.25vw;font-family:Tahoma, sans-serif;line-height:300%}
@media only screen and (orientation: portrait) {nav.welcome {font-size:3.5vw}}
nav.sticky {position:sticky;top:env(safe-area-inset-top, 0px);background-color:#303030;text-align:center;font-size:2.25vh;font-family:Tahoma, sans-serif; line-height:250%;clear:both;border-top:1px solid #FFFFCC;border-right:1px solid #FFFFCC;border-left:1px solid #FFFFCC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1000}

a:link {color:#F4F4F4}
a:visited {color:#FFE57F}
a:hover {text-decoration:none;color:#FFE57F}
a:active {text-decoration:none}

.tab-link {text-decoration:none}
.tab-link:hover {transform: scale(1.03)}
.tab-link:active {transform: scale(1.03)}
.logo-pic:hover {filter:sepia(25%)}
.social:hover {filter:sepia(20%)}

div.main {background-color:#303030;padding:.5vh 2% 3vh;border-bottom:1px solid #FFFFCC;border-right:1px solid #FFFFCC;border-left:1px solid #FFFFCC;font-size:1rem;margin-bottom:.25vh}
h1 {font-size:1.25rem;font-family:Times New Roman, serif;color:#FFFFCC}
h2,h3,h4,h5,h6 {font-size:1.1rem;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;line-height:200%;color:#FFFFCC;list-style-type:square}
span {font-family:Cambria, serif;color:#FFFFCC;line-height:165%;font-size:1.1rem}
span.nb {font-family:Helvetica, sans-serif;color:#FFFFCC;line-height:165%;font-size:1.05rem}
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-size:.9rem;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}
section.books {border-top:1px solid #FFFFCC;padding:3vh 0vh 2vh 0vh;clear:both}
div.book {padding:2vh 0vh;font-family:Times New Roman,serif;color:#FFFFCC;font-size:1.25rem;line-height:150%}
.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}}
nav.rows {margin-bottom:3vh;border-bottom:1px solid #FFFFCC;padding:2.5% 0% 3% 0%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:max-content;row-gap:5vh;clear:both}
nav.tabs {display:grid;grid-auto-columns:1fr;grid-auto-rows:auto;align-content:start}
div.thumbs {text-align:center}
div.text {overflow:hidden;text-align:left;font-size:.85rem;line-height:185%;padding:4% 2% 0% 8%}

.thumb {width:65%;height:auto;outline:none;border:none}
.thumb-w {width:85%;height:auto;outline:none;border:none}
	
footer {font-family:Helvetica, sans-serif;margin-top:2vh;border-top:1px solid #FFFFCC;clear:both}

nav.foot {display:grid;grid-template-columns:1fr 3fr 2fr;padding:3%;font-size:1.5vw}
@media only screen and (orientation: portrait) {nav.foot {font-size:3vw}}

div.media {display:grid;grid-template-columns:1fr;padding-right:22%}
div.media > div {padding:1%;text-align:right}
.social {width:35%;height:auto;border:2px ridge white}
div.info {padding:3% 2% 0% 11%;text-align:left;line-height:175%;color:#FFFFCC;border-left:1px solid #FFFFCC}
div.index {padding-left:8%;text-align:left;line-height:300%;border-left:1px solid #FFFFCC}
/**/