*{box-sizing:border-box;margin:0;padding:0}html{background:#ccc}body{background:#f8f9fa;font-family:Arial,sans-serif;font-size:1em;margin:auto;max-width:1140px;padding:5px;width:100%}@media (max-width:768px){body{max-width:100%;padding:15px}}main{background:#fff;max-width:1140px;outline:0 solid #f8f9fa;padding:1px;width:100%}.header{align-items:center;background-color:#333;box-shadow:0 4px 8px #ca81811a;color:#fff;display:flex;justify-content:space-between;padding:20px;position:relative}.logo h3{color:#fff;font-size:20px;margin:0}.logo a{text-decoration:none}.nav-links{display:flex;gap:20px}.nav-links a{color:#fff;font-size:16px;text-decoration:none}.nav-links a:focus{border-bottom:1px solid #f0a500;transition:color .3s ease}.mobile-toggle{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:25px}.mobile-toggle .bar{background-color:#fff;border-radius:5px;height:3px;width:100%}@media (max-width:768px){.nav-links{align-items:center;background:#00000080;display:none;flex-direction:column;position:absolute;right:0;top:100%;width:100%;z-index:3000}.nav-links.mobile-active{display:flex}.nav-links a:focus{border-bottom:1px solid #f0a500;transition:color .3s ease}.mobile-toggle{display:flex}}.footer{background-color:#333;bottom:0;color:#fff;padding:20px;position:relative;text-align:center;width:100%}.footer p{font-size:14px;margin:10px 0}.social-links{display:column;gap:20px;justify-content:center;margin-top:10px}.social-links a{color:#fff;font-size:16px;justify-content:space-between;padding-right:20px;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#f0a500}@media (max-width:768px){.social-links{flex-direction:column}}.about-section{background-color:#f5f5f5;color:#333;margin:15px auto;max-width:800px;padding:40px 20px}.about-section p{background-color:#fff;font-size:18px;line-height:1.6;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:800px;padding:20px}.about-section p:last-of-type{margin-bottom:0}@media (max-width:768px){.about-section h2{font-size:28px}.about-section p{font-size:16px}}.home-section{align-items:center;background:url(/static/media/background.pk1.92a73af620bdfb38034d.jpg) 50%/cover no-repeat;color:#fff;display:flex;height:100vh;justify-content:center;padding:20px;text-align:center}.home-section-center{background-color:#0009;border-radius:10px;padding:40px}@media (max-width:768px){.home-sec-center{background-color:#0009;border-radius:10px;padding:20px}}.home-section h2{background-color:initial;color:#f0a500;font-size:40px;font-weight:700;margin-bottom:20px}.home-section p{font-size:20px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.home-section button{background-color:#f0a500;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:18px;padding:15px 30px;transition:background-color .3s ease}.home-section button:hover{background-color:#d88b00}@media (max-width:768px){.home-section h2{font-size:32px}.home-section p{font-size:18px}.home-section button{font-size:16px;padding:12px 25px}}.music-section{background-color:#f0f0f0;color:#333;padding:20px;text-align:center}.music-section p{color:#555;font-size:18px;line-height:1.6;margin:0 auto 30px;max-width:800px}.music-section .music{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.music-section .music-item{background-color:#fff;border-bottom:3px solid #333;box-shadow:0 4px 6px #0000001a;margin-bottom:10px;margin-top:10px;padding:5px;transition:transform .3s ease,box-shadow .3s ease}.music-section .music-item:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-5px)}.music-section .music-item h3{font-size:22px;margin-bottom:5px}.music-section .music-item p{color:#666;font-size:16px}@media (max-width:768px){.music-section h2{font-size:30px}.music-section p{font-size:16px}.music-section .music-item{padding:15px}}form input,form textarea{border:1px solid #ccc;border-radius:5px;color:#333;font-size:16px;margin-bottom:20px;padding:12px;width:100%}form input:focus,form textarea:focus{background:#d3d3d3;border-color:#ccc;outline:none}form textarea{height:150px;resize:none}form button:hover{background-color:#61605e}@media (max-width:768px){form{padding:30px}form button{padding:15px;width:100%}}h2{background-color:#fff;color:#333;font-size:24px;margin-bottom:5px;margin-top:1px;position:relative;text-align:center}h2:after{background-color:#d88b00;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}h4{color:#333;font-size:15px;margin-bottom:20px;margin-top:10px;padding:8px;position:relative;width:165px}h4:after{background-color:#d80000;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.spotify-embed-container{background:#f5f5f5;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:5px}.spotify-embed-container iframe{height:380px;width:24%}@media (max-width:768px){.spotify-embed-container{flex-direction:column}.spotify-embed-container iframe:first-child{margin-bottom:20px;width:100%}.spotify-embed-container iframe:nth-child(2),.spotify-embed-container iframe:nth-child(3),.spotify-embed-container iframe:nth-child(4){margin-bottom:10px;margin-left:20px;width:calc(100% - 40px)}}.music-links{display:flex;gap:20px;justify-content:center;margin-top:30px}.music-link{text-decoration:none;transition:transform .3s ease,color .3s ease}.icon{color:#fff;font-size:22px}.music-link:hover .icon{transform:scale(1.1)}.music-link.spotify .icon{color:#1db954}.music-link.spotify:hover .icon{color:#1ed760}.music-link.apple .icon{color:#fa233b}.music-link.apple:hover .icon{color:#f35}.music-link.youtube .icon,.music-link.youtube:hover .icon{color:#f30404}.music-link.audiomack .icon,.music-link.audiomack:hover .icon{color:#d87300}.music-link.deezer .icon,.music-link.deezer:hover .icon{color:#7e059c}@media (max-width:768px){.icon{font-size:28px}.music-links{margin-top:20px}}.breadcrumb{background:#fff;border-radius:10px 10px 0 0;box-shadow:"0 4px 12px rgba(0, 0, 0, 0.1)",;color:#999;display:flex;font-size:16px;list-style:none;margin:1px auto;max-width:auto;padding:5px;width:100%}.breadcrumb li{margin-right:2px}.breadcrumb li:after{content:">";margin-left:3px}.breadcrumb li:last-child:after{content:"";margin-left:3px}.breadcrumb a{color:#999;text-decoration:none}.breadcrumb a:hover{color:#e9b50d}.sidebar{background-color:#2c3e50;color:#ecf0f1;padding:20px;width:250px}.sidebar h2{margin-top:0}.sidebar ul{list-style-type:none;padding:0}.sidebar li{background:#2c3e50;border-radius:50px;box-shadow:0 2px 5px #0000001a;cursor:pointer;margin:15px;transition:transform .2s;width:30px}.sidebar li:hover{transform:translateY(-5px)}.sidebar li a{color:#fff;font-weight:17x;text-decoration:none}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px;transition:transform .2s}.card h3{margin:0}.card p{font-size:24px;font-weight:700}.card:hover{transform:translateY(-5px)}.dashboard-container{display:flex;height:100vh}.main-container{background-color:#f4f4f4;flex:1 1;padding:20px}.cards-container{display:flex;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:10px}@media (max-width:768px){.cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:10px;width:auto}}.form-style{background:#fff;padding:10px}.text-area{height:90px;margin:auto;width:100%}.input{height:20px;margin:8px auto;width:100%}.comment-body .comment-btn{background:#ccc;border-radius:2px;border-style:none;color:#000;cursor:pointer;font-size:12px;padding:5px}.comment-body .comment-btn:hover{background:#045d69;color:#fff}@media (max-width:786px){.comment-body button{border-radius:20px}}.error{border:0 solid red;color:red;margin-bottom:10px;padding:5px;text-align:center}.comment-body ul li{align-content:left;list-style:none}.name-box{border-bottom:1px solid #ccc;border-radius:50px 50px 50px 0;border-right-style:ridge}.comment-content-section{background-color:#fff;padding:30px}.comment-content-section-inner{background-color:#ccc;bottom:10px;display:flex;font-size:14px;justify-content:space-between;padding:10px}.comment-content-inner{align-content:left;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:20px}.comment-article-link{color:#007bff;font-size:20px;font-weight:700;text-decoration:none}.comment-link-title{background:#fff;margin:auto;padding:20px;text-align:center}.comment-bubble{background:#eaf6ff;border:1px solid #cbe7ff;border-radius:18px 18px 18px 0;box-shadow:0 1px 4px #0000000a;margin-bottom:18px;margin-top:10px;padding:16px;position:relative}.comment-content{width:100%}.comment-meta{color:#007bff;display:flex;font-size:1em;font-weight:600;gap:10px;justify-content:space-between;margin-bottom:4px}.comment-reply-thread{border-left:2px solid #ccc;border-radius:0 10px 10px 10px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin-bottom:10px;margin-top:8px;padding-left:5px;width:100%}.comment-reply{align-self:flex-start;background:#eaf6ff;border:1px solid #cbe7ff;border-radius:16px 16px 16px 0;box-shadow:0 1px 4px #0000000a;box-sizing:border-box;color:#222;display:block;font-size:15px;margin-bottom:5px;max-width:90%;padding:10px 16px;width:100%}.comment-nested-replies{box-sizing:border-box;display:flex;flex-direction:column;gap:1px;margin-bottom:10px;margin-top:5px;max-width:600px;width:100%}.comment-reply .fa-comment-dots{color:#00b4d8;font-size:16px;margin-right:6px}.comment-reply .comment-replies-list{border-left:2px solid #e3e9ef;gap:10px;margin-left:0;margin-top:0;padding-left:0}.reply-meta{color:#007bff;display:flex;font-size:.97em;font-weight:500;gap:8px;justify-content:space-between;margin-bottom:3px}.reply-icon{color:#00b4d8;flex-shrink:0;font-size:1rem;margin-right:8px;margin-top:6px}.reply-btn{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:inline-flex;font-size:14px;gap:4px;margin-top:6px;transition:color .2s}.reply-btn:hover{color:#0056b3;text-decoration:underline}.replying-to{font-size:14px}.replying-to-btn{border:none;float:right;font-size:14px}.comment-time,.reply-time{color:#aaa;font-size:12px;margin-left:8px}@media (max-width:600px){.comment-bubble,.reply-content{max-width:100%;padding:10px 8px}}
/*# sourceMappingURL=main.1b52bdef.css.map*/