@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}.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}@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:85%;font-size:36px}.catalog-options{display:flex;align-items:start;flex-wrap:wrap;overflow-y:scroll;margin-left:5%;width:85%;height:80%}.catalog-option{width:25%;min-width:180px;height:275px;margin:2%;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:2.5%;padding-left:5%;height:45.5%;background:#6464640d}.option-info-area h3{font-size:12px}.option-info-area p{font-size:9px}.commentary-chapters{display:flex;flex-direction:column;overflow-y:scroll;margin-left:5%;width:85%;height:77.5%}.commentary-chapter{width:85%;margin:1%;padding:1.5%;border:1px solid black;border-radius:5px;cursor:default;transition:.3s}.commentary-chapter:hover{box-shadow:1px 1px 2px gray}.commentary-chapter h3{font-size:20px}@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}.laptop-view{display:none!important}}.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:80%;height:92.5vh;margin-left:2.5%;margin-top:1.5%;background-color:#faf8f7}.central-connection-display{display:flex;align-items:center;background-color:#faf8f7;margin-bottom:.5%}.connection-boxes{display:flex;flex-wrap:wrap;width:70%;height:75vh;padding:2.5%;margin-left:5%;background-color:#faf8f7}.connection-box{display:flex;justify-content:center;align-items:center;width:120px;height:85px;margin:5px;background-color:#eeeee5;border-radius:10px;cursor:default;transition:.3s ease}.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-categories{display:flex;flex-direction:column;justify-content:space-around;width:30%;height:75vh;margin:1.5% 2%}.connection-category{display:flex;justify-content:center;align-items:center;width:70%;height:50px;margin:0 auto;border:2px solid black}.connection-category p{font-weight:900;font-size:12px}.connection-category-one{background-color:#9fc25a}.connection-category-two{background-color:#bb81c4}.connection-category-three{background-color:#fade6d}.connection-category-four{background-color:#b0c4ef}.connection-features{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:0 auto;width:25%;height:15vh}.submit-connection-button{min-width:125px;min-height:45px;background-color:#000;color:#fff;font-weight:900}.lives-counter{display:flex;justify-content:space-around;width:100%;height:30%}.lives-counter p{font-family:Laila,serif;font-size:13px}@media only screen and (max-width:1250px){.connection-box{width:115px;height:80px;margin:4px}}@media only screen and (max-width:1150px){.connection-box{width:92.5px;height:60px;margin:4px}.connection-box p{font-size:10px}}@media only screen and (max-width:1075px){.connection-shell{width:100%;height:85vh;margin:0 auto}.connection-box{width:125px;height:70px;margin:5px}}.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:0 auto 2.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:67.5%;margin:5% 2%;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}.chapter-nav{display:flex;cursor:default}.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-display .commentary-reader{height:67.5%}.laptop-view{display:none!important}}