body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@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{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.NavContainer{display:flex;flex-direction:column;padding-top:30px}.NavPicture{border-radius:0;height:59px;left:10px;left:40px;padding-left:20px;top:50px;width:250px}.NavPicture img{height:100%;width:100%}.Barras{align-items:center;border-radius:50%;display:flex;height:200px;justify-content:center;width:200px}.BarrasStyle{background-color:#fff;border-radius:50%;height:30px;padding:10px;width:30px}.eq-bar{-webkit-transform:scaleY(-1) translateY(-22px);transform:scaleY(-1) translateY(-22px)}.eq-bar--1{-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:short-eq;animation-name:short-eq}.eq-bar--1,.eq-bar--2{-webkit-animation-duration:.8s;animation-duration:.8s}.eq-bar--2{-webkit-animation-delay:.17s;animation-delay:.17s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:tall-eq;animation-name:tall-eq}.eq-bar--3{-webkit-animation-delay:.34s;animation-delay:.34s;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:short-eq;animation-name:short-eq}@-webkit-keyframes short-eq{0%{height:6px}50%{height:16px}to{height:6px}}@keyframes short-eq{0%{height:6px}50%{height:16px}to{height:6px}}@-webkit-keyframes tall-eq{0%{height:16px}50%{height:6px}to{height:16px}}@keyframes tall-eq{0%{height:16px}50%{height:6px}to{height:16px}}.ListLibreria h1,.ListPlaylist h1{color:#514d4d;font-family:Quicksand;font-size:22px;font-weight:700;letter-spacing:0;line-height:28px;padding-left:40px;text-align:left}.ListLibreria ul,.ListPlaylist ul{list-style:none;padding:0;width:500px}.ListLibreria ul li,.ListPlaylist ul li{border:solid #662323;border-width:0 0 0 3px;color:#514d4d;font-family:Quicksand;font-size:16px;font-style:normal;font-weight:400;height:20px;line-height:20px;margin:5px 5px 5px 0;padding-left:37px;text-align:left}.ListLibreria ul li:hover,.ListPlaylist ul li:hover{border-left-color:#e86060;border-left-width:3px;color:#e86060;cursor:pointer}.ContentContainer{max-height:83vh;overflow-x:hidden;overflow-y:scroll;padding-right:20px;padding-top:30px}.ContentSearch,.ContentSearchIcon{display:flex;justify-content:space-between}.ContentSearchIcon{align-items:center;background:#fff;border:1px solid #828282;border-radius:100px;height:36px;padding-left:16px;padding-right:16px;width:524px}.ContentSearchIcon input{background:transparent;border:none}.ContentSearchIcon input:focus{border:none;outline:none}.ContentSearchIcon input:active{border:none}.ContentSearchIcon input::-webkit-input-placeholder{color:#bdbdbd;font-family:Quicksand;font-size:18px;font-style:normal;font-weight:400;line-height:22px}.ContentSearchIcon input::placeholder{color:#bdbdbd;font-family:Quicksand;font-size:18px;font-style:normal;font-weight:400;line-height:22px}.FaUser{color:#e86060;font-size:14px;font-style:normal;font-weight:900;line-height:16px;margin-right:12px;text-align:center}.ContentSearchUser,.FaUser{align-items:center;display:flex}.ContentSearchUser{height:36px}.ContentSearchUser h2{color:#4f4f4f;font-family:Quicksand;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.FaPlay{height:72px;width:63px}.FaPlay:hover{cursor:pointer}.FaSearch{color:#bdbdbd;font-family:Font Awesome\ 5 Free;font-size:18px;font-style:normal;font-weight:900;line-height:21px}.ContentPreview{display:flex;height:200px;margin-top:30px}.ContentPreviewImage{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom-left-radius:10px;border-top-left-radius:10px;display:flex;justify-content:center;width:25%}.ContentPreviewText{background-color:#f6f2f2;border-bottom-right-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:column;opacity:.95;padding-left:30px;width:75%}.ContentPreviewTextName{align-items:center;display:flex;height:30px;padding-top:20px}.ContentPreviewTextName h3{color:#171717;font-family:Quicksand;font-size:22px;font-style:normal;font-weight:700;line-height:28px}.ContentPreviewTextSeguidores{align-items:center;display:flex;height:20px}.ContentPreviewTextSeguidores p{color:#171717;font-family:Quicksand;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.ContentPreviewTextSeguidores p span{color:#000;font-family:Quicksand;font-size:10px;font-style:normal;font-weight:400;line-height:12px;margin-left:16px}.ContentPreviewTextDescription p{color:#fff;font-family:Quicksand;font-size:12px;font-style:normal;font-weight:700;line-height:20px;margin:0;text-align:center}.ContentPreviewTextIcons{align-items:center;display:flex;height:70px;justify-content:start}.ContentPreviewTextIconsReproducir{display:flex;margin-right:20px;padding-top:50px}.ContentPreviewTextIconsReproducir button{align-items:center;background-color:#e86060;border:none;border-radius:100px;color:#fff;font-family:Quicksand;font-size:14px;font-style:normal;font-weight:400;height:31px;line-height:18px;mix-blend-mode:normal;padding:none;text-align:center;width:117px}.ContentPreviewTextIconsReproducir button:hover{background-color:#b24747;color:#fff;cursor:pointer}.ContentPreviewTextIconsSeguir{display:flex;margin-right:20px;padding-top:50px}.ContentPreviewTextIconsSeguir button{align-items:center;background:transparent;border:1px solid #171717;border-radius:100px;color:#171717;font-family:Quicksand;font-size:14px;font-style:normal;font-weight:400;height:31px;line-height:18px;mix-blend-mode:normal;padding:none;text-align:center;width:117px}.ContentPreviewTextIconsSeguir button:hover{border:1px solid #fff;color:#e8e8e8;cursor:pointer}.ContentPreviewTextIconsInfo{align-items:center;display:flex;justify-content:center;padding-top:50px}.ContentPreviewTextIconsInfo :hover{cursor:pointer}.ContentCardsContainer{flex-wrap:wrap;justify-content:space-between}.ContentCardsContainer,.ContentCardsResult{display:flex;width:100%}.ContentCardsResult h2{color:#e86060;font-family:Quicksand;font-size:22px;font-style:normal;font-weight:700;line-height:28px;margin:0;padding-bottom:12px;padding-top:10px}.Card{color:#4b0d0d;height:180px;margin-bottom:60px;width:18%}.CardPreviewImage{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:145px;justify-content:center;position:relative;width:100%}.FaPlay2{color:#fff;height:36px;width:32px}.FaPlay2 :hover{cursor:pointer}.AiOutlineMore{color:#fff;font-family:Font Awesome\ 5 Free;font-size:36px;font-style:normal;font-weight:900;height:36px;left:145px;line-height:41px;position:absolute;top:5px;width:32px}.AiOutlineMore:hover{cursor:pointer}.CardTitles{align-items:flex-start;display:flex;flex-direction:column;justify-content:start;padding-top:8px}.CardTitles h3{font-weight:700;line-height:18px;text-align:start}.CardTitles h3,.CardTitles p{font-family:Quicksand;font-size:12px;font-style:normal;margin:0}.CardTitles p{color:#171717;font-weight:400;line-height:15px}@media(max-width:700px){.ContentContainer{max-height:83vh;overflow-x:hidden;overflow-y:scroll;padding-left:20px;padding-right:20px;padding-top:30px}.ContentSearchUser{display:none}.ContentPreview{display:flex;height:160px;margin-top:30px;width:100%}.ContentPreviewImage{height:150px;width:35%}.ContentPreviewText{height:150px;padding-left:10px;width:65%}.FaPlay{height:52px;width:30px}.ContentPreviewTextSeguidores p span{display:none}.ContentPreviewTextIconsReproducir{margin-right:10px;padding-top:10px}.ContentPreviewTextIconsReproducir button{width:100px}.ContentPreviewTextIconsSeguir{padding-top:10px}.ContentPreviewTextIconsSeguir button{width:100px}.ContentPreviewTextIconsInfo{display:none}.Card{color:#4b0d0d;height:180px;margin-bottom:60px;width:30%}}.FooterContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;margin:0;width:100%}.FooterReproductor{display:flex;height:100%;justify-content:space-between;width:100%}.FooterSong{display:flex;height:100%;width:370px}.FooterSongImage{background-color:beige;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100px}.FooterSongText{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:10px}.FooterSongText h3{font-size:14px;font-weight:700;line-height:18px}.FooterSongText h3,.FooterSongText p{color:#4f4f4f;font-family:Quicksand;font-style:normal;margin:0;text-align:start}.FooterSongText p{font-size:12px;font-weight:400;line-height:15px}.FooterSongIcons{align-items:center;display:flex;height:100%;justify-content:space-between;margin-right:150px;width:170px}.FooterSongAtrasIcon{color:#2e2e2e;display:flex}.FooterSongPlayIcon{align-items:center;background-color:#e2e2e2;border-radius:100%;display:flex;justify-content:center;padding:20px}.FooterSongPlayIcon :hover{background-color:#8f8f8f}.FooterSongPausedIcon{align-items:center;background-color:#e2e2e2;border-radius:100%;display:flex;justify-content:center;padding:10px}.FooterSongAdelanteIcon{color:#2e2e2e;display:flex}.FaPlay3{color:#2a2a2a;font-size:18px;margin-left:3px}.FaPlay4{color:#2e2e2e;font-size:40px;padding:0}.FooterSongPlayIcon:hover{cursor:pointer}.AdelanteIcon,.AtrasIcon{font-size:40px}.AdelanteIcon :hover,.AtrasIcon :hover{cursor:pointer}.FooterSongVolumen{align-items:center;display:flex;justify-content:space-between;width:200px}.FooterSongVolumenInput{align-items:center;display:flex;justify-content:center;transition:1s;width:100px}.FooterSongVolumenInput :hover{background-color:#282828;cursor:pointer;transition:1s}.FooterSongVolumenInput input{-webkit-appearance:none;background-color:#fff;color:#ffebcd;height:4px;transition:1s;width:100px}.FooterSongVolumenInput input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#2e2e2e;border:0 solid #611212;border-radius:50%;color:#fff;height:12px;width:12px}.FooterSongReproduccionInput{align-items:flex-start;display:flex;height:5px;justify-content:flex-start;margin-left:0;margin-right:0;margin-top:-5px;transition:2s;width:100%;z-index:0}.FooterSongReproduccionInput :hover{background-color:#ababab;cursor:pointer;transition:1s}.FooterSongReproduccionInput input{-webkit-appearance:none;background-color:#e2e2e2;color:#ffebcd;height:5px;transition:1s;width:100%}.FooterSongReproduccionInput input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#2e2e2e;border:0 solid #611212;border-radius:50%;color:#2e2e2e;height:15px;margin-left:-5px;width:15px}.FooterSongVolumenIcon{align-items:center;display:flex;justify-content:center;padding-right:35px}.Volumen{color:#fff;font-size:30px}.Volumen :hover{cursor:pointer}@media(max-width:700px){.FooterSongIcons{align-items:center;display:flex;height:100%;justify-content:space-between;margin-right:150px;width:10px}.FooterSongVolumenIcon{display:none}.FooterSongText h3{font-size:12px}.FooterSong{width:200px}.FooterSongVolumen{display:flex;justify-content:center;width:150px}}.Alex{flex-direction:column;height:100%}.Alex,.Header{display:flex;width:100%}.Header{background-color:#fff;height:88%}.Nav1{width:24%}.Content1{width:80%}.Footer{background-color:#d7a4a4;height:12%;position:relative;width:100%;z-index:10000}@media(max-width:700px){.Alex{flex-direction:column}.Alex,.Header{display:flex;height:100%;width:100%}.Header{background-color:#fff;justify-content:center}.Nav1{display:none;width:24%}.Content1{display:flex;justify-content:center;width:100%}.Footer{background-color:#d7a4a4;height:12%;position:relative;width:100%;z-index:10000}}
/*# sourceMappingURL=main.cf05eb74.css.map*/