.top-menu{width:100%;background-color:#222}.top-menu .top-menu-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-inline:1rem;padding-block:1rem}.top-menu .top-menu-content .logo{display:flex;align-items:center;gap:.3rem;font-size:1.4rem;color:#fff;text-decoration:none;text-wrap:nowrap;overflow:hidden}.top-menu .top-menu-content .menu-items{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:.1rem;text-decoration:none}.top-menu .top-menu-content .menu-items button{color:#fff;background-color:inherit;border:none}.top-menu .top-menu-content .menu-items button:hover{color:#98db2e;background-color:inherit;border:none}.footer{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#222}.footer .copyright{padding:1rem}.common-page{display:flex;flex-direction:column;align-items:center}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:10vh}.login-page .login-card{max-width:400px;width:40%;min-width:fit-content}.card-list{width:100%;height:100%}.card-list .card-list-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:.5rem}.card-list .card-list-container .card-list-item{max-width:15rem}.card-list .card-list-container .card-list-item:hover,.card-list .card-list-container .card-list-item:active{cursor:pointer;border:thin solid #FFFFFF}.card-list .card-list-container .card-list-item:hover{background-color:#f2e8d9}.card-list .card-list-container .card-list-item:active{background-color:#b6781b}.card-list .card-list-container .card-list-item h1{margin:5px}.card-list .card-list-container .card-list-item .ant-card-cover{margin:.5px}.card-list .card-list-container .card-list-item .ant-card-body{padding:10px}.home-page .section.welcome{position:relative;width:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-items:center;min-height:100vh;overflow:hidden}.home-page .section.welcome:before{content:"";position:absolute;inset:0;background-image:url(/assets/img_2-6TPsIBaU.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:darken;background-attachment:fixed;filter:blur(3px);z-index:0}.home-page .section.welcome:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#00000080,#0000);z-index:1}.home-page .section.welcome .welcome-text{position:relative;z-index:2;text-align:center;max-width:55%}.home-page .section.welcome .welcome-text h1{font-size:2.5rem}.home-page .section.welcome .welcome-text p{font-size:2rem}.home-page .section.welcome .welcome-logo{position:relative;z-index:2;width:13rem}.home-page .section.welcome .welcome-logo img{border-radius:30rem}.home-page .section.welcome .scroll-button{display:flex;flex-direction:column;align-items:center;z-index:2;color:#fff;font-size:15px;animation:bounce 2s infinite}.home-page .section.welcome .scroll-button:hover{color:#98db2e}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.home-page .section#goal{padding-block:5rem;padding-inline:5rem;background:#fff;color:#000;display:flex;flex-direction:column;align-items:center;gap:3rem}.home-page .section#goal .title{font-weight:700;font-size:3rem}.home-page .section#goal .content{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;text-wrap:wrap;gap:5rem}@media(max-width:768px){.home-page .section#goal .content{flex-wrap:wrap;text-align:center}}.home-page .section#goal .content .text{font-size:1.2rem;text-align:center;width:50%}.home-page .section#goal .content .verse{font-size:1.3rem;text-align:center;width:50%}.songs-page{padding-bottom:2rem}:root{font-family:Inter;color:#fff}:root h1,:root h2,:root h3,:root h4,:root h5,:root h6{font-family:Poppins}:root .quote{font-style:italic;font-family:Playfair Display}html,body,#root{height:100%;margin:0;padding:0;scroll-behavior:smooth}.main-layout,.console-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-layout .content-wrapper,.console-layout .content-wrapper{flex:1}