:root{--background-dark:#0b0c2a;--primary-text:#ccf2f4;--primary-text-alt:#aacbcd;--header-text:#0ff;--button-text:#0b0c2a;--button-bg:#f7b32b;--button-bg-hover:#d69a28;--link-color:#ef476f;--link-hover:#c23a5d;--verse-correct-bg:#cef4cc;--verse-incorrect-bg:#f4cccc}body{background-color:#0b0c2a;background-color:var(--background-dark);color:#ccf2f4;color:var(--primary-text);font-family:Press Start\ 2P,monospace;text-align:center}a,button,form,h1,h2,h3,input,label,option,p,pre,select,u{color:#0b0c2a;color:var(--button-text);font-family:Press Start\ 2P,monospace;font-style:normal;font-weight:600;text-decoration:none}h1{color:#0ff;color:var(--header-text);font-size:30px;line-height:33px}h2{font-size:19px;line-height:20px}h2,h3,u{color:#f7b32b;color:var(--button-bg)}h3,u{font-size:18px;line-height:48px}label{color:#ccf2f4;color:var(--primary-text)}a,input,option,p,select{font-size:16px;line-height:30px}.topscores p,li{font-size:14px}li a{line-height:16px}p::selection{background:#d69a28;background:var(--button-bg-hover)}a{color:#ef476f;color:var(--link-color)}a:hover{color:#c23a5d;color:var(--link-hover)}button,form,input{font-size:17px;font-style:italic;line-height:30px}button{background-color:#f7b32b;background-color:var(--button-bg);border:4px solid #d69a28;border:4px solid var(--button-bg-hover);color:#0b0c2a;color:var(--button-text)}button:hover{background-color:#d69a28;background-color:var(--button-bg-hover)}.popup-content,.verse-box{background-color:#ccf2f4;background-color:var(--primary-text);border:3px solid #aacbcd;border:3px solid var(--primary-text-alt);transition:background-color .3s ease}.verse-box:hover{background-color:#aacbcd;background-color:var(--primary-text-alt)}.verse-box.correct{background-color:#cef4cc;background-color:var(--verse-correct-bg)}.verse-box.correct,.verse-box.incorrect{border-color:#ccf2f4;border-color:var(--primary-text)}.verse-box.incorrect{background-color:#f4cccc;background-color:var(--verse-incorrect-bg)}.verse-box p{font-size:13px;line-height:28px}.score-display{background-color:#f7b32b;background-color:var(--button-bg)}.score-display,.score-display p{color:#0b0c2a;color:var(--button-text)}.namein{background-color:#ccf2f4;background-color:var(--primary-text);color:#0b0c2a;color:var(--background-dark)}.game-over-popup{background-color:#2d1e2fd9}.popup-content{box-shadow:0 6px 10px #0000004d}.popup-content button{background-color:#f7b32b;background-color:var(--button-bg);color:#0b0c2a;color:var(--button-text)}.popup-content button:hover{background-color:#d69a28;background-color:var(--button-bg-hover)}::-webkit-scrollbar-track{background-color:#ccf2f4;background-color:var(--primary-text)}::-webkit-scrollbar-thumb{background:#0b0c2a;background:var(--background-dark)}.topscores{padding-top:110px}.topscores h2{font-size:17px}.topscores u{font-size:16px}@media only screen and (min-width:700px){.topscores{padding-top:80px}.topscores h2{font-size:21px}.topscores u{font-size:19px}.topscores p{font-size:16px}h1{font-size:60px;line-height:90px}a,label,li,option,p,select{font-size:18px;line-height:33px}.verse-box p{font-size:15px}button,form,input{font-size:20px;line-height:33px}u{font-size:19px;line-height:33px}}@media only screen and (min-width:1000px){.topscores{padding-top:0}h1{font-size:90px}h2{font-size:32px}h3{font-size:30px}a,button,form,input,label,option,p,select{font-size:26px;line-height:50px}.topscores p,li{font-size:18px}.verse-box p{font-size:22px}u{font-size:30px;line-height:60px}}@media only screen and (min-width:1100px){h1{font-size:100px}h2{font-size:40px}h3{font-size:38px}}.App{margin:0 auto;max-width:800px}.BackgroundWrapper{background-image:url(/static/media/bg.49bde6774768efc3f9f4.png);background-position:50%;background-repeat:repeat;background-size:1000px;height:100vh;image-rendering:pixelated;left:0;position:fixed;top:0;width:100vw;z-index:-2}.BackgroundWrapper:before{background:radial-gradient(circle,#000000bf 0,#0006 80%,#0000001a 90%,#0000 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}button{cursor:pointer;image-rendering:pixelated;margin:10px 0;padding:15px 20px;width:100%}.back-button,.reset-button{margin:0;padding:0}.popup-content button{border:none;cursor:pointer;font-weight:700;margin:10px;padding:10px 20px}label{display:block}select{margin:0 20%;min-width:200px;width:60%}.namein,select{border-radius:15px;text-align:center}.namein{margin:0 auto;padding:0;width:50%}span{font-style:italic}ul{list-style:none;margin:0;padding:0}li{display:inline-block;padding:0 15px}.verse-box{cursor:pointer;image-rendering:pixelated;margin:20px auto;padding:15px;transition:background-color .3s ease,border-color .3s ease}.verse-list{box-sizing:border-box;margin:0 auto;max-height:50vh;overflow-y:auto;padding:10px 0;width:90%}.verse-list::-webkit-scrollbar{width:8px}.verse-list::-webkit-scrollbar-thumb{background-color:var(--button-bg-hover);border-radius:10px}.score-display{border-radius:15px;bottom:20px;font-weight:700;left:50%;padding:0 20px;position:fixed;transform:translateX(-50%);z-index:40}.game-over-popup{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup-content{border-radius:12px;color:#2d1e2f;padding:30px;text-align:center}@media (hover:hover) and (pointer:fine){.verse-box:hover{background-color:var(--primary-text-alt)}}@media only screen and (min-width:700px){select{margin:0 30%;width:40%}}@media only screen and (min-width:1000px){button{border-radius:15px;margin:10px 20%;width:60%}.BackgroundWrapper{background-size:1600px}}
/*# sourceMappingURL=main.c4388d8e.css.map*/