@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap);@-webkit-keyframes quiet{25%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}75%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes quiet{25%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}75%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes normal{25%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}75%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}}@keyframes normal{25%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}75%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}}@-webkit-keyframes loud{25%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}75%{-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}}@keyframes loud{25%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}75%{-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}}.loadContainer{--boxSize:8px;--gutter:4px;display:flex;height:64px;justify-content:space-between;width:calc((var(--boxSize) + var(--gutter))*5)}.loading{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border-radius:8px;height:100%;-webkit-transform:scaleY(.4);transform:scaleY(.4);width:var(--boxSize)}.load1{-webkit-animation-name:quiet;animation-name:quiet;background-color:#fff}.load2{-webkit-animation-name:normal;animation-name:normal;background-color:#6cbd26}.load3{-webkit-animation-name:quiet;animation-name:quiet;background-color:#c9eeaa}.load4{-webkit-animation-name:loud;animation-name:loud;background-color:#6cbd26}.load5{-webkit-animation-name:quiet;animation-name:quiet;background-color:#fff}header{background-color:#121212;color:#fff;display:flex;flex-direction:column;font-size:larger;height:100vh;justify-content:left;padding:15px;text-align:center}header a{color:#fff;text-decoration:none}.container__header-logo{align-items:center;display:flex;font-size:medium;justify-content:center}.container__header-logo a:hover{background-color:initial}.container__header-logo h1{color:#fff}nav{display:flex;flex-direction:column;font-size:larger;gap:40px;height:70vh;justify-content:center;text-align:center}.icon-nav{margin-right:5px}nav span:hover{color:#1fdf64}.profile{padding-right:35px}.container__header-user{align-items:center;display:flex;justify-content:center;text-transform:capitalize}.container__header-user img{background-color:#d3d3d3;border-radius:100%;height:60px;width:60px}.user-infos{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;margin-bottom:30px}.container__header-logout{display:flex;flex-direction:row;justify-content:center;padding:20px}.button-logout,.container__header-logout a:hover{background-color:initial}.button-logout{border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:large;padding:10px;text-align:center}.button-logout:hover{border:2px solid #1fdf64}.button-logout:active{-webkit-transform:scale(.91);transform:scale(.91)}@media screen and (orientation:portrait){header{align-items:first baseline;flex-direction:row;font-size:small;height:100px;justify-content:space-between;width:100%}.container__header-logo,.user-infos,.user-load{display:none}nav{flex-direction:row;gap:15px;height:0;margin-left:20px}.button-logout{border:none;font-size:medium}}@media screen and (max-width:280px){.button-logout,.container__header-logout{padding:0}nav{gap:10px;margin-left:2px}}.music-player{align-items:center;display:flex;gap:20px}.music-player img{border-radius:100%}.container_page-album{background-color:#1d1d1d;display:flex;flex-direction:row}.container_album{color:#fff;gap:32px;height:100vh;width:100vw}.container_infos-album{background-color:#262626;display:flex;flex-direction:wrap;gap:30px;margin:0 auto 30px;padding:30px}.container_infos-album img{align-self:center;border-radius:8px;height:220px}.infos-album,.infos-album-desc{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.infos-album span{color:#1fdf64;font-weight:600}.container_infos-album h2{font-size:2.5rem;margin-top:0;text-align:left}.extra-info{color:#1fdf64;display:flex;gap:4px}.extra-info span:before{content:"• "}.extra-info span:first-child:before{content:""}.container_songs-list{background-color:#262626;display:flex;flex-direction:column;gap:24px;max-height:65vh;overflow-x:auto;overflow-y:auto;padding:0 32px}.container_songs-list h4{max-width:60%}.container_songs-list::-webkit-scrollbar-track{background-color:#f5f5f5}.container_songs-list::-webkit-scrollbar{width:6px}.container_songs-list::-webkit-scrollbar-thumb{background-color:#98fb98}@media screen and (max-width:768px){.container_songs-list{justify-content:space-between}.container_songs-list h4{margin-right:auto}}@media screen and (orientation:portrait){.container_infos-album,.container_page-album{flex-direction:column}}.container_page-favorites{background-color:#db7093;display:flex;flex-direction:row}.container_favorites{background-color:#1d1d1d;color:#fff;height:100vh;width:100%}.container_top-title{align-items:center;background:linear-gradient(90deg,#1fdf64,#1bc85a 10%,#18b250 20%,#159c46 30%,#12853c 40%,#0f6f32 50%,#0c5928 60%,#09421e 70%,#062c14 100%,#1f9adf 0);display:flex;flex-direction:row;gap:30px;height:180px}.container_top-title h1{font-weight:700}.icon-favorites{color:#fff;font-size:100px;margin-left:20px}.container_songs-liked,.top-title-text{display:flex;flex-direction:column}.container_songs-liked{gap:24px;margin-top:20px;max-height:78vh;overflow-x:auto;overflow-y:auto;padding:0 32px}@media screen and (orientation:portrait){.container_page-favorites{flex-direction:column}}.wrapper{align-items:center;background-color:#121212;display:flex;height:100vh;justify-content:center}.container{color:#fff;margin:0 4%;max-width:400px;padding:66px 16px;text-align:center;width:92%}.container .title{font-size:120px}.container .description{font-size:48px}.glitch{position:relative}.glitch:before{animation:glitch 3s linear infinite alternate-reverse;left:-4px;text-shadow:1px 0 blue}.glitch:after,.glitch:before{clip:rect(0,900px,0,0);color:#1fdf64;content:attr(data-text);height:100%;overflow:hidden;position:absolute;top:0;width:100%}.glitch:after{animation:glitch 2s linear infinite alternate-reverse;left:4px;text-shadow:-1px 0 red}@-webkit-keyframes glitch{0%{clip:rect(24px,9999px,136px,0)}5%{clip:rect(142px,9999px,83px,0)}10%{clip:rect(82px,9999px,37px,0)}15%{clip:rect(51px,9999px,78px,0)}20%{clip:rect(150px,9999px,39px,0)}25%{clip:rect(66px,9999px,122px,0)}30%{clip:rect(141px,9999px,33px,0)}35%{clip:rect(126px,9999px,17px,0)}40%{clip:rect(125px,9999px,124px,0)}45%{clip:rect(34px,9999px,22px,0)}50%{clip:rect(54px,9999px,71px,0)}55%{clip:rect(34px,9999px,135px,0)}60%{clip:rect(150px,9999px,98px,0)}65%{clip:rect(26px,9999px,32px,0)}70%{clip:rect(50px,9999px,2px,0)}75%{clip:rect(144px,9999px,77px,0)}80%{clip:rect(135px,9999px,53px,0)}85%{clip:rect(131px,9999px,143px,0)}90%{clip:rect(127px,9999px,133px,0)}95%{clip:rect(24px,9999px,125px,0)}to{clip:rect(30px,9999px,147px,0)}}@keyframes glitch{0%{clip:rect(24px,9999px,136px,0)}5%{clip:rect(142px,9999px,83px,0)}10%{clip:rect(82px,9999px,37px,0)}15%{clip:rect(51px,9999px,78px,0)}20%{clip:rect(150px,9999px,39px,0)}25%{clip:rect(66px,9999px,122px,0)}30%{clip:rect(141px,9999px,33px,0)}35%{clip:rect(126px,9999px,17px,0)}40%{clip:rect(125px,9999px,124px,0)}45%{clip:rect(34px,9999px,22px,0)}50%{clip:rect(54px,9999px,71px,0)}55%{clip:rect(34px,9999px,135px,0)}60%{clip:rect(150px,9999px,98px,0)}65%{clip:rect(26px,9999px,32px,0)}70%{clip:rect(50px,9999px,2px,0)}75%{clip:rect(144px,9999px,77px,0)}80%{clip:rect(135px,9999px,53px,0)}85%{clip:rect(131px,9999px,143px,0)}90%{clip:rect(127px,9999px,133px,0)}95%{clip:rect(24px,9999px,125px,0)}to{clip:rect(30px,9999px,147px,0)}}.button-pageNotFound{background-color:initial;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:large;margin-top:20px;padding:10px 15px;text-align:center}.button-pageNotFound:hover{border:2px solid #1fdf64}.container_page-profile{display:flex;flex-direction:row}.container_infos-profile{background-color:#1d1d1d;height:100vh;justify-content:center;width:100vw}.container_infos-profile,.infos-profile_edit{align-items:center;display:flex;flex-direction:column}.infos-profile_edit{gap:15px;padding:20px}.infos-profile_edit img{border:4px solid #fff;border-radius:100%;height:250px;width:250px}.infos-profile_edit button{background-color:initial;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:large;padding:10px;text-align:center}.infos-profile_edit button:hover{border:2px solid #1fdf64}.infos-profile{background-color:#121212;color:#fff;display:flex;flex-direction:column;gap:15px;height:300px;justify-content:center;padding:20px;width:400px}.infos-profile h4{color:#1fdf64}@media screen and (orientation:portrait){.container_page-profile{flex-direction:column}.infos-profile{height:auto;max-width:100%}}@media screen and (max-width:280px){.infos-profile_edit{margin-top:100px}}.teste2{background-color:#1d1d1d;height:100vh;width:100vw}.teste,.teste2{align-items:center;display:flex;justify-content:center}.teste{background-color:#121212;flex-direction:column;gap:30px;margin:0 auto;max-width:800px;padding:20px}.teste label{color:#fff;margin-left:20px}.teste form input{background:transparent;border:1px solid #1fdf64;border-radius:40px;box-shadow:inset 0 1px 0 rgba(0,0,0,.03);color:#fff;margin-bottom:1.2em;padding:1em;width:100%}.teste form input:focus{border:1px solid #fff;outline:none}.teste form input::-webkit-input-placeholder{color:#02120c;text-align:center}.teste form input::placeholder{color:#02120c;text-align:center}.teste form button{background:#6cbd26;border:2px solid #6cbd26;border-radius:40px;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#02120c;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:1em;margin-top:1em;overflow:hidden;padding:.8em;text-align:center;transition:all .2s ease-in-out;width:100%}.teste form button:hover{box-shadow:0 6px 10px rgba(0,0,0,.3)}.teste form button:disabled{background:transparent;border:1px solid #02120c}.card{background-color:#121212;border-radius:8px;display:flex;flex-direction:column;padding:10px;text-decoration:none;width:150px}.card:hover{background-color:#2a2a2a}.card img{border-radius:4px;box-shadow:3px 3px 3px #121212;width:100%}.card .albumTitle{color:#fff;font-size:medium;margin-bottom:auto;max-width:18ch;overflow:hidden;padding-top:6px;text-overflow:ellipsis;white-space:nowrap}.card .artistName{color:hsla(0,0%,100%,.75);font-size:small;margin-top:auto;text-align:left}.container__page-search{display:flex;flex-direction:row}.container__search{background-color:#1d1d1d;flex-direction:column;height:100vh;width:100%}.searchbar{align-items:center;background-color:#1fdf64;display:flex;height:100px;justify-content:center}.searchbar form{display:flex;max-width:400px;padding:2em;width:400px}.searchbar input{background:transparent;border:2px solid #fff;border-radius:40px;color:#fff;font-weight:600;padding:1em;width:100%}.searchbar input:focus{outline:none}.searchbar input::-webkit-input-placeholder{color:#fff}.searchbar input::placeholder{color:#fff}.searchbar button{background-color:initial;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:large;margin-left:-3em;padding:1em}.container__results{color:#fff;font-size:larger;margin:10px;text-align:center}.container_albums{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px;max-height:80vh;overflow-x:auto;overflow-y:auto}.container_albums::-webkit-scrollbar-track{background-color:#f5f5f5}.container_albums::-webkit-scrollbar{width:6px}.container_albums::-webkit-scrollbar-thumb{background-color:#98fb98}@media screen and (orientation:portrait){.container__page-search{flex-direction:column}}:root{--background:#005;--primary:#eaffc2;--secondary:#ccffc2;--third:#e1ffdc}*{border:0;bottom:0;box-sizing:border-box;font-family:Manrope,sans-serif;margin:0;padding:0;right:0}form h1{color:#02120c;font-weight:700;line-height:1.5em;margin-bottom:1.2em;margin-top:.2em;text-align:center}.container_page-login{align-content:center;background-color:#121212;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;margin:0;padding:6%;width:100vw}.container_page-login form{-webkit-animation:morph 8s ease-in-out infinite;animation:morph 8s ease-in-out infinite;background:linear-gradient(45deg,#eaffc2,#ccffc2);background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;display:flex;flex-flow:wrap;flex-direction:column;justify-content:center;max-width:400px;padding:2em 2em 3em}@-webkit-keyframes morph{0%{background:linear-gradient(45deg,#eaffc2,#ccffc2);background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{background:linear-gradient(45deg,#e1ffdc,#ccffc2);background:linear-gradient(45deg,var(--third) 0,var(--secondary) 100%);border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{background:linear-gradient(45deg,#eaffc2,#ccffc2);background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes morph{0%{background:linear-gradient(45deg,#eaffc2,#ccffc2);background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{background:linear-gradient(45deg,#e1ffdc,#ccffc2);background:linear-gradient(45deg,var(--third) 0,var(--secondary) 100%);border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{background:linear-gradient(45deg,#eaffc2,#ccffc2);background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.container_page-login form input{background:transparent;border:1px solid #02120c;border-radius:40px;box-shadow:inset 0 1px 0 rgba(0,0,0,.03);color:#02120c;margin-bottom:1.2em;padding:1em;width:100%}.container_page-login form input:focus{outline:none}.container_page-login form input::-webkit-input-placeholder{color:#02120c;text-align:center}.container_page-login form input::placeholder{color:#02120c;text-align:center}.container_page-login form button{background:#6cbd26;border:2px solid #6cbd26;border-radius:40px;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#02120c;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:1em;margin-top:1em;overflow:hidden;padding:.8em;text-align:center;transition:all .2s ease-in-out;width:100%}.container_page-login form button:hover{box-shadow:0 6px 10px rgba(0,0,0,.3)}.container_page-login form button:disabled{background:transparent;border:1px solid #02120c}
/*# sourceMappingURL=main.9e5609ed.css.map*/