.bibliotheque{position:relative;padding:2em;background:var(--main-tablette);width:95%;height:88vh;border-radius:4px 4px 0 0;h2{font-size:4rem;color:var(--main-ice-cream)}ul{position:relative;display:flex;flex-wrap:wrap;gap:.4em;li:first-of-type{margin-left:.5em}li{display:flex;justify-content:center;align-items:center;margin-top:.5em;position:relative;width:100px;height:28vh;border-radius:4px;writing-mode:sideways-lr;font-size:1.8rem;cursor:pointer;svg.livre-ferme{display:none}svg.livre-ouvert{display:block;z-index:9999}.debut{position:fixed;top:320px;opacity:0;width:100px}}.fin{position:fixed;top:12vh;left:0;width:100%;scale:0;&.popup-pirate{fill:var(--pirate-heart);.cls-2{fill:var(--pirate-letter)}}&.popup-gothique{fill:var(--goth-baby-grape);.cls-2{fill:var(--goth-vanilla)}}&.popup-fantaisie{fill:var(--fantasy-grass);.cls-2{fill:var(--fantasy-parchemin)}}}.synopsis{position:absolute;display:none;left:100px;top:150px;z-index:100;opacity:0;writing-mode:horizontal-tb;width:300px;height:300px;border-radius:20px;padding:1em;transition:all .5s ease-in-out}.gothique{color:var(--goth-sad-grape);background:var(--goth-baby-grape);h3{font-family:Beau Rivage;font-size:2.6rem}.synopsis{display:block;background:var(--goth-vanilla-transparent);color:var(--goth-baby-grape);transition:all .5s}.debut{fill:var(--goth-baby-grape);.cls-2{fill:var(--goth-vanilla)}}}.gothique:hover{background:none;h3.titre{display:none;font-family:Beau Rivage;font-size:2.6rem}.synopsis,svg{opacity:1}}.fantaisie{background:var(--fantasy-grass);color:var(--fantasy-deep);h3{font-family:Quintessential;font-size:1.3em}.synopsis{display:block;background:var(--fantasy-parchemin-transparent);color:var(--fantasy-forest);transition:all .5s}.debut{fill:var(--fantasy-grass);.cls-2{fill:var(--fantasy-parchemin)}}}.fantaisie:hover{background:none;h3.titre{display:none}.synopsis,svg{opacity:1}}.pirate{background-color:var(--pirate-heart);color:var(--pirate-beard);h3{font-family:Almendra Display;font-size:1.2em}.synopsis{display:block;background:var(--pirate-letter-transparent);color:var(--pirate-beard);transition:all .5s}.debut{fill:var(--pirate-heart);.cls-2{fill:var(--pirate-letter)}}}.pirate:hover{background:none;h3.titre{display:none}.synopsis,svg{opacity:1}}.tablette{position:fixed;display:flex;flex-direction:column;justify-content:center;width:100%;.tablette-1{background:var(--main-tablette-fonce);margin-bottom:3rem}.tablette-1,.tablette-2{border:10px solid var(--main-tablette-shade);width:90%;height:30vh;border-radius:4px}.tablette-2{background-color:var(--main-tablette-fonce)}}}svg.livre-ferme{display:none}svg.livre-ouvert{display:block;z-index:9999}}