@import"https://fonts.googleapis.com/css2?family=Laila:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0}h1{font-size:clamp(1.75rem,2.2vw + 1.2rem,3rem);line-height:1.15;margin:0 0 .5em}h3{font-size:clamp(1.15rem,1vw + .9rem,1.75rem);line-height:1.25;margin:0 0 .5em}p{font-size:clamp(.95rem,1.4vw + .75rem,1.125rem);line-height:2;margin:0 0 1em}:root{color-scheme:light;color:#191919de;background-color:#efecec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#dcdcdf;color:#000}.App{margin:0;padding:0}.home-shell{display:flex;justify-content:space-around;font-family:Laila,serif;color:#000}.scripture-display{width:60%;height:92.5vh;margin-left:2.5%;margin-top:1.5%;background-color:#faf8f7}.scripture-display h1{font-family:Arial,Helvetica,sans-serif}.scripture-display .scripture-search{display:flex;height:10%;min-height:0px;margin-top:2.5%}.scripture-display .scripture-navigation{display:flex;margin-left:5%;width:85%}.scripture-display .version-navigation,.scripture-display .burger-navigation{display:flex;justify-content:center;align-items:center;max-width:80%;max-height:45px;margin:0 auto}.scripture-display .version-navigation p{font-size:14px;font-style:italic;color:#000}.scripture-display .scripture-reader{width:97.5%;height:67.5%;margin:5% 2%;padding:2% 5% 2% 2%;overflow-y:scroll}.scripture-reader .subsection-heading{font-weight:550}.verse-section{display:block;margin-bottom:2.5%}.verse-section p{display:inline;margin-right:.5px}.verse{cursor:default;transition:.15s ease}.verse:hover{background-color:#ffff0026}.chapter-nav{display:flex;cursor:default}@media only screen and (max-width:1075px){.scripture-display{width:100%;height:85vh;margin:0 auto}.scripture-display .scripture-reader{height:67.5%}.laptop-view{display:none!important}}.burger-navigation{display:flex;max-width:80%;max-height:45px;margin:0 auto}.mobile-nav-options p{font-size:16px;cursor:default}.catalog-display{width:60%;height:92.5vh;margin-left:2.5%;margin-top:1.5%;background-color:#faf8f7}.catalog-display .catalog-header{display:flex;justify-content:space-around;height:10%;min-height:0px;margin-top:2.5%;width:95%}.catalog-display .catalog-header h1{font-family:Arial,Helvetica,sans-serif;width:90%;font-size:32px;text-align:left;font-weight:600}.catalog-options-area{margin-left:7.5%}.catalog-options-area h3{font-size:32px}.catalog-options{display:flex;align-items:start;flex-wrap:wrap;overflow-y:scroll;width:85%;height:80%}.catalog-option{width:25%;min-width:180px;height:300px;margin-right:3.5%;margin-bottom:2.5%;border:.5px solid gray}.catalog-option .option-picture-area{height:54.5%}.option-picture-area img{min-width:100%;height:100%}.catalog-option .option-info-area{padding-top:1.5%;padding-left:5%;height:30.5%;background:#6464640d}.option-info-area h3{font-size:10px}.option-info-area p{font-size:8px}.image-credit-area{height:15%;padding:0 2.5%;background:#6464640d}.image-credit-area p{text-align:center;font-size:5px}.commentary-chapters-area{height:90%;margin-left:5%}.commentary-chapters{display:flex;flex-direction:column;overflow-y:scroll;width:90%;height:76%;padding-bottom:2.5%;margin-bottom:2.5%}.commentary-chapter{width:85%;min-height:75px;padding:1.5%;border:.5px solid black;cursor:default}.commentary-chapter:hover{font-weight:600}.commentary-chapter h3{font-size:20px}.commentary-nav{display:flex;cursor:default}@media only screen and (max-width:1075px){.catalog-display{width:100%;height:85vh;margin:0 auto}.catalog-header{margin-left:5%}.catalog-options{justify-content:center}.catalog-option .option-info-area p{font-size:7.5px}.catalog-option{height:225px}.commentary-description{display:none}.laptop-view{display:none!important}.commentary-chapter{width:80%}}.scripture-select{width:20%;height:90vh;margin:1.5% 2%}.beta-tag{display:flex;justify-content:center;width:30%;max-height:30px;border:2px solid black;border-radius:20px;background-color:red;margin:2.5% auto 0}.beta-tag p{font-size:14px;color:#fff;height:100%}.main-title{text-align:center;margin-top:1.5%}.promotion-area{display:flex;flex-direction:column;justify-content:space-around;min-height:70%}.promotion{display:flex;justify-content:space-around;width:75%;min-height:220px;margin:2%}.promotion .image-part{display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;height:auto;margin:2%}.promotion .image-part h3{font-size:18px}.promotion .image-part p{font-size:5px}.promotion .info-part{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:2%;width:30%}.promotion .info-part p{text-align:center;font-size:10px}.promotion img{width:85%;height:auto}.promotion-one{color:#fff;background-color:#e28743}.promotion-two{color:#fff;background-color:#242b64;margin-left:22.5%}@media only screen and (max-width:1075px){.scripture-select{display:none}}.connection-shell{font-family:Arial,Helvetica,sans-serif;color:#000;width:60%;height:92.5vh;margin-left:2.5%;margin-top:1.5%;background-color:#faf8f7}.connection-header{display:flex;justify-content:space-around;height:10%;min-height:0px;margin-top:2.5%;width:95%}.connection-header h1{font-family:Arial,Helvetica,sans-serif;width:90%;font-size:32px;text-align:left;font-weight:600}.game-stats{display:flex;justify-content:space-between;align-items:center;width:85%;height:50px;margin-left:5%}.game-stats p{font-family:Laila,serif;font-size:16px;font-weight:550}.lives-counter{display:flex;justify-content:space-around;align-items:center;width:245px;height:30%}.central-connection-display{display:flex;align-items:center;background-color:#faf8f7;margin-bottom:.5%}.connection-boxes{display:flex;flex-wrap:wrap;position:relative;list-style:none;width:100%;height:65vh;padding:2.5%;margin-left:5%;background-color:#faf8f7}.category-display{display:flex;flex-direction:column;justify-content:center;align-items:center;width:710px;height:100px;margin:5px;border-radius:10px;text-align:center}.category-display h1{font-size:20px;font-weight:1000}.category-display p{font-size:16px;font-weight:570}.connection-box{display:flex;justify-content:center;align-items:center;width:170px;height:100px;margin:5px;background-color:#eeeee5;border-radius:10px;cursor:default}.connection-box p{font-weight:1000;font-size:14px;margin:0 auto;text-align:center;max-width:95%;min-width:0;overflow-wrap:break-word;white-space:normal}.connection-features{margin:0 auto;width:25%;height:7.5vh}.submit-connection-button{min-width:125px;min-height:45px;background-color:#000;color:#fff;font-weight:900}@media only screen and (max-width:1350px){.category-display{width:585px;height:80px;margin:4px}.category-display h1{font-size:18px}.category-display p{font-size:12px}.connection-box{width:140px;height:80px;margin:4px}}@media only screen and (max-width:1150px){.category-display{width:545px;height:80px;margin:4px}.connection-box{width:130px;height:80px;margin:4px}}@media only screen and (max-width:1075px){.connection-shell{width:100%;height:85vh;margin:0 auto}.connection-header{margin-left:5%}.connection-boxes{height:57.5vh}.category-display{width:795px;height:100px;margin:5px}.connection-box{width:195px;height:90px;margin:3px}}@media only screen and (max-width:945px){.category-display{width:735px;height:90px;margin:2.5px}.connection-box{width:180px;height:90px;margin:2.5px}}@media only screen and (max-width:875px){.category-display{width:665px;height:85px;margin:4px}.connection-box{width:160px;height:85px;margin:4px}}@media only screen and (max-width:775px){.category-display{width:585px;height:80px;margin:4px}.connection-box{width:140px;height:80px;margin:4px}}@media only screen and (max-width:675px){.connection-boxes{height:60vh}.category-display{width:500px;height:70px;margin:2.5px}.connection-box{width:120px;height:70px;margin:2.5px}}@media only screen and (max-width:600px){.connection-box{width:105px;height:70px;margin:2.5px}.category-display h1{font-size:12px}.category-display p,.connection-box p{font-size:10px}}@media only screen and (max-width:520px){.category-display{width:415px;height:70px;margin:2.5px}.connection-box{width:90px;height:65px;margin:2.5px}}@media only screen and (max-width:450px){.game-stats{flex-wrap:wrap;width:70%;height:80px;margin-bottom:2.5%}.connection-boxes{height:50vh}.category-display{width:315px;height:70px;margin:2.5px}.connection-box{width:75px;height:65px;margin:2.5px}.connection-box p{font-size:9px}}.nav-shell{width:20%;height:90vh;margin:1.5% 2%}.nav-shell .nav-title{width:90%;height:20%;margin:0 auto;display:flex;justify-content:end;align-items:center}.nav-shell .nav-title h3{font-size:32px;font-weight:1000}.nav-shell .nav-options{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-end;margin:0 auto;min-height:60vh;height:70%}.nav-shell .nav-options{width:80%;height:17.5%}.nav-shell .nav-option{display:flex;justify-content:space-between;align-items:center;width:95%;min-width:200px;cursor:default}.nav-shell .nav-option p{text-align:right;transition:.4s}.nav-option .streak{height:100%;width:4%;min-width:10px;background-color:#000;margin-top:-.5%}.nav-option div{display:flex;align-items:center;margin-top:2.5%}.nav-active{background-color:#6464640d;font-weight:550}@media only screen and (max-width:1350px){.nav-option p{font-size:16px}}@media only screen and (max-width:1075px){.nav-shell{display:none}}.commentary-display{width:60%;height:92.5vh;margin-left:2.5%;margin-top:1.5%;background-color:#faf8f7}.commentary-display .commentary-search{display:flex;align-items:center;height:10%;min-height:0px;margin-top:2.5%}.commentary-display .commentary-search .commentary-title{width:85%}.commentary-display .commentary-search h1{font-size:24px;margin-left:5%;padding-top:3.5%;font-weight:600}.book-search{display:flex;justify-content:space-around}.testament-catalog h3,.chapter-selection h3{font-size:18px;font-family:Arial,Helvetica,sans-serif;font-weight:750;margin-top:5%;text-align:center}.testament-catalog p{font-family:Laila,serif}.possible-chapters{display:flex;flex-wrap:wrap;padding:2.5%;margin-left:5%;font-family:Laila,serif}.chapter-box{display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin:5px;cursor:default;transition:.2s ease}.chapter-box:hover{background-color:#f0f0f2;transition:.2s ease}.chapter-box p{cursor:default}.commentary-navigation{display:flex;justify-content:center;align-items:center;max-width:70%;width:300px;margin-bottom:2.5%;margin-left:5%}.commentary-display .version-navigation,.commentary-display .burger-navigation{display:flex;justify-content:center;align-items:center;max-width:80%;max-height:45px;margin:0 auto}.burger-body{background-color:#f5ebdce6}.burger-body .logo-display{margin:2.5% auto 4%}.mobile-nav-options{margin:0 2.5%;padding:2.5%;border-top:1px solid black;font-family:Laila,serif}.mobile-nav-options h3{font-weight:600}.mobile-nav-options p{font-size:16px}.commentary-display .version-navigation p{font-size:14px;font-style:italic;color:#000}.version-catalog{font-family:Laila,serif}.commentary-display .commentary-reader{width:97.5%;height:62.5%;margin-left:2.5%;padding:2% 5% 2% 2%;overflow-y:scroll}.commentary-reader .subsection-heading{font-weight:550}.commentary-section{display:block;margin-bottom:2.5%}.commentary-section p{display:inline;margin-right:.5px}.commentary{cursor:default}.chapter-navigation-area{display:flex;justify-content:space-between;width:90%;margin:0 auto}.commentary-chapter-nav{display:flex;cursor:default;margin-left:3.5%;margin-top:2.5%}.loading-container{display:flex;justify-content:center;align-items:center;width:100%;height:300px}@media only screen and (min-width:1075px){.mobile-view{display:none!important}}@media only screen and (max-width:1075px){.commentary-display{width:100%;height:85vh;margin:0 auto}.commentary-navigation{margin:0 auto}.commentary-display .commentary-reader{height:67.5%}.laptop-view{display:none!important}}