@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.body-container{background-color:#585b63;display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.login-container{display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px;border-radius:40px;width:40%;background-color:#313338}.login-container img{width:40%}.login-container h1{font-family:Lato,sans-serif;font-weight:600;color:#fff}.login-container input{font-family:Lato,sans-serif;font-weight:400;text-align:center;color:#fff;width:40%;height:30px;border:none;border-radius:8px;background-color:#1e1f22}.login-container input::placeholder{font-family:Lato,sans-serif;font-weight:400;text-align:center;color:gray}.login-container button{font-family:Lato,sans-serif;font-weight:400;color:#fff;background-color:#1e1f22;border:none;border-radius:8px;width:35%;height:30px}.login-container button:hover{color:gray;background-color:#232527;cursor:pointer}.selector-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.selector-container h1{font-family:Lato,sans-serif;font-weight:600;color:#fff;font-size:40px}.selector-logout-button{position:absolute;right:18%;top:20px}.selector-buttons{display:flex;align-items:center;justify-content:center;gap:20px;width:80%;max-width:1100px}.selector-buttons button{position:relative;width:40%;height:700px;border:none;background-color:#313338;border-radius:25px;overflow:hidden}.streaming-button span{position:absolute;font-family:Lato,sans-serif;font-weight:600;font-size:50px;rotate:270deg;right:-120px;top:46%;color:#80df37;text-align:center;letter-spacing:10px;transition:color .3s ease}.projector-button span{position:absolute;font-family:Lato,sans-serif;font-weight:600;font-size:50px;rotate:90deg;left:-115px;top:46%;color:#2ca6ff;text-align:center;letter-spacing:10px;transition:color .3s ease}@keyframes neonBreathingGreen{0%,to{text-shadow:0 0 10px #80DF37,0 0 20px #80DF37,0 0 30px #80DF37,0 0 40px #80DF37,0 0 50px #80DF37,0 0 60px #80DF37,0 0 70px #80DF37}50%{text-shadow:0 0 20px #80DF37,0 0 30px #80DF37,0 0 40px #80DF37,0 0 50px #80DF37,0 0 60px #80DF37,0 0 70px #80DF37,0 0 80px #80DF37}}@keyframes neonBreathingBlue{0%,to{text-shadow:0 0 10px #2CA6FF,0 0 20px #2CA6FF,0 0 30px #2CA6FF,0 0 40px #2CA6FF,0 0 50px #2CA6FF,0 0 60px #2CA6FF,0 0 70px #2CA6FF}50%{text-shadow:0 0 20px #2CA6FF,0 0 30px #2CA6FF,0 0 40px #2CA6FF,0 0 50px #2CA6FF,0 0 60px #2CA6FF,0 0 70px #2CA6FF,0 0 80px #2CA6FF}}.selector-buttons .streaming-button:hover span,.selector-buttons .streaming-button:hover{color:#98ef51;cursor:pointer;text-shadow:0 0 10px #80DF37,0 0 20px #80DF37,0 0 30px #80DF37,0 0 40px #80DF37,0 0 50px #80DF37,0 0 60px #80DF37,0 0 70px #80DF37;animation:neonBreathingGreen 1.5s infinite alternate}.selector-buttons .projector-button:hover span,.selector-buttons .projector-button:hover{color:#4ebfff;cursor:pointer;text-shadow:0 0 10px #2CA6FF,0 0 20px #2CA6FF,0 0 30px #2CA6FF,0 0 40px #2CA6FF,0 0 50px #2CA6FF,0 0 60px #2CA6FF,0 0 70px #2CA6FF;animation:neonBreathingBlue 1.5s infinite alternate}.logout-button{font-family:Lato,sans-serif;font-weight:400;color:#fff;width:120px;border-radius:10px;height:30px;border:none;background-color:#1e1f22}.logout-button:hover{cursor:pointer;color:#1e1f22;background-color:#fff}.bibles-version-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:20px}.bibles-version-container span{font-family:Lato,sans-serif;font-weight:400;font-size:15px;color:#cecece;opacity:.5}.bibles-version-container span:hover{cursor:pointer;opacity:1}.active-version span{opacity:1}.version-index{display:flex;align-items:center;flex-direction:column}.bibles-version-container hr{width:50px}.bible-book-main{display:flex;flex-direction:column;align-items:center;width:30%;background-color:#2b2d31}.search-container{width:80%;padding:20px 0}.search-container input{font-family:Lato,sans-serif;font-weight:400;width:100%;border:none;height:30px;background-color:#1e1f22;color:#cecece}.search-container input:focus{border:none;outline:none}.search-container input::placeholder{font-family:Lato,sans-serif;color:#858c93;padding-left:10px}.testaments-main{color:#fff;width:90%;display:flex;align-items:center;justify-content:space-around;gap:8px;overflow-y:scroll}.testaments-main h2{font-family:Lato,sans-serif;font-weight:500;font-size:18px;text-align:center;text-transform:uppercase}.testaments-main span{font-family:Lato,sans-serif;font-weight:400;font-size:16px;margin:2px;padding:10px;border-radius:15px}.testaments-main span:hover{cursor:pointer;background-color:#1e1f22}.old-testament-main,.new-testament-main{display:flex;flex-direction:column;height:350px;margin:4px}.old-testament-container,.new-testament-container{display:flex;flex-direction:column;gap:15px}.preview-main{width:98%;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.preview-main h1{position:absolute;top:0}.preview-main iframe{margin-top:45px;width:1920px;height:1080px;transform:scale(.25);border:none;position:absolute}.bible-chapter-main{display:flex;flex-direction:column;align-items:center;width:30%;background-color:#313338}.story-main{width:95%}.story-container-f{height:280px;overflow-y:scroll}.chapter-main{display:flex;flex-direction:column;align-items:center;width:100%;height:360px}.chapter-main h1,.bible-verse-main h1,.preview-main h1,.story-main h1{font-family:Lato,sans-serif;font-weight:500;font-size:25px;text-transform:uppercase;color:#fff;text-align:center}.chapter-container{display:grid;width:90%;gap:10px;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));grid-auto-rows:minmax(50px,auto);overflow-y:scroll}.chapter-container div{font-family:Lato,sans-serif;font-weight:400;font-size:15px;color:#cecece;display:flex;align-items:center;justify-content:center;width:50px;border-radius:25px}.chapter-container>div:hover{cursor:pointer;background-color:#1e1f22}.bible-chapter-main hr,.bible-book-main hr{margin-top:15px;border:none;background-color:#1e1f22;height:2px;width:90%;z-index:2}.bible-verse-main{display:flex;flex-direction:column;align-items:center;width:32%;background-color:#37393e;border-radius:0 0 20px}.verse-container{display:flex;width:99%;height:650px;align-items:center;flex-direction:column;gap:5px;overflow-y:scroll}.verse-text,.story-text{width:90%;display:flex;align-items:center;gap:10px;background-color:#313338;padding:10px;border-radius:12px}.verse-text span,.story-text span{font-family:Lato,sans-serif;font-weight:400;color:#cecece}.verse-text:hover,.story-text:hover{cursor:pointer;background-color:#1e1f22}.nav{display:flex;align-items:center;width:100%;flex-direction:column;--underline-color: #ffffff;z-index:2}.container-out{width:95%;display:flex;align-items:center;justify-content:space-between}.container-out h1{font-family:Lato,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:8px;font-size:25px;margin:10px 0}.navbar{display:flex;align-items:center;justify-content:space-between;width:95%;background-color:#313338;border-radius:20px 20px 0 0;box-shadow:0 5px 5px #1e1f22}.left-block{display:flex;gap:50px;padding-left:30px}.right-block{display:flex;align-items:center;gap:20px;padding-right:30px}.right-block hr{height:30px}.right-block a,.right-block span{font-family:Lato,sans-serif;text-transform:uppercase;color:#cecece;text-decoration:none}.right-block a:hover,.right-block span:hover{color:#858c93}.nav-link{font-family:Lato,sans-serif;font-weight:400;text-align:center;text-transform:uppercase;font-size:15px;color:#fff;text-decoration:none;position:relative;padding-bottom:5px}.nav-link:before,.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;background-color:var(--underline-color, transparent);transition:width .3s ease,background-color .3s ease}.nav-link:before{left:50%}.nav-link:after{right:50%}.nav-link:hover:before,.nav-link:hover:after,.nav-link.active:before,.nav-link.active:after{width:50%;background-color:var(--underline-color)}.icon-button{cursor:pointer}.copied-notification{font-family:Lato,sans-serif;position:fixed;top:10%;left:50%;transform:translate(-50%);background-color:#000;color:#80df37;padding:10px 20px;border-radius:5px;box-shadow:0 0 10px #0003;z-index:1000;opacity:0;transition:opacity .3s ease-in-out}.copied-notification.show{opacity:1}.content-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.content-projector-main,.left-projector-main{display:flex;width:95%;height:750px}.left-category-main{width:8%;background-color:#1e1f22;border-radius:0 0 0 20px}.projectorContainer{display:flex;width:100%}.projectorContainer iframe{display:flex;border:none;width:100%;height:100vh;overflow:hidden}.streamingContainer{display:flex;width:100%}.streamingContainer iframe{display:flex;border:none;width:100%;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#232527;border-radius:6px}::-webkit-scrollbar-thumb{background:#171819;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}.scrollbar{scrollbar-width:thin;scrollbar-color:#171819 #232527}.scrollbar:hover{scrollbar-color:#171819 #232527}:root{background-color:transparent}#root{width:100%;display:flex;justify-content:center}body{margin:0;width:100%;display:flex;place-items:center;min-width:320px;min-height:100vh}