@import url(https://fonts.googleapis.com/css?family=Bungee:regular);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#2097be,#6ac1df);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header{background-color:#c5e9e9;margin:0;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.brand,.header-container{align-items:center;display:flex;justify-content:space-between}.brand{gap:200px}.brand img{background-color:bisque;border-radius:10px;filter:drop-shadow(1px 2px 5px blue);height:100px;outline:1px solid blue;width:auto}.brand h1{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff80;border:1px solid;border-radius:20px;color:#43437e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:40px;font-style:italic;font-weight:700;padding:10px 20px}nav ul,nav ul .list{align-items:center;display:flex;gap:60px;justify-content:space-around;list-style:none}.menu-con{visibility:hidden}nav ul li{color:#43437e;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:600;margin-right:20px}nav ul li:hover{background-color:blue;border-radius:5px;color:#f0f8ff;filter:drop-shadow(2px 3px 10px rgb(6,40,51));padding:5px;transition:all .3s ease-in-out}.login-icon{background-color:rgba(51,4,237,.221);border-radius:50%;display:flex;font-size:40px;padding:5px;position:relative}.loginOptions p{border:1px solid #dcdcdc;border-radius:2px;padding:5px;text-align:center}.loginOptions{background-color:#f0f8ff;border-radius:10px;color:blue;font-weight:400;left:-150px;padding:10px;position:absolute;top:60px;transition:all .3s ease-in-out;visibility:hidden}.login-icon:hover .loginOptions{visibility:visible}.loginOptions:hover{background-color:none;color:blue;filter:drop-shadow(none);font-weight:400}@media screen and (max-width:400px){header{padding:5px}nav ul .list{flex-direction:column;gap:10px}.brand img{height:50px}.brand{gap:20px}.brand h1{filter:drop-shadow(1px 2px 10px transparent);font-size:10px}nav ul li{color:#000;font-size:10px;padding:3px 1px}ul{position:relative}.list{border-radius:10px;position:absolute;right:30px;text-align:center;top:26px;visibility:hidden;width:50px}.link{text-decoration:none}nav ul li:hover{filter:drop-shadow(2px 3px 10px transparent);font-size:10px}li.login-icon :hover{background-color:none;padding:2px}.loginOptions{left:-50px;max-width:50px;padding:5px;top:26px}.loginOptions p{border:none;border-radius:5px;font-size:10px;line-height:2px}.menu-con,.menu-con:hover{background-color:rgba(51,4,237,.221);border-radius:20%;display:flex;font-size:15px;margin-right:70px;padding:5px;position:absolute;right:-10px;text-align:center;visibility:visible}.menu-con:hover~.list{visibility:visible}.login-icon{font-size:16px}}main{align-items:center;background:linear-gradient(90deg,#5151dd,#5353ec,blue);display:flex;height:85vh;justify-content:center;margin:0;padding:10px;text-align:center}.home-container{margin:40px;padding:10px}.home-container h2{font-size:70px;font-style:italic}.home-container button{align-items:center;background:linear-gradient(90deg,#308b91,cyan,#24b7c2);border:1px solid #dcdcdc;border-radius:10px;color:blue;display:flex;font-size:30px;font-style:italic;gap:10px;justify-content:center;padding:10px;text-decoration:none;transition:.3s ease-in-out}.home-container button:hover{background:brown;cursor:pointer;transform:scale(1.1)}.CTA,Link{text-decoration:none}.CTA{display:flex;justify-content:center}footer{background-color:#c5e9e9;padding:20px}.social-media-icons{display:flex;font-size:20px;gap:30px;justify-content:center}.icon{background-color:rgba(51,4,237,.221);border-radius:50%;padding:5px}.copy-right{font-size:20px;text-align:center}@media screen and (max-width:700px){.home-container h2{color:#f0f8ff;font-size:25px}.home-container button,.home-container p{font-size:15px}main{background:linear-gradient(90deg,#22225d,#2525a2,#0d0ddf)}}.about-container{padding:10px;text-align:center}.about-container h1{background:linear-gradient(90deg,#16163a,#1e1e5b,#0707be,#38387e);border-radius:10px;color:#fff;font-family:Bungee;font-style:italic}.about-container p{color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:400}.about-container img{background:linear-gradient(0deg,#030307,#121243,#262695,#161666);border-radius:50%;padding:10px;width:200px}.service-page{color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:900px;padding:20px}.service-page h1{color:teal;margin-bottom:20px;text-align:center}.service-page p{font-size:18px;line-height:1.6;margin-bottom:40px;text-align:center}.service-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.service-item{background:#e0f7f7;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:25px;transition:transform .2s ease}.service-item:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.service-item h2{color:#00796b;margin-bottom:12px}.service-item p{color:#333;font-size:15px}@media screen and (max-width:600px){.about-container h1{font-size:20px}.about-container h2{font-size:15px;text-align:center}.about-container img{background:linear-gradient(0deg,#030307,#121243,#262695,#161666);border-radius:50%;padding:10px;width:200px}.about-me{color:pink;font-size:20px;font-style:italic}}.product-page{background:linear-gradient(90deg,#2097be,#6ac1df);max-height:1000vh}.search-bar-container{align-items:center;display:flex;gap:10px;justify-content:space-around;padding:30px}.search-bar{display:flex;max-width:600px;position:relative;width:80%}.search-bar input{background-color:#ebe0d1;border:1px solid #ccc;border-radius:20px;font-size:23px;outline:none;padding:10px 15px;width:100%}.search-bar span{background-color:rgba(51,4,237,.221);border-radius:50%;color:#000;display:flex;font-size:25px;font-weight:900;padding:7px;position:absolute;right:10px;top:6px}.category-container select{background-color:#ebe0d1;border:1px solid #ccc;border-radius:8px;font-size:16px;padding:10px}.controls-container{background:linear-gradient(90deg,#2da2ac,#619ea3,#3399a2);bottom:0;padding-bottom:20px;padding-top:1px;position:fixed;width:100%}.play-tools-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-left:10%}.play-tools-container button{align-items:center;border:none;color:#000;display:flex}.play-tools-container input{width:50px}.play-pause{align-items:center;background:rgba(51,4,237,.221);border-radius:50%;display:flex;font-size:35px;padding:15px 15px 15px 20px}.bg{background:none;font-size:30px}.range{align-items:center;display:flex;gap:20px;justify-content:center}.range input{margin-right:40px;max-width:900px;width:100%}.range p{font-size:20px;margin-right:40px}.product{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);text-align:center}.songs-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-left:100px;max-width:700px}.songs-container .heart{background:none;border:none;display:flex;font-size:30px;justify-content:end}.songs-container img{border-radius:20px;height:70px;width:auto}.img-container{position:relative}.rate-btn-container{max-width:100px;position:relative}.rate-btn{border-radius:10px;left:-100px;max-height:100px;overflow-y:scroll;padding:10px;position:absolute;top:-100px}.rate-btn,.rate-btn button{background-color:#f0f8ff;text-align:center}.rate-btn button{align-items:center;display:flex;justify-content:center;padding-bottom:5px;padding-top:5px;width:100%}.rate-btn button:hover{background-color:#ccc}@media screen and (max-width:600px){.search-bar-container{justify-content:space-between}.category-container select{border:1px solid #ccc;border-radius:4px;font-size:10px;padding:5px 15px;width:50px}.search-bar-container input{font-size:10px}.search-bar span{font-size:10px;right:5px;top:4px}.product{grid-template-columns:repeat(1,1fr)}.songs-container{margin-left:10px}.songs-container img{border-radius:5px;height:30px}.songs-container h3{font-size:9px}.songs-container p{font-size:5px;line-height:1px}.range p,marquee{font-size:10px}.range input{height:6px;margin:0;max-width:200px;padding:0;width:100%}.range{display:flex;gap:0;padding:none}.play-tools-container input{height:6px;width:30px}.play-tools-container{gap:2px;margin-left:0}.play-tools-container button{font-size:15px}.play-pause{font-size:20px;padding:10px}.rate-btn button{font-size:10px}}
/*# sourceMappingURL=main.5e25ed15.css.map*/