*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Montserrat,sans-serif;font-weight:430}body{background-image:url(/nanas-quest/assets/bg-pattern-BXCe8mPL.png);background-color:rgb(239,239,239) smoke}.page{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.screen{z-index:1;width:900px;height:550px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAImCAYAAAAL7URqAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAG3RFWHRTb2Z0d2FyZQBDZWxzeXMgU3R1ZGlvIFRvb2zBp+F8AAAL7UlEQVR4nO3XQQ0AIAwAMeZfMOFBQMi1Ljr37LcAAADIGSEEAABoEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIgSQgAAgCghBAAAiBJCAACAKCEEAACIEkIAAIAoIQQAAIj60TFvp2kBZi0AAAAASUVORK5CYII=);border-radius:10px;border:3px solid #d95f81;box-shadow:2px 5px 5px #d4d4d4;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:background-image 1s .05s}.welcome-screen{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;animation:fadeIn 1.2s}.ending-screen{position:absolute;z-index:5;background-position:center;background-size:cover;background-repeat:no-repeat;animation:fadeIn2 .8s}.name{padding:5px 20px;background-color:#d95f81;border-radius:5px;color:#fff;position:absolute;top:-15px;z-index:3}.name-simon{background-color:#ab72b3}.name-lala{background-color:#ff99fa}.name-enya{background-color:#5e95b8}.name-abel{background-color:#edb95a}.name-unknown{background-color:#a7a7a7}.name-empty{background-color:#fff}.textbox{width:80%;height:20%;background-color:#ffffffe6;border-radius:10px;padding:30px 60px 20px;margin-right:40px;margin-bottom:20px;position:absolute;z-index:2;bottom:0;right:0;border:2px solid rgba(108,108,108,.4274509804)}.typed-text{white-space:pre-line}.sprite{width:300px;height:500px;background-position:center bottom;background-repeat:no-repeat;background-size:contain;bottom:0}.sprite2{width:220px;height:300px;position:absolute;z-index:3;background-image:url(../images/sprite1.png);background-position:left bottom;background-repeat:no-repeat;background-size:contain;left:0;bottom:0}.screen-choice{width:897px;height:547px;background-color:#000;opacity:30%;border-radius:10px;position:absolute;z-index:4}.choice-box{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;top:35%;z-index:5}.choice-btn{min-width:400px;min-height:50px;font-size:16px;color:#fff;background-color:#d95f81;border-radius:10px;cursor:pointer;box-shadow:0 2px 7px #00000080;border:none;transition:all .5s;letter-spacing:2px}.choice-btn:hover{min-width:410px;min-height:55px;background-color:#ffcfe5;color:#ce2f5c;letter-spacing:3px}.start-btn{position:absolute;z-index:2;min-width:200px;min-height:50px;color:#fff;font-weight:500;font-size:16px;letter-spacing:5px;background-color:#d95f81;border-radius:10px;cursor:pointer;box-shadow:0 2px 7px #00000080;animation:fadeIn 2.5s;border:none;transition:all .5s;font-family:Montserrat,sans-serif}.start-btn:hover{min-width:210px;min-height:55px;background-color:#bef3ff;color:#ce2f5c;font-weight:700;font-size:17px}.restart-btn{position:absolute;z-index:6;min-width:200px;min-height:50px;color:#fff;font-weight:500;font-size:16px;letter-spacing:5px;background-color:#d95f81;border-radius:10px;cursor:pointer;box-shadow:0 2px 7px #00000080;animation:fadeIn2 2.5s;border:none;transition:all .5s;font-family:Montserrat,sans-serif;right:52%}.restart-btn:hover{min-width:210px;min-height:55px;background-color:#bef3ff;color:#ce2f5c;font-weight:700;font-size:17px}.buy-other-btn{position:absolute;z-index:6;min-width:200px;min-height:50px;color:#fff;font-weight:500;font-size:16px;letter-spacing:3px;padding-left:10px;padding-right:10px;background-color:#d95f81;border-radius:10px;cursor:pointer;box-shadow:0 2px 7px #00000080;animation:fadeIn2 2.5s;border:none;transition:all .5s;font-family:Montserrat,sans-serif;left:52%}.buy-other-btn:hover{min-width:210px;min-height:55px;background-color:#bef3ff;color:#ce2f5c;font-weight:700;font-size:17px}.screen-legend-box{margin-top:5px;padding:5px;display:flex;justify-content:space-between;width:900px;position:absolute;bottom:-6%}.restart-btn-main{min-width:90px;min-height:20px;color:#d95f81;font-weight:400;font-size:12px;border:2px solid #d95f81;background-color:transparent;border-radius:8px;cursor:pointer;transition:all .5s;font-family:Montserrat,sans-serif}.restart-btn-main:hover{background-color:#ffd7e3}.credits{font-size:12px;color:#d95f81}.credits__bullet{padding-left:5px;padding-right:5px}.check-code{text-decoration:none;color:#ce2f5c;font-weight:700}.check-code:hover{color:#ff86a9}.wip-text{position:absolute;top:1%;left:1%;color:#fff;font-size:14px}.link{display:flex;justify-content:center;align-items:center;min-width:200px;min-height:50px;position:absolute;top:50%}.ending-btn-box{display:flex;justify-content:center;align-items:center;width:100%;min-height:50px;position:absolute;top:10%}.link-home{text-decoration:none;min-width:200px;min-height:50px}.thanks-msg{z-index:6;animation:fadeInOut 3s;position:absolute;top:13%;font-weight:500;font-size:16px;letter-spacing:5px;color:#d95f81}@keyframes fadeIn{0%{opacity:0;letter-spacing:0px}50%{opacity:0;letter-spacing:0px}to{opacity:1;letter-spacing:5px}}@keyframes fadeIn2{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0}40%{opacity:0}50%{opacity:1}80%{opacity:1}to{opacity:0}}.hidden{display:none}.screen-legend{width:900px;height:550px;position:absolute}