html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{scroll-behavior:smooth}body{background-color:#ffdab3;color:#000;font-family:Arial,sans-serif;padding:1rem;line-height:1.4}@media(min-width: 36em){body{background-image:radial-gradient(at 27% 49%, hsl(76deg, 76%, 67%) 0px, transparent 50%),radial-gradient(at 42% 91%, hsl(138deg, 82%, 73%) 0px, transparent 50%),radial-gradient(at 70% 45%, hsl(89deg, 83%, 77%) 0px, transparent 50%),radial-gradient(at 56% 84%, hsl(255deg, 99%, 74%) 0px, transparent 50%),radial-gradient(at 37% 92%, hsl(76deg, 74%, 69%) 0px, transparent 50%),radial-gradient(at 97% 71%, hsl(94deg, 90%, 71%) 0px, transparent 50%)}}*{box-sizing:border-box}img{max-width:100%}em,cite,i{font-style:italic}summary{cursor:pointer}a{color:#622}sup{vertical-align:super;font-size:smaller}.header__title{font-size:2.2rem;font-weight:bold;display:flex}.header__text{max-width:85ch}.header__nav{margin-top:1em;display:flex;flex-wrap:wrap}.header__nav ul{display:flex;flex-wrap:wrap}.header__nav li{margin-left:.5em}.header__nav li:not(:first-child)::before{content:"|";position:relative;top:-0.0625rem;margin-right:.25em;color:#622}.header__nav a{text-decoration:none}.header__nav a:hover{text-decoration:underline}.book{--base-size: 288;--base-size-rem: calc(var(--base-size) * 0.0625rem);--ratio-width-height: calc(var(--width) / var(--height));--is-portrait: clamp(0, calc((var(--height) - var(--width)) * 999), 1);--ratio-displayed-physical: calc( max(var(--height), var(--width)) / var(--base-size) );--thickness-rem: calc( var(--pages) * var(--thickness-factor) * var(--ratio-displayed-physical) );--thickness-factor: 0.1rem;--big-books-dezoom: calc(var(--thickness-rem) * -0.2);--offset: 0rem;aspect-ratio:var(--width)/var(--height);max-width:min(var(--base-size-rem)*var(--ratio-width-height),var(--base-size-rem));display:flex;align-items:center;justify-content:center;perspective:45rem}@media(min-width: 36em){.book{--base-size: 350}}@media(min-width: 36em){.book{--thickness-factor: 0.17rem}}.book--offset{--offset: 0.1875rem}.book__inner{width:100%;aspect-ratio:var(--width)/var(--height);position:relative;transform-style:preserve-3d;transform:translateZ(var(--big-books-dezoom));transition:1s ease;will-change:transform}@media(max-width: 35.99em){[open]~.book .book__inner{transform:translateZ(var(--big-books-dezoom)) rotateY(-25deg)}}@media(min-width: 36em){.item:hover .book__inner{transform:translateZ(var(--big-books-dezoom)) rotateY(-25deg)}}.book__inner::before{position:absolute;content:" ";top:var(--offset);right:0;width:calc(var(--thickness-rem) - .125rem);height:calc(100% - 2*var(--offset));transform:translateX(calc(var(--thickness-rem) / 2 - 0.125rem - var(--offset))) rotateY(90deg);background:linear-gradient(90deg, #fff 0%, #f9f9f9 5%, #fff 10%, #f9f9f9 15%, #fff 20%, #f9f9f9 25%, #fff 30%, #f9f9f9 35%, #fff 40%, #f9f9f9 45%, #fff 50%, #f9f9f9 55%, #fff 60%, #f9f9f9 65%, #fff 70%, #f9f9f9 75%, #fff 80%, #f9f9f9 85%, #fff 90%, #f9f9f9 95%, #fff 100%)}.book__inner::after{position:absolute;top:0;left:0;content:" ";width:100%;aspect-ratio:var(--width)/var(--height);transform:translateZ(calc(var(--thickness-rem) / -2));background-color:var(--cover-color, white);border-radius:0 .125rem .125rem 0;box-shadow:-0.625rem 0 1rem .625rem rgba(0,0,0,.2)}.book--offset .book__inner::after{background-color:var(--cover-color)}.book__cover{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;transform:translateZ(calc(var(--thickness-rem) / 2));background-color:#01060f;border-radius:0 .125rem .125rem 0;box-shadow:.3125rem .3125rem 1rem rgba(0,0,0,.2)}.book__cover img{object-fit:cover;height:100%;width:100%}.items{margin:3rem 0;display:grid;grid-gap:3rem}@media(min-width: 36em){.items{grid-template-columns:repeat(auto-fill, minmax(22.5rem, 1fr));align-items:flex-end;margin:2rem}}@media(min-width: 36em){.item__header{text-align:center}}.item{display:flex;flex-direction:column}@media(min-width: 36em){.item{background:#fff;padding:1.5rem;box-shadow:.1875rem .1875rem .1875rem rgba(0,0,0,.2)}}.item__title{font-weight:bold;font-size:1.8rem;line-height:1.2}.item__subtitle{font-size:1.4rem;line-height:1.2}@media(min-width: 36em){.item__subtitle{text-align:center}}.item__author{margin-top:.5em}.item__image{margin:2rem 0;align-self:center;width:100%}.item__details{order:1}.item__cta{padding:.5rem;border-radius:.5rem;background:var(--cta-color, var(--cover-color));color:var(--cta-text-color, black)}@media(min-width: 36em){.item__cta{display:none}}.item__description{padding-top:1rem}.item__misc{margin:.5rem 0;color:#622}.footer{border-top:1px solid #c39898;padding-top:1rem}@media(min-width: 36em){.footer{border-top:none}} /*# sourceMappingURL=styles.css.map */