body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.teste,header{display:flex}header{flex-direction:column;align-items:center;justify-content:space-between;padding-left:10px;padding-right:10px;background-color:#000;color:#f0f8ff;position:fixed;z-index:1;height:100vh}header a{transition:.3s;text-decoration:none;color:#f0f8ff;font-size:20px;margin:10px}header a:hover{font-size:25px}header p{margin:0 5px}header div img{width:150px}header div{display:flex;flex-direction:column;align-items:center;margin:5px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header-user{display:flex;flex-direction:row;border:2px solid #f0f8ff;padding:4px;border-radius:100px;margin-bottom:15px}.header-user img{width:40px;height:40px;border-radius:100%;object-fit:cover}.login-container{background:linear-gradient(0deg,#000 25%,#310069)}.loading-container,.login-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f0f8ff}.loading-container{background-color:#000;font-size:100%}.loading-container img{width:5%}.login-container img{width:20%}.login-container h1{color:#f0f8ff;font-size:60px;margin-top:0}.login-container button,.login-container input{transition:.5s;width:20%;margin:10px;border-radius:10px;background-color:hsla(0,0%,100%,.746);border:3px solid #000;color:#1b1b1b}.login-container button:hover,.login-container input:hover{background-color:hsla(0,0%,64.7%,.746);width:22%}.all-cards-container,.search-loading{background:linear-gradient(0deg,#000 25%,#310069);height:100vh}.all-cards-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-left:200px;overflow-y:scroll;color:#f0f8ff}.all-cards-container button,.all-cards-container input{transition:.5s;width:30%;margin:10px;border-radius:10px;background-color:hsla(0,0%,100%,.746);border:3px solid #000}.all-cards-container input{margin-top:30px;text-align:center}.all-cards-container button{color:#1b1b1b}.all-cards-container button:hover,.all-cards-container input:hover{background-color:hsla(0,0%,64.7%,.746);width:32%}.musics-container{display:flex;flex-wrap:wrap;justify-content:center}.music-card{text-decoration:none;color:#f0f8ff;font-size:15px}.music-cards-div{background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px;display:flex;flex-direction:column;width:100px;height:250px;padding:10px;margin:10px;align-items:flex-start;justify-content:baseline;box-shadow:0 0 17px 8px rgba(0,0,0,.77)}.music-cards-div p{font-size:80%}.album-close-look{background:linear-gradient(0deg,#000 25%,#310069);display:flex;flex-direction:column;align-items:flex-start;margin-left:200px;padding:0 30px;overflow-y:scroll;height:100vh;color:#f0f8ff}.music-card-play{margin-bottom:20px}.album-close-look img{border-radius:10px;margin-top:30px}.album-close-look div p{font-size:30px}.album-close-look h4{font-size:15px}.album-close-look audio{margin-right:20px}.album-close-look input[type=checkbox]{height:10px;width:10px;margin-left:10px;background-color:#fff;position:relative;outline:none;border:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-appearance:none}.album-close-look input[type=checkbox]:before{top:-59%}.album-close-look input[type=checkbox]:after,.album-close-look input[type=checkbox]:before{position:absolute;content:"";background-color:#fff;height:60%;width:100%;border-radius:75px 75px 0 0}.album-close-look input[type=checkbox]:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:20%;right:79%}.album-close-look input:checked[type=checkbox]:after,.album-close-look input:checked[type=checkbox]:before,.album-close-look input[type=checkbox]:checked{background-color:red}.favorite-songs-container{background:linear-gradient(0deg,#000 25%,#310069);display:flex;flex-direction:column;align-items:flex-start;margin-left:200px;padding:0 30px;overflow-y:scroll;height:100vh;color:#f0f8ff}.favorite-songs{margin-bottom:20px}.favorite-songs-container h4{font-size:15px}.favorite-songs-container audio{margin-right:20px}.favorite-songs-container input[type=checkbox]{height:10px;width:10px;margin-left:10px;background-color:#fff;position:relative;outline:none;border:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-appearance:none}.favorite-songs-container input[type=checkbox]:before{position:absolute;content:"";background-color:#fff;height:60%;width:100%;top:-59%;border-radius:75px 75px 0 0}.favorite-songs-container input[type=checkbox]:after{position:absolute;content:"";background-color:#fff;height:60%;width:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);border-radius:75px 75px 0 0;top:20%;right:79%}.favorite-songs-container input:checked[type=checkbox]:after,.favorite-songs-container input:checked[type=checkbox]:before,.favorite-songs-container input[type=checkbox]:checked{background-color:red}.profile-container{background:linear-gradient(0deg,#000 25%,#310069);display:flex;flex-direction:column;align-items:flex-start;margin-left:200px;padding:0 30px;height:100vh;color:#f0f8ff}.profile-container img{border-radius:10px;object-fit:cover;height:100px;width:100px}.profile-container a{text-decoration:none;text-align:center;transition:.5s;width:6%;margin:5px 5px 5px 0;padding:2.5px;border-radius:10px;background-color:hsla(0,0%,100%,.746);border:3px solid #000;color:#1b1b1b}.profile-container a:hover{background-color:hsla(0,0%,64.7%,.746);width:7%}.edit-profile-form{background:linear-gradient(0deg,#000 25%,#310069);margin-left:200px;padding:0 30px;height:100vh}.edit-profile-form,.edit-profile-form label{display:flex;flex-direction:column;align-items:center;color:#f0f8ff}.edit-profile-form label{margin:10px}.edit-profile-form input{text-align:center}.edit-profile-form input,.edit-profile-form textarea{transition:.5s;border-radius:10px;padding:2.5px;width:80vh;margin:10px;background-color:hsla(0,0%,100%,.746);border:3px solid #000}.edit-profile-form textarea{resize:none;height:20vh}.edit-profile-form button{transition:.5s;border-radius:10px;color:#000;padding:2.5px;text-align:center;width:80vh;margin:10px;background-color:hsla(0,0%,100%,.746);border:3px solid #000}.edit-profile-form input:hover,.edit-profile-form textarea:hover{background-color:hsla(0,0%,64.7%,.746);width:83vh}.edit-profile-form button:disabled{background-color:hsla(0,0%,100%,.198);color:rgba(0,0,0,.411)}.edit-profile-form button:hover{background-color:rgba(6,82,12,.746);width:83vh}.edit-profile-form button:disabled:hover{background-color:rgba(255,0,0,.198);width:80vh}
/*# sourceMappingURL=main.ba807f10.chunk.css.map */