@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oi&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";.toggle-button{border:none;background-color:transparent;font-size:36px;color:#00834d;float:left;padding:15px}.sidebar-container{z-index:2;width:100%;height:100%;position:fixed;top:0;right:100%;background-color:#00000040;transition:.3s ease-in-out}.sidebar-container .menu-icon{color:#00834d}.sidebar-container li:hover{text-decoration:underline}.logo-btn-container{padding:10px;display:flex;justify-content:space-between;align-items:center}.logo-btn-container .toggle-button{margin-left:10px;padding:0}.sidebar-container.open{right:0}.sidebar-content{background-color:#fff;width:284px;height:100vh;color:#00834d;box-shadow:10px 0 32px -3px #000000a3}.sidebar-content.toggle-button{margin:10px}.sidebar-content ul{margin-top:40px;text-align:left;padding:20px}.sidebar-content ul a{text-decoration:none;color:#00834d;font-weight:700;font-size:24px}.sidebar-content li{padding-bottom:30px}@media (min-width: 768px){.sidebar-content{width:300px}}@media (min-width: 1024px){.header .toggle-button{display:none}}.landing-button{border:solid #029254;border-radius:8px;background:#029254;margin-top:3rem;margin-left:1rem;padding:.5rem 1rem;font-size:.75rem;font-family:Work Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;text-decoration:none;color:#fff}.landing-button:hover{background:#fff;color:#029254}.landing-button{border:solid #029254;border-radius:8px;background:#029254;margin-top:3rem;margin-left:1rem;padding:.5rem 1rem;font-size:.75rem;font-family:Work Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.landing-button a{text-decoration:none;color:#fff;display:flex;align-items:center;gap:8px}.landing-button:hover{background:#fff}.landing-button:hover a{color:#029254}@media screen and (min-width: 768px){.landing-button{font-size:1rem}}@media screen and (min-width: 1024px){.landing-button{font-size:1.2rem}}.chant-nav-container{width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chant-nav-container::-webkit-scrollbar{display:none}.chant-nav{display:flex;gap:.5rem;padding:1rem;justify-content:flex-start}.chant-nav button{background:#eee;color:#00834d;border:none;padding:.5rem .75rem;font-size:1rem;cursor:pointer;border-radius:.75rem;flex:0 0 auto;transition:.3s;white-space:nowrap;font-family:Work Sans,sans-serif}.count-badge{margin-left:5px;font-size:.85em;opacity:.8}.chant-nav button:hover{background:#ddd}.chant-nav button.active{background:#00834d;color:#fff;font-weight:700}@media (min-width: 768px){.chant-nav-container{padding:1rem}.chant-nav{gap:1rem;justify-content:flex-start;padding-left:70px}.chant-nav button{font-size:1.125rem;padding:.75rem 1rem}}@media (min-width: 75rem){.chant-nav{padding-left:160px}}.title-container{cursor:pointer;height:91px;display:flex;background:#00834d;font-family:Work Sans,sans-serif;font-weight:700;color:#fff;align-items:center;padding-left:30px;gap:10px;border-top:2px solid #ffff;box-shadow:0 10px 20px -10px #0000003d}.title-container h2{display:flex;gap:10px;margin:0;font-size:1.5rem}.feed-content{display:grid;justify-items:center;grid-template-columns:1fr;gap:1rem;margin:2rem 0}.chants-grid{display:grid;align-items:start;grid-template-columns:1fr;gap:1rem;justify-items:center}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem;color:#029254;font-family:Work Sans,sans-serif;font-size:1.2rem}.pagination button{font-size:1rem;padding:.5rem 1rem;background-color:#029254;color:#fff;border-radius:12px;border:2px solid #029254;cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){background-color:#fff;color:#029254}.pagination button:disabled{opacity:.5;cursor:not-allowed;background-color:#ccc;border-color:#ccc}.loading-spinner{display:flex;justify-content:center;padding:2rem}@media screen and (min-width: 768px){.title-container{padding-left:70px}.chants-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.pagination button{padding:.75rem 1.2rem}}@media screen and (min-width: 1024px){.title-container{padding-left:160px}}@media screen and (min-width: 1440px){.title-container{padding-left:70px}.chants-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem 3rem}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.header{background:#00834d;display:flex;justify-content:space-between;align-items:center;box-shadow:50px 20px 31px -21px #0000003d}.header-container{display:flex}.menu-icon{color:#fff}.arrow-icon{color:#fff;font-size:2rem}.logo{margin:24px 7px 22px 10px}@media (min-width: 768px){.header{padding:0 70px}}.nav-container{color:#fff;margin-left:1rem;align-items:center;display:none}.nav-container ul{display:flex}.nav-container ul a{text-decoration:none}.nav-item{display:flex;align-items:center;color:#fff;padding:0 10px 0 0;gap:10px;text-decoration:none}@media (min-width: 768px){.nav-item{margin-right:30px}}@media (min-width: 1024px){.nav-container{display:flex}.nav-container ul a :hover{transition:ease-in-out .3s;text-decoration:underline}}.chant-card{padding:1rem;width:280px;margin:2.5rem 0 10px;color:#fff;background:linear-gradient(130.99deg,#00834d,#1f561c);box-shadow:0 4px 4px #00000040;border-radius:12px;overflow-x:hidden}.chant-card h3{display:flex;justify-content:center;margin-top:1rem;font-size:16px;font-weight:700;font-family:Work Sans,sans-serif;text-align:center}.lyrics-section{margin-top:10px;font-size:12px;padding:10px 20px;display:flex;flex-direction:column;font-style:italic}.lyrics-line{width:220px;font-size:16px;line-height:1.7;font-family:Work Sans,sans-serif;text-align:left}.video-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem}.video-wrapper iframe{height:150px;width:250px;border-radius:12px;margin-bottom:1rem;border:none}.no-video{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;margin-top:1rem;width:100%}.no-video p{width:250px;border-radius:12px;background-color:#fff;color:#00834d;padding:1rem;font-size:14px;line-height:1.6;font-family:Work Sans,sans-serif;text-align:center}.card-footer{margin-top:1.5rem;display:flex;justify-content:center}.tags-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tag{background:#fff3;padding:4px 10px;border-radius:20px;font-size:12px;font-family:Work Sans,sans-serif;text-transform:capitalize}.video-loader{padding:20px;display:flex;justify-content:center}@media (min-width: 1440px){.chant-card{width:390px}.chant-card h3{font-size:1.2rem}.lyrics-line{width:300px}.video-wrapper iframe{width:320px;height:180px}.no-video p{width:320px}}.footer-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;background:#00834d;color:#fff;border-top:2px solid #fff;padding:2rem 0;font-family:Work Sans,sans-serif}.footer-column{display:flex;flex-direction:column;align-items:flex-start;margin:2rem 1rem}.footer-column h3{font-size:20px;font-weight:700;margin-bottom:1rem}.footer-column:not(:first-child){margin-left:2rem}.footer-logo{width:100px;height:96px;margin-bottom:1rem;margin-right:1rem}.footer-link{display:flex;align-items:center;color:#fff;font-size:16px;font-weight:700;text-decoration:none}.footer-list{list-style-type:none;padding:0;margin:0}.footer-text{color:#fff;font-weight:400;margin-bottom:1rem}.footer-text a{color:#ffffffbe;text-decoration:none;transition:color .3s ease}.footer-text a:hover{color:#fff;text-decoration:underline}@media (min-width: 768px){.footer-container{height:auto;padding-left:80px}.footer-column{align-items:flex-start}.footer-column h3:not(:first-child){font-size:24px}.footer-link{padding-left:0}}@media (min-width: 1024px){.footer-container{flex-direction:row;justify-content:space-around;padding:4rem 0}.footer-column{margin:0}.footer-column{align-items:flex-start}}.landing-container{width:100vw;height:100vh;display:flex}.landing-container h1{margin-top:50px;font-family:Oi,serif;font-weight:400;font-style:bold;font-size:30px;text-shadow:0px 4px 4px rgba(0,0,0,.25)}.landing-container h2{margin-top:182px;font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-style:bold;font-size:20px;text-shadow:0px 4px 4px rgba(0,0,0,.25)}.landing-container-left{color:#fff;width:50%;background:linear-gradient(143.44deg,#00834d -6.39%,#1f561c 114.88%);text-align:end}.landing-container-right{background-color:#fff;width:50%;color:#00834d}@media (min-width: 768px){.landing-container{width:100vw;height:100vh;display:flex}.landing-container h1{margin-top:50px;font-family:Oi,serif;font-weight:400;font-style:normal;font-size:75px;text-shadow:0px 4px 4px rgba(0,0,0,.25)}.landing-container h2{margin-top:182px;font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:50px;text-shadow:0px 4px 4px rgba(0,0,0,.25)}.btn{padding:20px 40px;font-weight:700;border-radius:15px}.landing-container-left{color:#fff;width:50%;background:linear-gradient(143.44deg,#00834d -6.39%,#1f561c 114.88%);text-align:end}.landing-container-left .btn{margin-top:250px;margin-right:100px}.landing-container-right{background-color:#fff;width:50%;color:#00834d}.landing-container-right .btn{margin-top:250px;margin-left:100px}}.test{width:100%;height:100vh;text-align:center}.container-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.container-center .title{font-size:30px;font-family:Work Sans,sans-serif;font-weight:700;color:#00834d;margin:30px 0;padding:0 24px;text-align:center;text-shadow:1px 3px 3px rgba(68,68,68,.2)}.container-center .paragraf{text-align:start;line-height:2;margin-bottom:30px;padding:0 24px}@media (min-width: 768px){.container-center .title{margin-top:50px;font-size:50px;width:600px}.container-center .paragraf{width:600px}}@media (min-width: 1024px){.container-center .title{margin-top:75px;width:800px}.container-center .paragraf{width:600px}.container-center .paragraf:last-child{margin-bottom:50px}}html{scroll-behavior:smooth}#root{font-family:Work Sans,sans-serif;overflow-x:hidden;scroll-behavior:smooth}.error-message{padding:20px;font-family:Work Sans,sans-serif}