a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#root,body,html,main{height:100%;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;z-index:99;background-color:#16161a}.loading-screen span{font-size:40px;height:130px;width:130px;margin-bottom:40px}.loading-screen h1{font-size:30px;font-weight:700;color:#fffffe}.logo-header{width:105px;height:70px;margin-top:-13px;margin-bottom:5px;margin-left:15px}.header-top{display:flex;justify-content:space-between;position:fixed;top:0;z-index:99;height:80px;width:100%;background-color:#023031;align-items:center}.avatar{margin-right:25px;width:40px;height:40px;border-radius:50%}.header-bottom{display:flex;justify-content:space-around;align-items:center;position:fixed;z-index:99;bottom:0;height:45px;width:100%;background-color:#117b7d}nav .favorites-link,nav .search-link{width:20px;height:20px}nav .profile-link{width:18px;height:20px}nav .favorites-link:hover,nav .profile-link:hover,nav .search-link:hover{transform:scale(1.1)}.line1,.line2{background-color:#419193;width:2px;height:30px}@media screen and (min-width:1024px){.logo-header{width:120px;height:75px;margin-left:30px}.avatar{margin-top:2px;margin-right:30px;width:50px;height:50px}nav .favorites-link,nav .search-link{width:30px;height:30px}nav .profile-link{width:26px;height:30px}}@media screen and (min-width:1650px){.header-bottom{height:55px}.line1,.line2{height:35px}}.page{height:100vh;background-color:#16161a}.search{overflow:hidden}.form-search{display:flex;width:100%;margin-top:80px}.search-input{border:none;text-align:center;height:40px;width:85%}.search-button{width:15%;height:40px;border:none;color:#fff;background-color:#2a7c7d}.search-button:disabled{background-color:#226263}.search-button img{width:25px;height:25px}.results{background-color:#16161a;display:flex;flex-direction:column;grid-gap:20px;gap:20px;padding:20px 20px 60px}.result-titles{color:#fffffe;font-size:20px;margin-bottom:20px;width:100%;text-align:center}.album{display:grid;grid-template-rows:40px 40px;grid-template-columns:80px 1fr 1fr}.album img{width:80px;height:80px;grid-row:1/4;grid-column:1}.album-name,.artist-name{margin-bottom:0;padding-left:16px;overflow:hidden;height:40px;line-height:40px}.album-name{font-size:18px;grid-column:2/4;grid-row:1/2;color:#fffffe}.artist-name{font-size:14px;grid-column:2/4;grid-row:2/3;color:#72757e}.not-found{text-align:center;font-size:16px;margin-bottom:0;color:#72757e}@media screen and (min-width:1024px){.form-search{justify-content:center;margin-top:110px}.search-input{width:700px;border-top-left-radius:5px;border-bottom-left-radius:5px}.search-button{width:100px;border-top-right-radius:5px;border-bottom-right-radius:5px}.results{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;grid-column-gap:50px;column-gap:50px;grid-row-gap:30px;row-gap:30px;padding:30px 50px 80px}.result-titles{font-size:28px}.nav-link{width:500px}.nav-link :hover{background-color:#292b33}.album{grid-template-rows:50px 50px;grid-template-columns:100px 1fr 1fr;width:500px}.album img{width:100px;height:100px}.album-name,.artist-name{padding-left:20px;height:50px;line-height:50px}.not-found{font-size:22px;width:100%}}.div-album{height:100%;background-color:#16161a}.music-list-album{padding-top:100px;padding-bottom:45px;background-color:#16161a}.album-info,.music-list-album{display:flex;flex-direction:column;align-items:center}.album-info{color:#fffffe;margin-bottom:0}.album-info img{width:100px;height:100px}.album-info h2{font-size:24px;font-weight:700;margin-top:15px;margin-bottom:15px}.album-info h2,.album-info p{max-width:350px;max-height:60px;overflow:hidden}.album-info p{font-size:18px;text-align:center;margin-bottom:0}.album-list{width:100%;color:#fffffe}.music-player-default{display:flex;justify-content:center;flex-wrap:wrap;grid-column-gap:10px;column-gap:10px;width:100%;padding-left:15px;padding-right:15px;margin-top:40px;margin-bottom:40px}.music-player-default p{font-size:16px;max-height:55px;width:100%;margin-bottom:10px;text-align:center;overflow:hidden}.music-player-default audio{height:30px}.like-button-default{display:flex;align-items:center;border:none;background-color:transparent}.like-button-default img{width:25px;height:25px}@media screen and (min-width:1024px){.div-album{overflow:auto}.music-list-album{flex-direction:row;align-items:start;padding-top:120px;padding-bottom:120px}.album-info{height:300px;width:820px;margin-left:50px;grid-column-gap:20px;column-gap:20px;flex-wrap:wrap;justify-content:end}.album-info img{width:300px;height:300px}.album-info h2{order:3;font-size:26px;margin-top:20px;margin-bottom:0;max-height:65px}.album-info h2,.album-info p{width:400px;max-width:none;text-align:start}.album-info p{font-size:30px;max-height:90px}.album-list{width:auto;flex-grow:1;height:100%;background-color:#16161a}.album-list :first-child{margin-top:0}.album-list :last-child{margin-bottom:0}.music-player-default{justify-content:space-evenly;grid-row-gap:10px;row-gap:10px;margin-top:70px;margin-bottom:70px;padding-left:35px;padding-right:35px}.music-player-default p{font-size:20px;max-width:300px;max-height:35px;margin-bottom:0}}.favorites-page{height:100%;background-color:#16161a}.favorites{display:flex;flex-direction:column;align-items:center;padding-top:100px;padding-bottom:45px;color:#fffffe;background-color:#16161a}.favorites-list{width:100%}.favorites-info{display:flex;flex-direction:column;align-items:center}.favorites-info img{width:100px;height:100px;padding:20px;background-image:linear-gradient(-45deg,#cbe4de,#0e8388,#2e4f4f)}.favorites-info h2{width:100%;font-size:24px;font-weight:700;text-align:center;margin-top:20px;margin-bottom:0}.music-player-fav{display:grid;grid-column-gap:5px;column-gap:5px;grid-template-columns:1fr 2fr .5fr;grid-template-rows:1fr 1fr;align-items:center;justify-items:center;margin-top:40px;margin-bottom:40px;width:100%;height:70px}.music-player-fav img{grid-row:1/3;grid-column:1/2;width:70px;height:70px}.music-player-fav p{grid-row:1/2;grid-column:2/3;margin-bottom:0;font-size:18px;width:250px;max-height:30px;text-align:center;overflow:hidden}.music-player-fav audio{grid-row:2/3;grid-column:2/3;height:30px;width:250px}.like-button-fav{grid-row:2/3;grid-column:3/4;display:flex;align-items:center;border:none;padding:0;background-color:transparent}.like-button-fav img{width:25px;height:25px}@media screen and (min-width:1024px){.favorites{flex-direction:row;flex-wrap:wrap;align-items:start;grid-column-gap:10px;column-gap:10px;padding-top:120px;padding-bottom:120px}.favorites-info{flex-direction:row;align-items:end;width:570px;margin-left:50px;margin-bottom:40px}.favorites-info img{width:300px;height:300px;padding:60px}.favorites-info h2{font-size:30px;text-align:end}.favorites-list{width:auto;flex-grow:1;height:100%;background-color:#16161a}.favorites-list :first-child{margin-top:0}.favorites-list :last-child{margin-bottom:0}.music-player-fav{display:flex;justify-content:space-evenly;height:80px;grid-column-gap:10px;column-gap:10px;margin-top:70px;margin-bottom:70px}.music-player-fav img{width:80px;height:80px}.music-player-fav p{font-size:22px;max-height:68px}.music-player-fav audio{height:40px;width:300px}.like-button-fav img{width:25px;height:25px}}.profile p{margin-bottom:0}.profile-page{height:100%}.profile,.profile-page{background-color:#16161a;display:flex;flex-direction:column}.profile{align-items:center;padding-top:130px;padding-bottom:130px;color:#fffffe}.div-profile-picture{position:relative;margin-bottom:35px}.profile-picture{border-radius:50%;width:150px;height:150px;object-fit:cover}.div-profile-picture:hover .profile-picture{opacity:1%}.div-profile-picture i{display:flex;flex-direction:column;align-items:center}.div-profile-picture:hover .edit-icon{width:40px;height:40px;margin-bottom:5px}.div-profile-picture a{display:none;font-size:20px}.div-profile-picture:hover a{display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:2;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fffffe}.profile-infos{max-width:300px}.profile-infos h4{font-size:24px;font-weight:700;margin-bottom:5px}.profile-infos p{font-size:16px;word-wrap:break-word;width:100%;min-height:50px;margin-bottom:40px;color:#9ba4b5}@media screen and (min-width:1024px){.profile-picture{width:200px;height:200px}.profile-infos{max-width:600px}.profile-infos h4{font-size:26px;margin-bottom:10px}.profile-infos p{font-size:20px}}.profile-edit-page{height:100%;background-color:#16161a}.form-edit{padding-top:100px;padding-bottom:45px;color:#fffffe;background-color:#16161a}.edit-picture,.form-edit{display:flex;flex-direction:column;align-items:center}.edit-picture{margin-bottom:35px}.profile-picture-edit{border-radius:50%;height:140px;width:140px;margin-bottom:20px;object-fit:cover;background-color:#117b7d}.edit-picture input{width:300px;height:40px}.form-edit h4{font-size:22px;font-weight:700;margin-bottom:10px}.edit-info input{width:300px;height:40px;margin-bottom:35px}.edit-info textarea{width:300px;height:80px;margin-bottom:25px}.edit-info input,.edit-info textarea,.edit-picture input{padding:10px;border:none;border-radius:5px}.form-edit button{font-size:18px;font-weight:700;width:90px;height:40px;border:none;border-radius:5px;color:#fffffe;background-color:#117b7d}.form-edit button:hover{transform:scale(1.1);background-color:#0e6263}.form-edit button:disabled{background-color:#226263}.form-edit button:disabled:hover{transform:scale(1);background-color:#226263}@media screen and (min-width:1024px){.form-edit{padding-top:120px;padding-bottom:120px}.edit-picture{flex-direction:row;grid-column-gap:15px;column-gap:15px;align-items:end}.profile-picture-edit{height:180px;width:180px;margin-bottom:0}.edit-picture input{width:350px;margin-bottom:15px}.edit-info input{width:350px}.edit-info textarea{width:350px;height:100px}.form-edit button{font-size:20px;width:100px;height:45px}}.not-found-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background-color:#16161a;color:#72757e}.not-found-page img{height:200px;width:200px;margin-bottom:20px}.not-found-page p{text-align:center;font-size:40px;margin-bottom:0}@media screen and (min-width:1024px){.not-found-page{flex-direction:row}.not-found-page img{height:300px;width:300px;margin-bottom:0;margin-right:30px}.not-found-page p{text-align:start;font-size:60px}}
/*# sourceMappingURL=main.bc6dc6f2.chunk.css.map */