@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap);.navbar[data-v-3759e87c]{padding:5px 0;background-color:#fff}.navbar .router-link-exact-active[data-v-3759e87c]{font-weight:700}.navbar .navbar-container[data-v-3759e87c]{display:flex;justify-content:space-between;align-items:center}.navbar .navbar-container .left[data-v-3759e87c]{display:flex;align-items:center}.navbar .navbar-container .left img[data-v-3759e87c]{max-height:60px;border-radius:50%;display:inline-block}.navbar .navbar-container .left h2[data-v-3759e87c]{display:inline-block;margin-left:25px;margin-right:10px}@media(max-width:500px){.navbar .navbar-container .left h2[data-v-3759e87c]{display:none}}.navbar .navbar-container .right[data-v-3759e87c]{display:flex;align-items:center;margin-left:16px}@media(max-width:500px){.navbar .navbar-container .right[data-v-3759e87c]{width:100%}.navbar .navbar-container .right__userinfo[data-v-3759e87c]{display:flex;flex-direction:column;width:inherit;align-items:center;margin:10px 0}}.navbar .navbar-container .right a[data-v-3759e87c],.navbar .navbar-container .right button[data-v-3759e87c]{margin-right:15px}@media(max-width:605px){.navbar .navbar-container .right a[data-v-3759e87c],.navbar .navbar-container .right button[data-v-3759e87c]{display:inline-block;margin-bottom:5px;margin-top:5px}}.navbar .navbar-container .right a[data-v-3759e87c]:last-child,.navbar .navbar-container .right button[data-v-3759e87c]:last-child{margin-right:0}@media(max-width:500px){.navbar .navbar-container .right a[data-v-3759e87c],.navbar .navbar-container .right button[data-v-3759e87c]{margin-right:0}}.navbar .navbar-container .right span[data-v-3759e87c]{margin-right:50px}@media(max-width:500px){.navbar .navbar-container .right span[data-v-3759e87c]{margin-right:0}}.navbar .navbar-container .right .username[data-v-3759e87c]{font-weight:700}.navbar .navbar-container .right .noUser a[data-v-3759e87c]{margin:10px}@media(max-width:320px){.navbar .navbar-container .right .noUser a button[data-v-3759e87c]{margin:5px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.playlist[data-v-30620df2]{background-color:#fff;border-radius:8px;display:flex;align-items:center;margin:16px 0;padding:20px;transition:all .3s ease-in;cursor:pointer;box-shadow:2px 2px 1px 0 rgba(0,0,0,.1)}.playlist[data-v-30620df2]:hover{transform:scale(1.02)}.playlist .image[data-v-30620df2]{max-width:100px;max-height:100px;overflow:hidden}.playlist .image img[data-v-30620df2]{display:block;width:100%;height:100%}.playlist .info[data-v-30620df2]{text-align:left;font-family:Nunito,sans-serif;color:var(--primary);margin:20px}.playlist .info .title[data-v-30620df2]{font-weight:700}.playlist .info .username[data-v-30620df2]{font-style:italic}.playlist .songs-quantity[data-v-30620df2]{margin-left:auto;padding-right:20px}.home[data-v-79b49f82]{margin-top:50px;text-align:left}.login-page[data-v-2a5029bc]{margin-top:100px}.login-page form[data-v-2a5029bc]{text-align:left}.signup-page[data-v-20755c80]{margin-top:100px}.signup-page form[data-v-20755c80]{text-align:left}.create-playlists[data-v-502e39b4]{margin-top:100px}.create-playlists form[data-v-502e39b4]{overflow:hidden;text-align:left}.create-playlists form h2[data-v-502e39b4],.create-playlists form p[data-v-502e39b4]{padding:10px}.create-playlists form h2[data-v-502e39b4]{font-size:16px}.create-playlists form textarea[data-v-502e39b4]{min-height:40px;max-width:100%;min-width:100%}button[data-v-95a041bc]{margin:0 auto;display:inline-block;margin:5px}form[data-v-95a041bc]{max-width:90%;margin-top:20px}.details[data-v-3ef72384]{margin-top:60px}.details.container[data-v-3ef72384]{width:90%}@media(max-width:768px){.details.container[data-v-3ef72384]{margin-bottom:30px}}@media(max-width:500px){.details.container[data-v-3ef72384]{margin-top:30px}}.details .details-content[data-v-3ef72384]{display:grid;grid-template-columns:1fr 2fr}@media(max-width:768px){.details .details-content[data-v-3ef72384]{grid-template-columns:1fr}}.details .details-content .left img[data-v-3ef72384]{max-height:200px}@media(max-width:425px){.details .details-content .left img[data-v-3ef72384]{max-height:150px}}.details .details-content .left .title[data-v-3ef72384]{font-weight:700;font-size:30px;text-align:center}.details .details-content .left .createdBy[data-v-3ef72384],.details .details-content .left .description[data-v-3ef72384]{margin-bottom:15px;text-align:center}.details .details-content .right[data-v-3ef72384]{margin-left:15px}@media(max-width:768px){.details .details-content .right[data-v-3ef72384]{margin-left:0}}.details .details-content .right__no-songs[data-v-3ef72384]{margin-bottom:20px}.details .details-content .right .song-item[data-v-3ef72384]{display:flex;align-items:center;background-color:#fff;margin:10px 0;box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);border-radius:10px;padding:10px;cursor:pointer;transition:all .3 ease-in}@media(max-width:768px){.details .details-content .right .song-item[data-v-3ef72384]{flex-direction:column;flex-wrap:wrap}}.details .details-content .right .song-item[data-v-3ef72384]:hover{transform:scale(1.005);background-color:#dfdbdb}.details .details-content .right .song-item .title[data-v-3ef72384]{font-weight:600;margin-right:30px;word-break:break-word}@media(max-width:768px){.details .details-content .right .song-item .title[data-v-3ef72384]{margin-right:0;margin-top:10px}}.details .details-content .right .song-item .artist[data-v-3ef72384]{font-style:italic;margin-left:30px;margin-right:20px;word-break:break-word}@media(max-width:768px){.details .details-content .right .song-item .artist[data-v-3ef72384]{margin-right:0;margin-left:0;margin-bottom:10px}}.details .details-content .right .song-item button[data-v-3ef72384]{margin-left:auto}@media(max-width:768px){.details .details-content .right .song-item button[data-v-3ef72384]{margin-left:0}}.title[data-v-9dcffb0e]{font-weight:700;font-size:20px;margin:30px 0}:root{--primary:#4f515a;--secondary:#ebebeb;--warning:#da0f41}*{margin:0;padding:0;font-family:Nunito,sans-serif;color:var(--primary)}body{background:#fafafa}a{text-decoration:none}.btn,button{background:var(--secondary);border-radius:8px;border:0;padding:8px 12px;font-weight:600;cursor:pointer;display:inline-block}.btn:hover,button:hover{background:var(--primary);color:#fff}button:disabled{opacity:.5;color:var(--primary);background:var(--secondary);cursor:not-allowed}form{max-width:400px;margin:0 auto;padding:30px;border-radius:8px;box-shadow:1px 2px 3px rgba(50,50,50,.05);border:1px solid var(--secondary);background-color:#fff}input,textarea{border:0;border-bottom:1px solid var(--secondary);padding:10px;outline:none;display:block;width:100%;box-sizing:border-box;margin:20px auto}.error{color:var(--warning);font-size:14px;margin:16px 0}.container{max-width:90%;margin:0 auto}