@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}@font-face{font-family:Heritage;src:url(/assets/quiz-outdoor/heritage.woff2) format("woff2");font-weight:700;font-style:normal}:root{--primary-color: #ce202f;--secondary-color: #041E42;--container-color: #F1E6B2}*{box-sizing:border-box}html{background-color:var(--primary-color);background-image:url(/assets/quiz-outdoor/bg.png);background-size:cover}body{margin:0;display:flex;justify-content:center;align-items:center;color:#1a1d5f;min-height:100vh;letter-spacing:1px;font-family:Montreal Text,sans-serif;font-weight:400;font-style:normal}body p{font-size:1.25rem}.top-bar{display:none}h1{font-family:Sentinel,sans-serif;font-weight:900;color:var(--secondary-color);font-size:5rem;text-transform:uppercase;margin:0;line-height:.95;-webkit-text-stroke:var(--secondary-color) 1px;@media screen and (max-width: 500px){font-size:2rem}}.intro,.outro{max-width:1000px;width:100%;height:100%;box-sizing:border-box;padding:3rem;background:var(--container-color);border:4px solid var(--secondary-color);margin:100px 0;border-radius:20px;overflow:hidden;@media screen and (max-width: 500px){margin:20px 10px;width:90%;padding:1.5rem}}.intro button,.outro .buttons button{padding:20px 30px 15px;border:none;border-radius:5px;background-color:var(--secondary-color);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:1rem;max-width:325px;box-shadow:0 0 10px #ffffff40}.intro button:hover,.outro .buttons button:hover{background-color:#0d1440}.intro span{font-weight:200;font-size:1.2rem;text-transform:uppercase;letter-spacing:3px}.intro p.prize{font-family:Montreal Text Bold}.intro img{width:100%;max-width:550px;height:auto;margin-top:1rem}.intro hr{border:1px solid var(--secondary-color);opacity:.25}.title{display:grid;grid-template-columns:5fr 2fr;@media screen and (max-width: 500px){grid-template-columns:1fr}}.title .left{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.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:column;justify-content:flex-start;align-items:flex-end;gap:1rem;@media screen and (max-width: 500px){flex-direction:row;justify-content:center;gap:2rem;margin:3rem 0}}.logos img{max-width:135px;height:auto;z-index:10}.bottom{font-size:.85rem;text-align:center;margin-top:2rem;max-width:100%;display:flex;flex-direction:column;align-items:flex-end;width:100%;gap:0;@media screen and (max-width: 500px){margin-top:0}}.bottom p{margin:0;max-width:450px;text-align:right;padding:1rem 0 0;text-shadow:1px 1px 0 rgba(255,255,255,1)}#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;padding:3rem;background:var(--container-color);border-radius:20px;border:4px solid var(--secondary-color);@media screen and (max-width: 500px){width:90%;margin:1.5rem auto;box-sizing:border-box;padding: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:var(--secondary-color);color:#fff;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{color:var(--secondary-color);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:#1a1d5f 2px solid;background-color:transparent;color:#1a1d5f;letter-spacing:1px;font-family:Montreal Text,sans-serif;font-weight:400}.option-button:hover{background-color:#fff}.option-button.correct{background-color:#4caf50;color:#fff}.option-button.wrong{background-color:#f44336;color:#fff}.next-button{padding:20px 30px;border:2px solid var(--secondary-color);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}.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{color:var(--secondary-color);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}body{position:relative}body>*{position:relative;z-index:2}