@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=arrow_forward,arrow_forward";:root{--book-width: 396px;--book-height: 559px;--book-border: 3px solid rgb(49, 91, 131);--bg-page: rgb(230, 176, 230);--transition-speed: 1s;--buton-cuprins-width: 100px;--buton-cuprins-height: 30px}.carte-main{background-color:#e6b0e6}.home-wrapper{display:flex;height:5vh;min-height:0;max-height:fit-content;align-items:center;justify-content:center;transition:all 1s ease}.home-wrapper .buton{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.25rem 1.5rem;background-color:#2f5d83;border:3px solid rgb(214,157,167);border-radius:1em;color:#f7d4da;text-decoration:none;font-family:var(--font-h1);font-weight:700;font-size:clamp(1em,calc(.5em + 1.2vw),10em);transition:all .3s ease}.home-wrapper .buton:hover{transform:scale(1.05);box-shadow:0 0 20px #83e9f099,0 0 60px #83e8f066}.carte-main{background-color:#00000030;background-blend-mode:overlay;max-width:100vw;margin:0}.ghid-wrapper{width:100vw;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;touch-action:manipulation;overflow:hidden}.book-wrapper{position:relative}.book{position:relative;width:var(--book-width);height:var(--book-height);transition:transform var(--transition-speed)}.paper{position:absolute;inset:0;perspective:2000px}.front,.back{position:absolute;width:100%;height:100%;inset:0;transform-origin:left;transition:transform var(--transition-speed)}.front{z-index:1;border-left:var(--book-border);backface-visibility:hidden}.back{z-index:0}.front-content,.back-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f8ff}.back-content{transform:rotateY(180deg)}.flipped .front,.flipped .back{transform:rotateY(-180deg)}button{border:none;background-color:transparent;cursor:pointer;transition:transform var(--transition-speed);user-select:none;-webkit-tap-highlight-color:transparent}button:focus{outline:none}#prev-btn,#next-btn{position:absolute;inset:0;width:100%;height:100%;z-index:1;user-select:none;-webkit-tap-highlight-color:transparent}#prev-btn{left:0%;display:none}#next-btn svg{transform:translate(-50%) translateY(-50%);display:none}#cuprins-btn,#buton-cuprins-narrow{position:absolute;top:calc(-1 * var(--buton-cuprins-height));left:10px;width:var(--buton-cuprins-width);height:var(--buton-cuprins-height);font-family:Poppins,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;color:#d69da7;transition:left var(--transition-speed) ease,transform .5s ease,filter .5s ease;border:1px solid rgba(255,255,255,.4);border-top:1px solid rgba(255,255,255,.5);background-color:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);filter:brightness(1.1);box-shadow:0 4px 20px #0003,inset 0 1px 2px #ffffffa9,inset 0 -2px 4px #00000036;border-top-left-radius:1em;border-top-right-radius:1em;border-bottom:none;font-size:.85em}#cuprins-btn:hover{transform:scale(1.1);filter:brightness(1.3)}#book{z-index:0;position:relative}img{width:100%;height:100%;object-fit:cover}:root{--page-width: 396px;--page-height: 559px;--book-page-width: var(--page-width);--book-page-height: var(--page-height);--buton-cuprins-width: 100px;--buton-cuprins-height: 30px}#book-wrapper-narrow{display:none;position:relative;width:var(--book-page-width);height:var(--book-page-height)}#book-narrow{position:relative;width:100%;height:100%;top:0;left:0;z-index:0}#prev-narrow,#next-narrow{position:absolute;top:0;height:100%;width:50%;opacity:0;z-index:1}#prev-narrow{left:0}#next-narrow{right:0}#buton-cuprins-narrow{font-size:1em}.content-narrow{width:100%;height:100%}#book-narrow{position:relative;perspective:1000px}#book-narrow .page-narrow{transform-origin:left;transition:transform 1s,opacity 1s}#book-narrow .flipped{opacity:0;transform:rotateY(-180deg)}#book-wrapper-narrow{touch-action:manipulation}.page-narrow{position:absolute;width:100%;height:100%}.right-arrow,.left-arrow{cursor:pointer;position:absolute;bottom:-15%;font-size:4rem;color:#d69da7;filter:drop-shadow(1px 0 0 rgb(214,157,167)) drop-shadow(-1px 0 0 rgb(214,157,167)) drop-shadow(0 1px 0 rgb(214,157,167)) drop-shadow(0 -1px 0 rgb(214,157,167));z-index:3;user-select:none;-webkit-tap-highlight-color:transparent}.right-arrow{right:20px}.left-arrow{left:20px}@media screen and (max-width: 650px){.book-wrapper{display:none!important}#book-wrapper-narrow{display:inline!important}:root{--page-flip-duration: 1.5s;--buton-cuprins-width: 150px;--buton-cuprins-height: 30px}}@media (max-width: 800px){.book-wrapper{transform:scale(.8)}}@media (max-width: 800px){#book-wrapper-narrow{transform:scale(.8)}}@media (max-width: 330px){#book-wrapper-narrow{transform:scale(.7)}}