body{background-color:#fbc252;height:100vh;margin:0;overflow:hidden;width:100vw}.App{align-items:flex-end;min-height:100vh;min-width:100%}.App,.AppColor{display:flex;flex-direction:column;overflow:hidden}.AppColor{background-color:#3d1766;background-image:url(/static/media/bg.a9218378bc738fdb2e12.png);background-position:top;background-size:cover;border-radius:30px 0 0 30px;box-shadow:-5px 10px 50px #000;gap:100px;height:100vh;justify-content:space-between;margin:0;width:calc(100% - 100px)}.contentContainer{justify-content:space-between;margin-left:100px;margin-right:100px;margin-top:100px}.container,.contentContainer{align-items:center;display:flex}.container{flex-direction:column;gap:30px;justify-content:center}.stopBoring h1{color:#f5cc7b;font-family:Monoton,cursive;font-size:90px;font-weight:300;letter-spacing:15px;margin:0}.iphone{background:rgba(224,229,236,.2);border:3px solid #e0e5ece3;box-sizing:border-box;flex-direction:row;font-family:Concert One,cursive;gap:15px;height:90px;justify-content:flex-end;padding:20px;position:relative;width:700px}.iphone,.songImageContainer{border-radius:30px;display:flex}.songImageContainer{align-items:center;background:rgba(224,229,236,.419);border-left:3px solid #e0e5ece3;border-right:3px solid #e0e5ece3;height:85px;justify-content:center;left:-3px;overflow:hidden;position:absolute;top:0;width:90px}.songImage{height:90px;width:90px}.album-cover{align-items:center;color:#fff;display:flex;justify-content:center}.song-title{font-size:16px;margin:0}.artist-title{font-size:17px;margin:0}.buttons{flex-direction:row;gap:30px}.btn,.buttons{align-items:center;display:flex;justify-content:center;padding:15px}.btn{background:#e0e5ec;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:40px;outline:none;width:40px}.btn:active{box-shadow:inset -5px -5px 15px 0 #ffffff9e,inset 5px 5px 15px 0 #fbc252}.Recom{align-items:center;display:flex;flex-direction:column;font-family:Concert One,cursive;gap:30px;justify-content:center}.recomContainer{background:#e0e5ec;background:radial-gradient(circle,rgba(224,229,236,.2) 0,#e0e5ec 100%);border:3px solid #f5cc7b;border-radius:30px;font-size:30px;height:250px;text-align:center;width:800px}.btnRecomContainer,.recomContainer{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:30px}.btnRecomContainer{background-color:#fbc252;border:none;border-radius:30px;font-family:Concert One,cursive;font-size:18px;height:60px;text-transform:uppercase;width:300px}.btnRecomContainer:active{box-shadow:inset -5px -5px 15px 0 #f5cc7b,inset 5px 5px 15px 0 #977532}.partition{display:flex;gap:5px;justify-content:space-between}.collectionContainer{display:flex;flex-direction:column;height:200px;width:350px}.imageContainer{border-radius:30px;height:200px;position:relative;width:350px;z-index:3}.imageContainer:after{background:#e950fb;background:linear-gradient(180deg,rgba(243,144,254,.875),rgba(251,195,80,.142) 90%);content:"";display:block;left:0;position:absolute;top:0;z-index:10}.collectionImage,.imageContainer:after{border-radius:30px 30px 0 0;height:200px;width:350px}.collectionImage{display:flex}.describeContainer{display:flex;flex-direction:column;font-family:Concert One,cursive;padding:20px;position:absolute;z-index:10}.placeTitle{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:30px;letter-spacing:5px;margin:0}.describe{font-size:20px;height:40px;letter-spacing:1px;margin-bottom:10px;margin-top:0;width:300px}.btnCollection{align-self:flex-end;background-color:#fbc252;border:none;border-radius:30px;font-family:Concert One,cursive;font-size:15px;height:50px;margin-bottom:10px;width:100px}a{color:#000;text-decoration:none}.btnCollection:active{box-shadow:inset -5px -5px 15px 0 #f5cc7b,inset 5px 5px 15px 0 #977532}@media (max-width:1900px){.stopBoring h1{font-size:80px;letter-spacing:13px}.iphone{gap:10px;width:650px}.buttons{gap:10px;padding:15px}.recomContainer{height:230px;width:700px}}@media (max-width:1700px){.AppColor{gap:80px}.contentContainer{margin-left:80px;margin-right:80px;margin-top:50px}.stopBoring h1{font-size:65px;letter-spacing:10px}.iphone{gap:10px;width:650px}.buttons{gap:10px;padding:15px}.recomContainer{height:230px;width:700px}.collectionContainer,.collectionImage,.imageContainer,.imageContainer:after{height:180px;width:300px}.describeContainer{height:180px;width:260px}.placeTitle{font-size:25px}.describe{font-size:18px;margin-bottom:5px;width:260px}.btnCollection{height:40px}}@media (max-width:1600px){.AppColor{gap:50px;width:calc(100% - 50px)}.contentContainer{margin-left:70px;margin-right:70px;margin-top:40px}.iphone{width:640px}.recomContainer{font-size:25px;height:210px;width:650px}.partition{gap:2px}.collectionContainer,.collectionImage,.imageContainer,.imageContainer:after{width:260px}.describeContainer{width:230px}.placeTitle{font-size:23px}.describe{font-size:17px;width:240px}.btnCollection{height:35px}}@media (max-width:1450px){.AppColor{gap:20px}.contentContainer{margin-left:50px;margin-right:50px;margin-top:40px}.stopBoring h1{font-size:55px;font-weight:200;letter-spacing:10px}.iphone{gap:8px;width:630px}.songImageContainer{height:85px;width:80px}.songImage{height:80px;width:80px}.buttons{gap:8px;padding:10px}.recomContainer{font-size:23px;height:200px;width:630px}.collectionContainer,.collectionImage,.imageContainer,.imageContainer:after{width:240px}.describeContainer{width:200px}.placeTitle{font-size:23px}.describe{font-size:17px;width:200px}.btnCollection{font-size:13px;height:30px}}@media (max-width:1300px){.stopBoring h1{font-size:50px;font-weight:200;letter-spacing:5px}}@media (max-width:1200px){.AppColor{gap:0}.iphone{height:80px;width:500px}.songImage,.songImageContainer{height:75px;width:75px}.album-cover{display:flex;flex-direction:column}.collectionContainer,.collectionImage,.imageContainer,.imageContainer:after{width:200px}.describeContainer{width:170px}.placeTitle{font-size:20px;letter-spacing:2px}.describe{width:180px}.btnCollection{margin-top:15px}}@media (max-width:1024px){.contentContainer{display:flex;flex-direction:column;gap:30px}.stopBoring h1{font-size:55px;letter-spacing:10px}.iphone{width:450px}.artist-title{font-size:15px}.song-title{font-size:13px}.btn{height:35px;width:35px}.buttons{padding-right:0}.collectionContainer,.collectionImage,.imageContainer,.imageContainer:after{width:170px}.describeContainer{width:140px}.placeTitle{font-size:18px;letter-spacing:0}.describe{width:140px}}@media (max-width:820px){.recomContainer{height:160px;width:500px}.collectionContainer,.collectionImage,.imageContainer,.imageContainer:after{height:150px;width:130px}.describeContainer{box-sizing:border-box;display:flex;padding:3px;text-align:center;width:130px}.placeTitle{font-size:16px;margin-bottom:10px;margin-top:10px}.describe{font-size:13px;width:120px}.btnCollection{align-self:center;margin-top:3px}}@media (max-width:390px){.AppColor{width:calc(100% - 5px)}.contentContainer{gap:20px;margin-left:5px;margin-right:5px;margin-top:20px}.stopBoring h1{font-size:25px;letter-spacing:1px}.iphone{display:flex;flex-direction:column;height:100px;justify-content:center;width:200px}.songImageContainer{display:none}.buttons{padding:0}.btn,.icons{height:20px;width:20px}.artist-title,.song-title{font-size:10px}.Recom{gap:10px}.recomContainer{font-size:20px;height:140px;width:300px}.btnRecomContainer{font-size:12px;height:40px;padding:10px;width:200px}.partition{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.collectionContainer,.collectionImage,.imageContainer,.imageContainer:after{border-radius:30px;height:100px;width:100px}.describeContainer{display:flex;height:100px;justify-content:space-around;width:100px}.placeTitle{font-size:13px;margin-bottom:3px;margin-top:3px}.describe{font-size:10px;height:40px;margin-bottom:0;width:90px}.btnCollection{font-size:10px;width:50px}}@media (max-width:320px){.contentContainer{gap:10px;margin-top:10px}.iphone{height:90px}.recomContainer{font-size:15px;height:100px;width:200px}.btnRecomContainer{font-size:10px;height:30px;padding:5px;width:150px}.partition{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.collectionContainer,.collectionImage,.describeContainer,.imageContainer,.imageContainer:after{height:80px;width:80px}.placeTitle{font-size:10px}.describe{font-size:8px;height:30px;width:80px}.btnCollection{height:15px;width:60px}}
/*# sourceMappingURL=main.be751b02.css.map*/