@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,300;0,400;0,500;1,600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap);body{margin:0;overflow-x:hidden;width:100vw}@font-face{font-family:"Geometos";src:local("Geometos"),url(/static/media/Geometos.f643a91a.ttf) format("truetype")}.App{text-align:center;font-family:"Geometos"}.topleft{position:absolute;margin-top:-200px;z-index:-100;margin-left:-140px;background:radial-gradient(#ffd13a,#fff,#fff);width:500px;height:500px;border-radius:300px;opacity:.6}.topright{right:0;margin-top:-80px;margin-right:-100px;width:100vw;z-index:-100;width:300px;height:300px}.centerleft,.topright{position:absolute;background:radial-gradient(#f8a870,#fff,#fff);border-radius:300px;opacity:.5}.centerleft{margin-left:-300px}.centerleft,.centerright{margin-top:200px;z-index:-200;width:800px;height:900px}.centerright{position:absolute;right:0;margin-right:-250px;background:radial-gradient(#68cad8,#fff,#fff);border-radius:300px;opacity:.5}.bottomleft{z-index:-100;margin-left:-350px;background:radial-gradient(#ffd13a,#fff,#fff)}.bottomleft,.bottomright{position:absolute;margin-top:100vh;width:1000px;height:1000px;border-radius:300px;opacity:.6}.bottomright{right:0;z-index:-1000;margin-right:-350px;background:radial-gradient(#f8a870,#fff,#fff)}.price{display:flex;justify-content:flex-end;color:#574c4f;padding:10px;font-size:16px;margin-bottom:20px;margin-right:12px}.home-links{display:flex;justify-content:center;color:#f8a870;font-size:22px;border-bottom:1px solid #c6c6c6;width:80vw;margin:auto}.playlist{margin-right:32px;cursor:pointer}.highlight{padding-bottom:8px;border-bottom:3px solid #80c8d6}.home-wrapper{margin-top:80px}.nftlist{cursor:pointer}.first-row{display:flex;max-width:92vw;margin-left:140px;padding-left:10px;padding-top:20px;overflow-x:hidden}@media (min-width:801px){.first-row:focus,.first-row:hover{overflow-x:auto}}@media (max-width:800px){.first-row{overflow-x:scroll}}.first-header{font-size:24px;padding-left:150px;padding-bottom:20px;padding-top:20px;color:#574c4f}@media (max-width:580px){.first-row{margin-left:20px;width:100vw}.first-header{padding-left:20px}}.each-card{margin-right:60px;cursor:pointer}.first-row-wrapper{margin-top:40px}.discover-wrapper,.home-wrapper{background:url(/static/media/home-bg.61811d16.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.nftdetails-wrapper,.playlist-wrapper{background:url(/static/media/home-bg.61811d16.png);background-repeat:no-repeat;background-size:cover;height:auto;padding-top:100px}.playlist-wrapper,.playmusic-wrapper{font-family:"Raleway",sans-serif;font-weight:"bold";color:#000}.playmusic-wrapper{background:url(/static/media/home-bg.61811d16.png);background-repeat:no-repeat;background-size:cover;height:auto;padding-top:100px}.nftdetails-contain{width:85vw;margin:auto;display:flex}.nft-card{width:416px;height:720px;background-color:#fff;border-radius:40px;box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.nft-card-image{display:flex;justify-content:center;border-radius:40px}.nft-card-title{padding-left:50px;padding-top:60px;padding-bottom:20px;font-size:18px;color:#574c4f}.nft-likes{display:flex;justify-content:flex-end;padding-right:60px;padding-top:12px}.nft-description,.nft-likes{font-size:14px;color:#cfc7c4}.nft-description{padding:40px}.nft-buttons{display:flex;width:80%;justify-content:space-between;margin:auto}.nft-buttons>div{background-color:#cfc7c4;width:80px;font-size:14px;display:flex;justify-content:center;padding:2px;height:30px;border-radius:16px;color:#fff;align-items:center}@media (max-width:480px){.nftdetails-left{padding-left:8px;padding-top:20px;width:100%}.nft-card{width:100%;margin-left:16px}.nftdetails-contain{margin:0;padding-left:6px}.nft-card-image-class{width:90%;height:50%;margin-top:40px}.nft-card-title{padding-left:12px;padding-bottom:0}.nft-likes{padding-right:20px}.nft-buttons{width:90%;margin-left:14px}.nft-buttons>div{width:70px}.nft-description{margin-left:-14px}}.nftdetails-right{display:flex;margin-top:100px;font-family:"Raleway",sans-serif;font-weight:700;margin-left:80px;width:60%;justify-content:space-between}.nft-info{width:22vw;height:500px;margin-top:60px}.nft-history{width:20vw;height:600px}.nft-info-details>div{padding:12px}.nft-info-details>div,.nft-info-head{display:flex;justify-content:space-between}.nft-info-head{padding:30px}.artist,.owner{display:flex;font-size:12px;align-items:center}.history-container{margin-top:80px;height:400px;overflow-y:scroll}.history-container>div{margin-bottom:24px}.time{margin-top:40px;margin-bottom:20px;border:4px solid #f8a870;width:50%;padding:12px;border-radius:5px;color:#574c4f}.placebid,.time{font-family:sans-serif}.placebid{background:#88c0d2;width:30%;padding:16px;border-radius:40px;font-weight:400;color:#fff;cursor:pointer}@media (max-width:1220px){.nftdetails-contain{flex-wrap:wrap}.nft-info-head{padding:0;margin-bottom:20px}.nftdetails-right{width:100%;margin-left:0}.nft-history,.nft-info{width:40%}.nftdetails-left{margin:auto}.nftinfo-tab{margin-right:20px}}@media (max-width:1020px){.nftdetails-right{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:0}.nft-info-head{margin-left:10px}.nft-info{width:90vw;margin:auto auto 40px}.nft-history{width:80vw;margin:auto}.placebid,.time{width:80%}}.react-modal-self{width:520px;height:auto;background:#fff;border-radius:20px;margin-right:100px}.react-modal-self:focus{outline:none}@media (max-width:800px){.react-modal-self{width:320px;margin:auto}}@media (max-width:320px){.react-modal-self{width:280px;margin-left:12px}}.placebid-modal-body{padding:10%;font-size:16px;font-family:"Raleway",sans-serif;font-weight:700}.placebid-modal-head{display:flex;justify-content:space-between;align-items:center}.modal-custom-close{padding:4px;cursor:pointer}.modal-body-price{margin-top:100px}.modal-body-info,.modal-body-price{display:flex;justify-content:space-between}.modal-body-info{margin-top:40px;border:1px solid rgba(0,0,0,.19);height:40px;border-radius:10px}.modal-body-info>div{border:1px solid rgba(0,0,0,.19)}.modal-condition{display:flex;margin-top:40px;font-size:14px;align-items:center}.modal-buttons{display:flex;justify-content:space-evenly;width:80%;margin:40px auto auto;align-items:center}@media (max-width:800px){.modal-buttons{width:100%}.modal-buttons>div{margin-right:10px}}.modal-convertmusic,.modal-placebid{background:#d3c7c3;color:#fff;padding:10px;width:120px;display:flex;justify-content:center;border-radius:10px;height:30px;align-items:center;cursor:pointer}.modal-buttons>div:hover{background:#f8a870}.modal-buy-header{padding-top:20px;border-bottom:1px solid #000;padding-bottom:10px}.modal-buy-header,.playlist-header{display:flex;justify-content:space-between}.playlist-header{align-items:center;width:70vw;padding:40px;margin:auto}.playmusic-contain{width:70%;margin:auto;display:flex}.playmusic-info-left{display:flex;width:50%}.playmusic-card{max-width:420px;height:680px;border-radius:20px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.playmusic-info-right{width:50%;height:640px}@media (max-width:1200px){.playmusic-contain,.playmusic-info-left{flex-direction:column;align-items:center}.playmusic-info-left{width:100%;display:flex;justify-content:center;margin-bottom:20px}.playmusic-info-right{width:100%}}@media (max-width:440px){.playmusic-card{max-width:90vw}}@media (max-width:640px){.playmusic-contain{width:100vw}}.playlist-back{width:70%;margin:auto;padding-bottom:14px}.playmusic-card-title{display:flex;flex-direction:column;padding-left:30px;padding-top:30px;padding-bottom:20px;font-size:18px;font-weight:400}.playmusic-card-image{width:90%;margin:auto;display:flex;justify-content:center}.playmusic-card-image>img{width:90%;height:320px}.playmusic-eachmusic{display:flex;justify-content:space-between;padding:16px;width:70%;margin:auto}.music-player{display:flex;justify-content:center}.profile-wrapper{background:url(/static/media/home-bg.61811d16.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.profile-card{width:620px;height:250px;background-color:#fff;margin:auto;font-family:"Raleway",sans-serif;box-shadow:0 1px 1px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:40px;display:flex;justify-content:center;align-items:center}.profile_name{font-size:1em}@media (max-width:640px){.profile-card{width:440px}}.profile-card-content{align-items:center;word-wrap:break-word}@media (max-width:460px){.profile-card{width:95%;height:200px}}@media (max-width:320px){.profile-card{width:95%;margin:auto}}.profile-card-content{display:flex}.social-icons{display:flex;justify-content:space-between;align-items:center;padding-top:20px;width:40%;margin:auto}.profile-content{text-align:center}.profile-link{word-wrap:break-word;width:90%;margin-top:10px;margin-bottom:10px}.image-content{display:flex;align-items:center;flex-direction:column;flex:1 1}.profile-card-right{width:70%;margin:auto;height:100%}@media (max-width:461px){.social-icons{display:none;background-color:#9acd32}.profile-card{height:280px;width:90%}}.profile-main-links{display:flex;margin-top:40px;font-family:"Raleway",sans-serif;color:#aea39f;font-size:14px}.profile-card-awards{padding-left:40px;margin-right:40px}.profile-card-buttons{width:80%;margin:auto}.profile-links-pages{display:flex;flex-direction:column;justify-content:space-between;width:70%;margin:auto}.current-page{border-bottom:3px solid #80c8d6}.each-profile-page>div{padding-bottom:10px;cursor:pointer}.each-profile-page>div:hover{color:#000}@media (max-width:520px){.profile-main-links{flex-direction:column;align-items:center;font-size:12px}.profile-card-awards{margin-bottom:20px}.profile-links-pages{width:90%}}.profile-page-wrapper{margin-top:40px;flex-wrap:wrap}.each-profile-page,.profile-page-wrapper{display:flex;justify-content:space-between}.each-profile-page{width:100%;border-bottom:1px solid #d3c7c3}.profile-page-content-wrapper{margin-top:100px}.create{padding-top:150px;width:80%;margin:auto;font-family:"Raleway",sans-serif}.create-header{font-size:28px}.nft-tags,.nft-title{width:70%;padding-top:20px;padding-left:20px;padding-bottom:10px;margin-top:60px;border:none;border-bottom:1px solid grey}.nft-title:focus{outline:none}.nft-description{width:66%}.upload-container{margin-top:40px;width:80%}.nft-cover,.nft-music-upload{width:30%;background-color:#c9c9c9;display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;margin-top:40px}.cover-image-wrapper,.nft-music-upload-wrapper{display:flex;justify-content:space-between;align-items:center;width:90%}.card-wrapper{height:350px}.card-wrapper,.playlist-card-wrapper{width:260px;margin-bottom:20px;background-color:hsla(0,0%,100%,.803);border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.playlist-card-wrapper{height:300px}.image-contain{display:flex;border-radius:20px;justify-content:center;align-items:center;padding-top:14px}.title{font-size:16px}.info,.title{color:#574c4f}.info{display:flex;flex-direction:column;padding-left:14px;margin-top:14px;font-size:14px}.bids{margin-top:24px}.nft-type-wrapper{position:relative}.nft-type{position:absolute;margin-top:24px;margin-left:28px;background:#f8a870;font-size:14px;width:50px;display:flex;justify-content:center;align-items:center;padding:2px;border-radius:4px;color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.playlist-bids{margin-top:8px}.footer-wrapper{background:#88c0d2;height:300px;width:100vw;margin-top:150px}.footer-logo{display:flex;align-items:center;width:84vw;justify-content:flex-start;margin:auto;padding-top:54px;border-bottom:1px solid #fff;padding-bottom:100px}.footer-logoname{margin-left:28px;height:16px}.footer-copyright{display:flex;width:84vw;justify-content:space-between;margin:auto;padding-top:40px;font-size:.8em;align-items:center}@media (max-width:800px){.footer-copyright{font-size:.6em}}.navbar-wrapper{height:78px;background-color:#88c0d2;width:100vw;justify-content:space-between;position:sticky;top:0}.logo,.navbar-wrapper{display:flex;align-items:center}.logo{justify-content:space-around;width:200px;height:35px;border-right:2px solid #fff;padding-right:40px;padding-left:120px}.logoname{width:120px;height:14px}.nav-links{display:flex;width:18%;font-family:"Raleway",sans-serif;justify-content:space-around;font-size:14px;font-weight:200;color:#fff;cursor:pointer}.nav-links>div:hover{font-weight:700}.search-input{border:1px solid #fff;background:none;width:220px;border-radius:5px;padding:9px;color:#fff}.search-input:focus{outline:none;box-shadow:none}.search-input::-webkit-input-placeholder{color:#fff;font-family:"Raleway",sans-serif}.search-input:-ms-input-placeholder{color:#fff;font-family:"Raleway",sans-serif}.search-input::placeholder{color:#fff;font-family:"Raleway",sans-serif}.search-icon{position:absolute;top:0;margin-left:210px;margin-top:30px}.notifications{cursor:pointer}.green-icon{position:absolute;margin-left:18px;margin-top:-8px}.connect-wallet{background:#fff;border-radius:20px;width:180px;height:40px;display:flex;justify-content:center;align-items:center;color:#88c0d2;border:1px solid #f8a870;cursor:pointer}.menu-icon{display:none}.username{display:flex;justify-content:center;align-items:center;font-family:"Raleway",sans-serif;color:#fff;font-size:18px}.username>div{margin-right:40px}@media (max-width:1380px){.logo{padding-left:10px}}@media (max-width:1220px){.username-text{display:none}}@media (max-width:1081px){.menu-expand{background-color:green}}@media (max-width:1080px){.connect-wallet{display:none}.connect-wallet-mobile{background:#fff;border-radius:20px;width:180px;height:40px;display:flex;justify-content:center;align-items:center;color:#88c0d2;border:1px solid #f8a870;cursor:pointer}.mobile-head-wrapper{display:flex;justify-content:space-between;align-items:center;padding-right:38px}.notifications,.username{display:none}.menu-icon{display:block;padding-right:30px;cursor:pointer}}.mobile-nav-links{display:none}@media (max-width:856px){.nav-links{display:none}.mobile-nav-links{display:block;width:18%;font-family:"Raleway",sans-serif;font-size:16px;font-weight:200;color:#fff;cursor:pointer}.mobile-nav-links>div{margin-bottom:10px;margin-left:12px;margin-top:12px}.search-input{width:300px}.search-icon{margin-left:290px}}@media (max-width:692px){.logo>img{display:none;padding-right:0}.logo{width:50px;border-right:none}}.mobile-search{display:none}@media (max-width:540px){.mobile-search{display:block}.search-input{display:none}.search-input-mobile{border:1px solid #fff;background:none;width:85%;border-radius:5px;padding:9px;color:#fff;margin-bottom:10px}.search-icon-mobile{position:absolute;margin-top:-34px;margin-left:80%}.search-input-mobile:focus{outline:none;box-shadow:none}.search-input-mobile::-webkit-input-placeholder{color:#fff;font-family:"Raleway",sans-serif}.search-input-mobile:-ms-input-placeholder{color:#fff;font-family:"Raleway",sans-serif}.search-input-mobile::placeholder{color:#fff;font-family:"Raleway",sans-serif}}.menu-expand{position:absolute;background:#88c0d2;z-index:100;height:200px;width:100vw;margin-top:-2px;padding-top:10px;padding-left:10px}
/*# sourceMappingURL=main.53d87022.chunk.css.map */