:after,:before,Box sizing rules
*{box-sizing:border-box}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:initial}body{color:#333;font-family:Poppins,sans-serif;font-size:16px;line-height:1.4}ol,ul{list-style:none}a{color:#0a0a0a;text-decoration:none}input,select{border:none;outline:none}button{background-color:#ccc;border:none;display:inline-block;font-size:14px;margin:10px 0;padding:10px 20px}button:enabled{cursor:pointer}::-webkit-scrollbar{background-color:#f1f1f1;width:8px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-thumb:active{background-color:#333}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-track:hover{background-color:#eaeaea}.sidebar{box-sizing:border-box;padding-left:20px;padding-right:20px;-webkit-transform:translateX(-250px);transform:translateX(-250px);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.toggle-close-menu,.toggle-menu{color:#d9d9d9;cursor:pointer;margin-left:10px}.toggle-close-menu{transition:opacity .3s ease-in-out}.sidebar.showing{-webkit-animation:slideInRight .3s ease-in-out;animation:slideInRight .3s ease-in-out;padding-top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.links{margin-top:30px}.section-links{height:20%}.section-link:hover{background-color:#dec168}.link-text{color:#000}.link{align-items:center;background-color:#efefef;display:flex;height:40px;margin-bottom:20px;text-decoration:none}.link:hover{background-color:#dec168}.link svg{margin-right:10px;width:30px}.nav-menu-and-user-info{align-items:center;background-color:#282828;display:flex;height:55px;justify-content:space-between}.nav-user-profile-image{border-radius:100%;height:40px;margin-right:10px;width:40px}.userimage-username{align-items:center;display:flex}.nav-username{color:#fff;margin-right:15px}.logo-title-sidebar{display:none;font-size:36px;font-weight:400;margin-left:10px;margin-right:300px;margin-top:10px}@media screen and (min-width:992px){.toggle-close-menu,.toggle-menu{display:none!important}.section-with-links{width:300px}.logo-title-sidebar{display:block;font-size:36px;font-weight:400;margin-left:10px;margin-right:300px;margin-top:10px}.logo-title-sidebar span:first-of-type{font-weight:400}.logo-title-sidebar span:last-of-type{font-weight:700}.links{display:flex!important;flex-direction:column;float:left;height:100vh;justify-content:flex-start;margin-left:0;margin-top:350px;width:100%}.sidebar{position:fixed;-webkit-transform:translateX(0);transform:translateX(0)}.link{background-color:#fff;justify-content:space-between;width:90%}.link-text{margin-right:3%}.icon{margin-left:2%}.menus{background-color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;width:300px}.nav-menu-and-user-info{bottom:0;position:absolute;width:300px}.userimage-username{align-items:center;display:flex;justify-content:space-around;margin-right:10px;width:100%}.nav-user-profile-image{height:45px;width:45px}}.loading{-webkit-animation:is-rotating 1s infinite;animation:is-rotating 1s infinite;border:6px solid #e5e5e5;border-radius:50%;border-top-color:#bdb76b;height:50px;margin-bottom:2%;margin-left:42vw;margin-top:39vh;width:50px}.main-content-album-loading .loading,.page-search-loading .loading{margin-top:38vh}@media screen and (min-width:992px){.loading{-webkit-animation:is-rotating 1s infinite;animation:is-rotating 1s infinite;border:6px solid #e5e5e5;border-radius:50%;border-top-color:#bdb76b;height:50px;margin-bottom:2%;margin-left:59vw;margin-top:45vh;position:absolute;width:50px}.main-content-album-loading .loading{margin-top:44vh}.page-loading-login{margin-left:-150px}.page-search-loading .loading{margin-top:40vh}}@-webkit-keyframes is-rotating{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes is-rotating{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.heart-checkbox-no-favorite{-webkit-appearance:none;appearance:none;background-color:#000;cursor:pointer;height:20px;margin-left:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:20px}.heart-checkbox-no-favorite:before{top:-59%}.heart-checkbox-no-favorite:after,.heart-checkbox-no-favorite:before{background-color:#000;border-radius:75px 75px 0 0;content:"";height:60%;position:absolute;width:100%}.heart-checkbox-no-favorite:after{right:79%;top:20%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.heart-checkbox-no-favorite:checked,input:checked[type=checkbox]:after,input:checked[type=checkbox]:before{background-color:#fe0f42}.main-content-album{align-items:center;display:flex;flex-direction:column}audio{width:210px}.img-song{margin-bottom:20px}.image-audio-and-checkbox{align-items:center;display:flex;justify-content:space-around;width:320px}audio:hover{box-shadow:0 6px 8px rgba(0,0,0,.15);cursor:pointer}audio::-webkit-media-controls-panel{background-color:#fff}audio::-webkit-media-controls-play-button{background-color:#f8db86;border-radius:50%;margin-right:5px}audio::-webkit-media-controls-timeline{background-color:#fff;border-radius:10px;margin-left:10px;margin-right:10px}audio::-webkit-media-controls-mute-button{background-color:#f8db86;border-radius:50%}.favorites-section-name{font-size:2em;margin-bottom:50px;margin-right:200px;margin-top:0;padding-top:8px}.heart-checkbox{-webkit-appearance:none;appearance:none;background-color:#fff;cursor:pointer;height:20px;margin-left:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:20px}.heart-checkbox:before{background-color:#fff;top:-59%}.heart-checkbox:after,.heart-checkbox:before{border-radius:75px 75px 0 0;content:"";height:60%;position:absolute;width:100%}.heart-checkbox:after{right:79%;top:20%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.heart-checkbox:after,.heart-checkbox:checked,input:checked[type=checkbox]:after,input:checked[type=checkbox]:before{background-color:#fe0f42}.album-info{align-items:center;display:flex;flex-direction:column}.span_album_artist{margin-left:5px;margin-right:5px}.album_artist_names{margin-bottom:30px;margin-top:10px}.image_album{margin-top:15px}.div_audio_and_name{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.song-name{margin-bottom:5px}@media screen and (min-width:992px){.main-content-album{margin-left:360px}.span_album_artist{margin-left:15px;margin-right:15px}.image-audio-and-checkbox{width:640px}.audio-song{width:440px}.favorites-section-name{font-size:2em;margin-right:1460px;margin-top:0;padding-top:8px}}.login-page{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.login-box{display:flex;margin-top:30px}.button-login:enabled{background-color:#dec168;color:#fff}.logo{align-items:center;display:flex;flex-direction:column}.logo-title{font-size:26px;margin-bottom:20px}.logo-title,.logo-title span:first-of-type{font-weight:400}.logo-title span:last-of-type{font-weight:700}.logo-image{margin-bottom:30px;width:120px}.login-title{font-size:1em;margin-bottom:2%}.login-name-input{background-color:#fff;border-radius:2%;box-sizing:border-box;font-size:20px;padding:10px;width:250px}@media screen and (min-width:576px) and (max-width:1200px){.logo{align-items:center;display:flex;flex-direction:column}.logo-title{font-size:26px;margin-bottom:20px}.logo-title,.logo-title span:first-of-type{font-weight:400}.logo-title span:last-of-type{font-weight:700}.logo-image{margin-bottom:30px;width:180px}.login-title{font-size:1.4em}.login-name-input{background-color:#fff;border-radius:2%;box-sizing:border-box;font-size:20px;padding:10px;width:250px}}@media screen and (min-width:1200px){h1.login-title{font-size:2em;margin-bottom:30px}.login-page{flex-direction:row}.login-box{background-color:#ebebeb;border-radius:2%;padding:100px}.login-form{align-items:baseline}.login-form,.logo{display:flex;flex-direction:column}.logo{align-items:center}.logo-title{font-size:36px;margin-right:300px}.logo-title,.logo-title span:first-of-type{font-weight:400}.logo-title span:last-of-type{font-weight:700}.logo-image{margin-right:300px;width:280px}.login-title{font-size:1.4em;margin-bottom:20px}.login-name-input{background-color:#fff;border-radius:2%;box-sizing:border-box;font-size:20px;padding:10px;width:100%}.button-login{align-self:self-end}}.main-content-profile{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:flex-start;padding:10px}.profile-section-name{font-size:2em;margin-bottom:50px;margin-left:10px;margin-top:0;padding-top:8px}.input-text-edit-name{background-color:#eee;border-radius:5%;height:25px;width:250px}.profile-image{margin-bottom:20px}.edit-button-save:enabled{background-color:#dec168;color:#fff;cursor:pointer;margin-left:10px}.email-user{margin-bottom:10px;margin-top:10px}.description-user{word-wrap:break-word}.link-edit-profile{margin-top:-20px}.infos-user{align-items:center;display:flex;flex-direction:column}.description-box{border-top:1px solid #161616;height:100px;overflow-y:auto;padding:10px 10px 20px;text-align:justify;white-space:pre-wrap;width:300px}@media screen and (min-width:992px){body{background-color:#eff2f9}.profile-section-name{font-size:2em;margin-left:320px;margin-top:0;padding-top:8px}.description-box{height:100px}.link-edit-profile{margin-left:200px}.main-content-profile{display:flex;flex-direction:column;height:80vh;margin-left:360px;margin-top:0;overflow:auto;width:70vw}.infos-user{margin-left:200px;margin-top:100px}}.albumCard-image{border-radius:4%;width:150px}.album{margin:30px;width:150px}@media screen and (min-width:992px){.albumCard-image{width:200px}}.search-section-name{font-size:2em;margin-left:20px;margin-top:8px}.input-artist,.input-artist-after{height:35px;margin-left:20px;margin-right:5px}.input-artist-after{border-radius:5%}.button-search:enabled{background-color:#dec168;color:#fff}.results-text-div{margin-bottom:10px;margin-top:5px;text-align:center}.albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-items:center;scroll-behavior:smooth}.no-album{margin-left:15%;width:200px}@media screen and (min-width:992px){.page-search{background-color:#eff2f9;display:flex}.main-content-search{display:flex;flex-direction:column;height:100vh;margin-left:300px;overflow:auto;width:100vw}.albums{grid-template-columns:repeat(auto-fill,minmax(220px,0fr))}}
/*# sourceMappingURL=main.6d90d6c5.css.map*/