body{margin:0;background-color:#000!important;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;padding:15px;margin:auto}.App-logo{height:40vmin;pointer-events:none}h1,h2,h3,h4,h5,label,p,span{color:#fff}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cursorPointer{cursor:pointer}.album-container .overlay{position:absolute;background-color:rgba(2,2,2,.63);height:100%;width:100%;margin:auto;display:inline-flex;justify-content:center}.overlay button{border-color:transparent!important}.ablum-actions .play{font-size:5em}.ablum-actions .favorite,.ablum-actions .more{font-size:1.7em}.btn-outline-dark:hover{background-color:transparent}.albums-header{width:100%}.albums-header .albums-header-title{text-align:left;margin-top:40px}.albums-header .albums-header-title h1{font-weight:700}.user-profil img{width:30px;height:30px}.user-profil span{color:#b9b8b8!important;padding:0 8px;font-size:small}.marginLeft10px{margin-left:10px}.marginRight10px{margin-right:10px}.activatedColor{color:#b9b8b8}.notActivatedColor{color:#616161}.search-album-container{margin-left:25px}.search-album-container input{border-radius:30px;height:30px;font-size:small;font-weight:600}.whiyteLineSeparator{height:10px;background:#fff}.album-list{margin:20px auto auto}.album-container{width:15rem;border:none}.album-body{background-color:#000;text-align:left;padding-left:0}.album-body .card-title{color:#d1d0ec;color:#fff;margin-bottom:4px}.album-body p{color:#b1acac}.album-body .card-title,.album-body p{font-weight:500;font-size:small}.userProfileActions{color:#b9b8b8;background-color:#000;border:none}.album-page-container{margin:20px auto auto}.album-page-img{width:160px}.album-infos{text-align:left;font-weight:500;font-size:small}.album-infos label{display:block}.album-infos label,.album-infos span{color:#b1acac}.album-infos span strong{color:#fff}.album-infos .album-actions .round-btn{border-radius:40px;width:40px;height:40px;margin-left:13px}.album-infos .album-actions .play-btn{height:35px;border-radius:20px;width:120px;font-weight:700}.textAlighLeft{text-align:left}.table-dark{background-color:#000;border-color:#000}.music-list-container{margin-top:20px}.table-bordered thead td,.table-bordered thead th{color:#fff}.table-dark.table-hover tbody tr:hover{cursor:pointer!important}.width60px{width:60px}.album-page-container{width:100%}.music-list-container p{text-align:justify}.login{margin-top:15%}.login,.login-form{width:100%;max-width:360px}.login-form{padding:15px;margin:auto}.spotify-logo{width:150px;margin-bottom:40px}.login-header h3{font-weight:bolder}input[type=checkbox]{color:#000;accent-color:#fff}.form-group input{color:#fff;background-color:#3b4148;border:1px solid #495057}.form-group input::-webkit-input-placeholder{color:#969696}.form-group input:-ms-input-placeholder{color:#969696}.form-group input::-ms-input-placeholder{color:#969696}.form-group input::placeholder{color:#969696}.login-form button{border-radius:30px;border-color:#fff;width:100%;background-color:#fff;color:#000;text-transform:uppercase;font-weight:700;letter-spacing:1px}.login-form button:hover{border-color:#fff;background-color:transparent;color:#fff}.login-form button:focus{border-color:#fff;background-color:#fff;color:#000}.login-form button:active{border-color:#fff;background-color:#fff!important;color:#000!important}.form-check-label{color:#ababab!important}.dropdown .userProfileActions:focus,.dropdown .userProfileActions:hover{background-color:#fff;color:#000}.dropdown .userProfileActions:active{background-color:#fff!important;color:#000}.show>.btn-primary.dropdown-toggle{color:#000;background-color:#fff;border-color:#fff}a.dropdown-item:hover{background-color:#000;color:#fff}a.dropdown-item:active{background-color:#dc143c;color:#fff}
/*# sourceMappingURL=main.982c7096.chunk.css.map */