body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background-color:#121212;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;height:100%}.background-image{background-attachment:fixed;background-image:url(/static/media/background.b0d3c1605d9c36d81dc5.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.App-header{padding:20px 0;width:100%}.navigation{background-color:#121212;border-bottom:1px solid #282828;display:flex;gap:24px;justify-content:center;padding:12px 0}.navigation a{border-radius:4px;color:#b3b3b3;font-size:1rem;font-weight:600;margin:0 12px;padding:6px 12px;text-decoration:none;transition:background-color .2s,color .2s}.navigation a:hover{background-color:#ffffff1a;color:#fff}.navigation a.active{background-color:#1db954;color:#fff}.mobile-nav{display:none}.nav-item{align-items:center;color:#b3b3b3;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;padding:6px 0;text-decoration:none;transition:color .2s}.nav-item svg{font-size:1.3rem;margin-bottom:4px}.nav-item.active{color:#1db954}.song-card{background-color:#1e1e1ef2;border:1px solid #2c2c2c;box-shadow:0 2px 4px #0006;max-width:800px;padding:16px}@media (max-width:768px){.navigation{display:none}.mobile-nav{background-color:#121212;border-top:1px solid #282828;bottom:0;display:flex;left:0;position:fixed;right:0;z-index:1000}}.top-image{height:auto;object-fit:cover;width:80%}@media (max-width:768px){.top-image{max-height:180px}}.song-card iframe{aspect-ratio:16/9;border:none;height:auto;max-width:100%;width:60%}.pagination{flex-wrap:wrap;gap:8px;margin-bottom:80px;max-width:100%;overflow-x:auto;padding:12px}.custom-audio-player{align-items:center;background-color:#797878;border-radius:10px;box-shadow:0 2px 4px #0003;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:5px;padding:10px}.progress-bar{flex-grow:1;margin:0 1px}.volume-control{position:relative}.volume-slider{display:block;left:-20px;position:absolute;right:0;top:-10px;transform:rotate(-90deg);transform-origin:top right;width:55px}.volume-button{margin-left:5px;margin-right:10px}.download-button,.volume-button{background-color:#555;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;padding:8px 10px}.download-button{margin-left:20px}.button{background-color:#555;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;padding:8px 30px}.download-button:hover,.volume-button:hover{background-color:#d955dd}.button.active{background-color:#007bff}.pagination{display:flex;justify-content:center;list-style:none;padding:0}.page-item{margin:0 5px}.page-item.active .page-link{background-color:#007bff;color:#fff}.page-link{color:#007bff;cursor:pointer;display:block;padding:8px 12px;text-decoration:none}.separator{border:1px dashed #fff;margin:20px 0}.tag-section{display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px;justify-content:center;margin:0 auto;max-width:800px}.tags-container h3{color:#110d0d;font-size:.95rem;line-height:1.8;margin:.5em 0 .3em;text-align:center}.toggle-buttons{gap:12px;margin:20px 0}.search-bar,.toggle-buttons{display:flex;justify-content:center}.search-bar{align-items:center;gap:8px;margin:10px auto 20px;max-width:600px}.search-bar input[type=text]{border-radius:18px;flex:1 1;height:36px;max-width:400px;min-width:200px;padding:0 12px}.search-bar button{background-color:#1db954;border:none;border-radius:18px;color:#fff;cursor:pointer;height:36px;padding:8px 16px;transition:background-color .2s}.search-bar button:hover{background-color:#17a74a}.song-card{background-color:#292929;border-radius:12px;box-shadow:0 2px 6px #0006;color:#fff;margin:20px auto;max-width:900px;padding:20px}.tag-section button{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;padding:6px 12px;transition:background-color .2s}.tag-section button:hover{background-color:#e0e0e0}.creator-page{padding:20px}.creator-container{display:flex;flex-wrap:wrap;justify-content:center}.creator{background-color:#292929;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;margin:10px 20px 10px 10px;width:calc(50% - 20px)}.creator-image,.creator-info{flex:1 1;padding:20px}.creator img{width:100%}@media (max-width:768px){.creator,.creator-container{flex-direction:column}.creator{margin-bottom:20px;margin-right:0;width:100%}.creator-image{order:1}.creator-info{order:2}}.stylish-container{background-color:#292929;border-radius:10px;color:#fff;margin:10px auto 0;max-width:800px;padding:10px;text-align:center}.first-stylish{background-color:initial;color:#fff;padding:20px}.stylish-content{margin-top:20px;padding:20px;text-align:left}.stylish-content ol{list-style-type:decimal}.stylish-content li{margin-bottom:10px}h2,h3{color:#000}.paragraph{color:#fff;font-size:16px;line-height:1.5;margin-bottom:1em}.news-section{background-color:#292929;border-radius:10px;margin:0 auto 20px;width:50%}.news-list{font-size:16px;list-style-type:none;padding:0}.news-list li{margin:5px 0}.twitter-follow-button{border-radius:5px;color:#fff;display:inline-block;font-size:1000px;padding:10px;text-decoration:none}.twitter-follow-button:hover{background-color:#ced7dd}@media (max-width:768px){.stylish-container{max-width:65%;padding:15px}.first-stylish{padding:15px}.stylish-content{margin-top:10px;padding:15px}.stylish-content ol{font-size:14px}.stylish-content li{margin-bottom:8px}h3{font-size:18px}.paragraph{line-height:1.4;margin-bottom:.8em}.news-list,.paragraph{font-size:14px}}.video-container{height:415px;margin:0 auto;overflow:hidden;position:relative;width:620px}.video-container iframe{height:100%;height:calc(100% - 20px);left:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.video-container .video1{opacity:1}.video-container .video2,.video-container.sliding .video1{opacity:0}.video-container.sliding .video2{opacity:1}@media (max-width:768px){.video-container{height:auto;padding-top:56.25%;position:relative;width:100%}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}}
/*# sourceMappingURL=main.077b3862.css.map*/