.flip-card{position:relative;width:90%;height:auto;max-width:1400px;aspect-ratio:16/9;perspective:1000px}.flip-card.flippable{cursor:grab}.flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease}.flip-inner.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#fff;border-radius:5px;box-shadow:#0000001a 0 10px 50px}.flip-front{transform:rotateY(0);background-color:#fff;background-image:url(/images/picture.jpg);background-position:top left;background-repeat:no-repeat;background-size:auto 100%}.flip-front .objet{position:absolute;height:auto;aspect-ratio:1/1;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:2;cursor:pointer;transition:all .5s ease}.flip-front .objet:hover{filter:drop-shadow(2px 0 2px white);scale:2}.flip-front .bandeau{position:absolute;padding:5% 2% 10%;width:21%;height:100%;right:0;top:0;pointer-events:none;background:#e9dcc9;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:linear-gradient(56deg,#e9dcc9,#fff,#fff5ee)}.flip-front .bandeau img[alt=fill_witebande]{position:relative;width:90%}.flip-front .bandeau .face-30{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80%}.flip-front .bandeau .face-30 img{height:20%;margin:1%;rotate:-90deg}.flip-back{display:flex;transform:rotateY(180deg)}.flip-back .postcard-texte{width:63%;padding:2%;font-size:1.3vw;line-height:1.5;letter-spacing:min(3px,.2vw)}.flip-back .postcard-adresse{position:relative;width:37%;height:100%;display:flex;align-items:end;padding:5% 5% 10%;justify-content:left}.flip-back .postcard-adresse .adresse p{font-size:1.5vw;font-family:sans-serif}.flip-back .postcard-adresse .adresse .info-flip{padding-top:10%;font-size:.85vw}.flip-back .postcard-adresse .adresse .info-flip i{font-family:sans-serif}.flip-back .postcard-adresse:before{content:"";position:absolute;width:2px;height:90%;top:5%;left:0;border-radius:100px;background:#000}.flip-back .postcard-adresse:after{content:"Ma Carte Ernest Postale";position:absolute;top:50%;left:-.35vw;writing-mode:vertical-rl;text-orientation:mixed;padding:.7vw 0;transform:translateY(-50%);background:#fff;font-size:.7vw;font-family:sans-serif}.flip-back .postcard-adresse .timbre{position:absolute;top:5%;right:5%;background-image:url(/images/timbre_ernest.png);background-size:100%;height:25%;aspect-ratio:1}.flip-back .postcard-adresse .signe-timbre{position:absolute;top:9%;left:7%;width:80%;aspect-ratio:3/1;background-image:url(/images/signe_timbre.svg);background-repeat:no-repeat}@font-face{font-family:Magazine;src:url(/assets/MagazineLetterByBrntlbrnl-Regular-VSevBprX.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OoohBaby;src:url(/assets/OoohBaby-Regular-KHev1gjS.ttf) format("truetype");font-weight:400;font-style:normal}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#44bbad}::-webkit-scrollbar-thumb:hover{background:#2d7c74}*{margin:0;padding:0;font-family:OoohBaby,sans-serif;box-sizing:border-box;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}body{box-sizing:border-box;height:100vh;width:100vw;overflow:hidden;background:url(/images/paper.jpg) no-repeat;background-size:cover}#start-btn{position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;border:none;text-wrap:nowrap;width:100%;height:100%}#start-btn img{pointer-events:none;height:10vw;margin:0 1vw}.cpt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-wrap:nowrap;pointer-events:none}.cpt img{height:10vw;margin:2vw}#main audio{display:none}#main h1{display:flex;justify-content:center;pointer-events:none;margin-top:5vh}#main h1 img{width:5vw}#main img[alt=dance]{height:40%;position:absolute;bottom:0;right:0;perspective:1000px}#main .participation{position:absolute;right:2vw;top:calc(10vh + 8vw);padding-bottom:2vw;background:#fff;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;rotate:2deg}#main .participation:before{content:"";position:absolute;top:0;left:4.5vw;width:1px;height:100%;background-color:#cd5c5c}#main .participation div{padding:2vh 1vw 2vh 5vw;width:100%;display:flex;justify-content:center;text-wrap:nowrap;pointer-events:none}#main .participation div img{width:2vw}#main .participation ul{list-style:none}#main .participation li{padding-left:5vw;padding-right:5vw;border-bottom:1px solid cornflowerblue;font-size:clamp(12pt,1.7vw,15pt)}#main .loupe-bloc{position:absolute;margin-top:calc(10vh + 5vw);margin-left:3vw;width:50%;aspect-ratio:16/9}#main .loupe-bloc .loupe-container{position:absolute;top:25%;right:0;width:75%;-webkit-user-select:none;user-select:none;perspective:1000px}#main .loupe-bloc .loupe-container img[alt=loupe]{width:100%}#main .loupe-bloc .loupe-container img[alt=loupe]:hover{filter:drop-shadow(20px 0 4px white)}#main .loupe-bloc img[alt=invite]{position:absolute;pointer-events:none;perspective:1000px;bottom:70%;left:50%}#main .loupe-bloc.inactive .flip-card{pointer-events:none}#main .loupe-bloc.inactive .flip-card .postcard-texte{font-size:.65vw;letter-spacing:.1vw}#main .loupe-bloc.inactive .flip-card .adresse p{font-size:.8vw}#main .loupe-bloc.inactive .flip-card .adresse .info-flip{font-size:.4vw}#main .loupe-bloc:not(.inactive){position:absolute;z-index:1000;width:100%;height:100%;margin-top:auto;margin-left:auto;top:0;left:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px) brightness(.8);backdrop-filter:blur(10px) brightness(.8)}#main .loupe-bloc:not(.inactive) img[alt=invite],#main .loupe-bloc:not(.inactive) img[alt=loupe]{display:none}#main .btn-section{position:absolute;bottom:5vh;right:5vh;display:flex;gap:2vw;z-index:10001}#main .btn-section div[role=button]{position:relative;width:5vw;min-width:75px;aspect-ratio:1/1;cursor:pointer}#main .btn-section #button_close{background:url(/images/alphabet/button_close.png);background-size:100%;background-repeat:no-repeat;background-position:center}#main .btn-section #button_mute{background:url(/images/alphabet/button_unmute.png);background-size:100%;background-repeat:no-repeat;background-position:center}#main .btn-section #button_unmute{background:url(/images/alphabet/button_mute.png);background-size:100%;background-repeat:no-repeat;background-position:center}div[role=button]{transition:scale .5s ease}div[role=button]:hover{scale:1.1}.d-none{display:none!important}.hidden-preload{opacity:0;visibility:hidden;pointer-events:none}.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s}#modal{position:fixed;width:90vw;max-width:1000px;min-height:50vh;max-height:90vh;top:50%;left:50%;background:snow;border-radius:5px;transform:translate(-50%,-50%);z-index:10002;overflow:hidden;overflow-y:auto;-ms-overflow-y:auto;padding:0 30px 30px;box-shadow:#0000008f 0 22px 70px 4px}#modal .modal-header{position:sticky;top:0;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;background:inherit;z-index:2;border-bottom:5px solid wheat;padding:30px}#modal .modal-header img{pointer-events:none;width:30%;max-width:50px}#modal .modal-header #button_close_modal{position:absolute;top:30px;right:0;width:50px;max-width:10vw;aspect-ratio:1/1;cursor:pointer;background:url(/images/alphabet/button_close.png);background-size:100%;background-repeat:no-repeat;background-position:center}#modal .modal-body{position:relative;font-size:18pt;letter-spacing:3px;width:100%;padding-top:30px}#modal .modal-body img{width:25%;min-width:100px;padding:0 30px}