html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}.phone-frame{aspect-ratio:1;background:#fff;width:100%;max-width:80vh;height:100%;max-height:100vh;margin:auto;position:relative;overflow:hidden;container:frame/inline-size}@media (width<=500px){.phone-frame{box-shadow:none;aspect-ratio:auto;border:none;border-radius:0;max-width:none;max-height:none}}@media (orientation:landscape) and (width<=1000px){.phone-frame{aspect-ratio:9/16;max-width:80vh;max-height:80vh}}body::-webkit-scrollbar{display:none}body{scrollbar-width:none;-ms-overflow-style:none;background:#3c3c3c;justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-family:Open Sans,sans-serif;display:flex;overflow:hidden}h2{border-bottom:1px solid #ccc;margin-top:2em;padding-bottom:.3em;font-size:2.5cqw}p{margin:1em 0}blockquote{border-left:3px solid #ccc;margin-left:1em;padding-left:1em;font-style:italic}ol{margin-left:2em}a{color:#07c}.more-info{z-index:55;background:#fff;width:80%;height:78%;padding:20px;font-size:3cqw;position:absolute;top:48%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}.info{background-color:#fff;position:absolute}.fadeable{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}.fadeable.visible{opacity:1;visibility:visible}.slide{justify-content:center;align-items:center;width:100%;max-width:1200px;height:100%;display:flex;position:absolute}.top-text{z-index:14;color:silver;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6f6f6fcc;width:27%;margin:0;font-family:Oswald,sans-serif;font-size:40px;font-weight:bolder;position:absolute;top:6px;right:12px}.speech-bubble{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c0c0c07d;border:3px solid #000;margin:0;padding:12px;font-family:sans-serif;font-size:20px;position:absolute}@media (width>=500px){.top-text{font-size:30px}.speech-bubble{padding:18px;font-size:16px}#nextButton{width:18cqw}#langButton{width:16cqw;right:22cqw}#infoButton{width:18cqw}}@media (height<=850px) and (width<=500px){.top-text{font-size:36px}.speech-bubble{padding:9px;font-size:16px}button{font-size:3cqw}#nextButton{width:24cqw}#langButton{width:20cqw;right:32cqw}#infoButton{width:24cqw}}@media (height<=850px) and (width>=500px){.top-text{font-size:26px}.speech-bubble{padding:15px;font-size:20px}button{font-size:2.8cqw}#nextButton{width:12.5cqw}#langButton{width:11cqw;right:15cqw}#infoButton{width:12.5cqw}}.reveal-paragraph1{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 3s ease-in,opacity 1s .2s}.reveal-paragraph1.reveal{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path 3s ease-in,opacity 1s .2s}.reveal-paragraph1.hide{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 1s ease-in,opacity 1s .2s}.reveal-paragraph2a{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 3s ease-in,opacity 1s .2s}.reveal-paragraph2a.reveal{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path 3s ease-in,opacity 1s .2s}.reveal-paragraph2a.hide{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 1s ease-in,opacity 1s .2s}.reveal-paragraph2b{clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .2s ease-in,opacity .2s .1s}.reveal-paragraph2b.reveal{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .2s ease-in 1.5s,opacity .2s .1s}.reveal-paragraph2b.hide{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 1s ease-in,opacity 1s .2s}.reveal-paragraph3{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 3s ease-in,opacity 1s .2s}.reveal-paragraph3.reveal{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path 3s ease-in,opacity 1s .2s}.reveal-paragraph3.hide{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 1s ease-in,opacity 1s .2s}.blue-circle:before{content:"";background-color:#3b5dec;border-radius:50%;width:30px;height:30px;margin-right:8px;display:inline-block}.green-circle:before{content:"";background-color:#52a638;border-radius:50%;width:30px;height:30px;margin-right:8px;display:inline-block}.white-circle:before{content:"";background-color:#d8d8d8;border-radius:50%;width:30px;height:30px;margin-right:8px;display:inline-block}button{z-index:12;cursor:pointer;aspect-ratio:1;background:0 0;border:none;padding:0;font-size:4cqw;position:absolute}img{width:100%;height:auto}#render_elements{height:100%}#nextButton{z-index:55;width:30cqw;bottom:0;right:2%}#langButton{z-index:55;width:25cqw;bottom:0;right:40cqw}#infoButton{z-index:55;width:30cqw;bottom:1%;left:2%}