@font-face{font-family:Montreal Title;src:url(/assets/mtl-que/Montreal25-26Title-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Montreal Text;src:url(/assets/mtl-que/Montreal25-26Text.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Montreal Text Bold;src:url(/assets/mtl-que/Montreal25-26Text-Bold.otf) format("opentype");font-weight:700;font-style:normal}*{box-sizing:border-box}body{color:#fff;background:#062a91;background:radial-gradient(ellipse at 10% 0%,rgba(3,15,60,.8) 0%,transparent 60%),radial-gradient(ellipse at 100% 0%,rgba(255,255,255,.3) 0%,transparent 20%),radial-gradient(ellipse at 100% 100%,rgba(255,255,255,.3) 0%,transparent 30%),linear-gradient(180deg,transparent 0%,transparent 70%,rgba(255,255,255,.55) 100%),#062a91}body p{font-size:1.25rem}.top-bar{display:none}.intro,.outro{max-width:1000px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;box-sizing:border-box;padding:4px;margin:100px 0;border-radius:20px;@media screen and (max-width: 500px){margin:3rem 0;width:90%}}.intro button,.outro .buttons button{padding:20px 30px 15px;border:none;border-radius:5px;background-color:#000657;cursor:pointer;font-family:Montreal Text Bold,sans-serif;font-weight:700;font-size:2rem;color:#fff;text-transform:uppercase;font-variation-settings:"wdth" 100;letter-spacing:4px;width:100%;margin-top:2rem;max-width:325px;box-shadow:0 0 10px #ffffff40;z-index:10}.intro button:hover,.outro .buttons button:hover{background-color:#0d1440}.title{display:flex;flex-direction:column;gap:3rem;width:100%;justify-content:center;align-items:center;border:2px solid rgba(255,255,255,.75);padding:2rem;border-radius:20px;box-shadow:0 0 10px #ffffff40;@media screen and (max-width: 500px){gap:0}}.title .quiz{font-weight:700;font-size:2.5rem;letter-spacing:1px;text-transform:uppercase;font-family:acumin-pro,sans-serif;color:#062a91;background:#fff;padding:.5rem 1rem;border-radius:8px;box-shadow:0 0 10px #ffffff40;margin-top:-4rem;@media screen and (max-width: 500px){font-size:1.25rem;margin-top:-3rem}}.title .left span{color:#fff;text-transform:uppercase;font-size:2rem;letter-spacing:2.5px;@media screen and (max-width: 500px){font-size:.95rem}}.logos{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3rem;font-size:3rem;font-weight:100;@media screen and (max-width: 500px){flex-direction:column;justify-content:center;gap:1rem;margin:1rem 0 0;font-size:2rem}}.logos img{max-width:335px;width:100%;height:auto;z-index:10;@media screen and (max-width: 500px){max-width:250px}}.logos .sq,.logos .francos{display:flex;flex-direction:column;align-items:center}.sponsor{display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:1rem;color:#fff}.sponsor img{max-width:100px;height:auto}.francos-text{font-size:1rem;margin-top:1.75rem}.bottom{font-size:.85rem;text-align:center;margin-top:0;max-width:100%;display:flex;flex-direction:column;align-items:center;width:100%;gap:0;@media screen and (max-width: 500px){margin-top:0}}.bottom p{margin:0;max-width:750px;text-align:center;padding:2rem 0 0}#restart{background-color:#fff;border:#1a1d5f 2px solid;color:#000}#restart:hover{background-color:#f0f0f0}.outro .buttons{display:flex;flex-direction:row;gap:1rem;@media screen and (max-width: 500px){flex-direction:column;gap:0}}.outro .buttons button{max-width:500px}.question-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding:4px;border-radius:20px;@media screen and (max-width: 500px){width:90%;margin:0 auto;box-sizing:border-box;gap:1.5rem}}.question-container img{margin-top:1rem;max-width:100%;height:auto;border-radius:12px}.question-container .text-container a{color:#1a1d5f;text-decoration:underline}.question-container .index{font-size:18px;text-align:center;font-family:Montreal Text Bold,sans-serif;font-weight:400;margin:0 auto 2rem;background-color:#fff;color:#062a91;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;@media screen and (max-width: 500px){width:30px;height:30px;margin:0 auto 1rem}}#young-image,#current-image{width:400px;height:500px;margin-bottom:0;position:absolute;transition:transform 2s,opacity 2s,filter 4s,scale 2s;rotate:0;mask-image:url(/assets/famille/frame-mask.png);mask-size:cover;mask-repeat:no-repeat;mask-position:center;@media screen and (max-width: 500px){width:345px;height:auto}}#frame{position:absolute;top:0;left:0;width:100%;height:auto;pointer-events:none}#player{position:relative;width:400px;height:500px;overflow:hidden;mask-image:url(/assets/famille/frame-mask.png);mask-size:cover;mask-repeat:no-repeat;mask-position:center;background:#d62243;@media screen and (max-width: 500px){width:345px;height:431px}}#current-image{opacity:0;filter:blur(50px);transform:rotate(3600deg);scale:4}.transition #young-image{transform:rotate(36000deg);opacity:0;filter:blur(10px);scale:2}.transition #current-image{opacity:1;scale:1;filter:blur(0);transform:rotate(0)}.question{font-size:24px;text-align:center;font-family:Montreal Text Bold,sans-serif;font-weight:400;margin-bottom:2rem}.options{display:flex;flex-direction:column;gap:15px}.option-button{padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-size:20px;border:white 2px solid;background-color:transparent;color:#fff;letter-spacing:1px}.option-button:hover{background-color:#fff;color:#062a91}.option-button.correct{background-color:#4caf50;color:#fff}.option-button.wrong{background-color:#f44336;color:#fff}.next-button{padding:20px 30px;border:none;border-radius:5px;background-color:#efefef;cursor:pointer;font-size:1.5rem;font-style:italic;letter-spacing:4px;font-weight:700;color:#000;text-transform:uppercase;font-family:Montreal Text Bold,sans-serif;margin-top:20px;width:100%;box-sizing:border-box;box-shadow:0 0 10px #ffffff40}.results{margin-top:50px}.results h2{font-size:24px}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin-top:1rem}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:8px}.x-container{display:flex;justify-content:center}.react-tweet-theme{text-transform:none;letter-spacing:0}h2{font-weight:400;text-align:center}#bodytext,#end-title{text-transform:uppercase;font-size:1.5rem;text-align:center}li{font-size:1.15rem;margin-bottom:.5rem}.btn{font-weight:400!important;letter-spacing:1px}