.site-nav { position: absolute; top: 9px; right: 15px; background-color: white; border: 1px solid #1d3e61; border-radius: 5px; text-align: right; }

.site-nav .nav-trigger { display: none; }

.site-nav .menu-icon { float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }

.site-nav .menu-icon > svg path { fill: #1d3e61; }

.site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; }

.site-nav input ~ .trigger { clear: both; display: none; }

.site-nav input:checked ~ .trigger { display: block; padding-bottom: 5px; }

.site-nav .page-link { color: #333; line-height: 20px; display: block; padding: 5px 10px; margin-left: 20px; }

.site-nav .page-link:not(:last-child) { margin-right: 0; }

@media screen and (min-width: 600px) { .site-nav { position: static; float: none; border: none; background-color: inherit; text-align: justify; text-align-last: center; } .site-nav label[for="nav-trigger"] { display: none; } .site-nav .menu-icon { display: none; } .site-nav input ~ .trigger { display: block; } .site-nav .page-link { display: inline-block; padding: 5px; margin: 0px; } }

.print-licence { display: none; }

@media print { div { break-inside: avoid; } .banner { display: none; } .site-nav { display: none; } .print-licence { padding: 10px; display: block; border-width: 1px; border-style: solid; border-color: #1d3e61; } .web-licence { display: none; } }

.current { color: #aac5dc; }

a:link { color: #1d3e61; }

a:visited { color: #416788; }

a:active { color: #aac5dc; }

a:hover { color: #e38875; }

img[src*="#book_cover"] { border: 5px solid #1d3e61; width: 250px; position: relative; left: 250px; }

@media screen and (max-width: 600px) { .banner { padding-right: 70px; } .banner img { width: 100%; } }

@media screen and (min-width: 600px) { .banner img { width: 750px; } }

body { margin-left: auto; margin-right: auto; max-width: 750px; font: 100% Helvetica, sans-serif; color: #333; }

body li { padding: 0px 12px; text-decoration: none; }

footer { padding: 6px 12px; }

.wrapper { max-width: calc(750px - (30px)); margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }

@media screen and (min-width: 800px) { .wrapper { max-width: calc(750px - (30px * 2)); padding-right: 30px; padding-left: 30px; } }

/*# sourceMappingURL=styles.css.map */