*{box-sizing:border-box}html{background:url(https://res.cloudinary.com/db6f8unws/image/upload/v1762788021/markov-bg_knwlt3.jpg);background-size:cover}body{margin:0;display:flex;justify-content:center;align-items:center;color:#111c5b;min-height:100vh;letter-spacing:1px;font-family:scandia-web,sans-serif;font-weight:400;font-style:normal}body p{font-size:1.25rem}.intro,.outro{max-width:1000px;display:flex;flex-direction:column;align-items:center;gap:1rem;box-sizing:border-box;padding:2rem 0}.intro .title{display:grid;grid-template-columns:600px 400px;justify-items:center;align-items:center;gap:0;min-width:100px;width:100%;min-height:571px;@media screen and (max-width: 1000px){grid-template-columns:1fr;min-height:auto}}.intro .image{width:100%;min-height:571px;position:relative;@media screen and (max-width: 1000px){min-height:auto;overflow-x:hidden}}.intro .image img{position:absolute;top:0;right:0;@media screen and (max-width: 1000px){width:650px;position:relative;top:auto}@media screen and (max-width: 650px){width:140%;height:auto;left:-20%}}.intro h1{display:flex;flex-direction:column;text-align:center;align-items:center;margin:0;font-weight:500;text-transform:uppercase;color:#111c5b;gap:.75rem;width:100%}.intro h1 .top{display:flex;flex-direction:column}.intro h1 .top.en{flex-direction:column-reverse}.intro h1 .markov{display:flex;flex-direction:column;font-size:4rem;font-weight:700;gap:0;line-height:1;color:#fff;@media screen and (max-width: 500px){font-size:2.5rem}}.intro h1 .years{display:flex;flex-direction:row;font-size:.75rem;font-weight:400;font-style:italic;letter-spacing:10px;gap:1rem;color:#fff;align-items:center;@media screen and (max-width: 500px){flex-direction:column;gap:0;font-size:1rem}}.intro h1 .years .stars{font-size:1.5rem;display:flex;flex-direction:row;gap:.25rem;align-items:center;font-style:normal}.intro h2,.intro p,.outro p{max-width:700px;font-size:1.25rem;text-align:center;margin:0;padding:0 2rem;@media screen and (max-width: 500px){font-size:1.2rem}}.intro h2{font-weight:700;margin-top:-50px;font-size:1.5rem;text-transform:uppercase}.intro .markov{font-family:iowan-old-style-bt,sans-serif;font-weight:700;font-style:normal}.intro .markov div:nth-child(2){font-size:5rem;@media screen and (max-width: 500px){font-size:4rem}}.intro button,.outro .buttons button{padding:20px 30px 15px;border:none;border-radius:5px;background-color:#111c5b;cursor:pointer;font-family:scandia-web,sans-serif;font-weight:600;font-size:1.5rem;color:#fff;text-transform:uppercase;font-variation-settings:"wdth" 100;letter-spacing:1px;width:100%;margin-top:1rem;max-width:325px;box-shadow:0 0 10px #ffffff40}.intro button:hover,.outro .buttons button:hover{background-color:#0d1440}#restart{background-color:#fff;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}}.question-container{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:3rem;padding:3rem 1rem;@media screen and (max-width: 500px){width:100%;max-width:350px}}#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-variation-settings:"wght" 700}.options{display:flex;flex-direction:column;gap:15px}.option-button{padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-size:20px;border:#111c5b 2px solid;background-color:transparent;color:#111c5b;letter-spacing:1px;font-family:scandia-web,sans-serif;font-weight:700}.option-button:hover{background-color:#ffffff1a}.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.25rem;color:#000;text-transform:uppercase;font-weight:700;font-family:scandia-web,sans-serif;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%}.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}