#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.footer[data-v-97b199ce]{font-family:Courier New,Courier,monospace;font-size:1rem;padding-bottom:5px;padding-top:2%}#Authentication[data-v-62876070]{height:100vh;display:flex;flex-direction:column}.title[data-v-62876070]{margin-top:30vh;font-family:fantasy;font-style:italic;text-align:center}.title h1[data-v-62876070]{font-size:5rem}.authentication[data-v-62876070]{display:block;margin:auto;text-align:center;align-items:center;align-content:center}.authentication button[data-v-62876070]{width:165px;height:50px;cursor:pointer;display:flex;align-items:center;background:green;border:none;border-radius:5px;background:#1db954}button[data-v-62876070],button span[data-v-62876070]{transition:.2s}button .text[data-v-62876070]{color:#fff;font-weight:700}button .icon[data-v-62876070]{position:absolute;border-left:1px solid #000;transform:translateX(110px);height:35px;width:50px;display:flex;align-items:center;justify-content:center}button svg[data-v-62876070]{width:50px;fill:#eee}button[data-v-62876070]:hover{background:rgba(29,185,84,.8352941176470589)}button:hover .text[data-v-62876070]{color:transparent}button:hover .icon[data-v-62876070]{width:150px;border-left:none;transform:translateX(0)}button[data-v-62876070]:focus{outline:none}nav[data-v-1650a67d]{display:relative}#navbar[data-v-1650a67d]{width:100%;padding:2px}.nav-item[data-v-1650a67d]{display:flex;align-items:center}.home_logo img[data-v-1650a67d]{display:absolute;width:5rem;height:5rem;border-radius:55px;transform:scale(1)}.home_logo img[data-v-1650a67d]:hover{-webkit-animation:logo-pulse-data-v-1650a67d 2s infinite;animation:logo-pulse-data-v-1650a67d 2s infinite}.nav.nav-pills[data-v-1650a67d]{height:100%}.nav-link[data-v-1650a67d]{font-family:fantasy,Helvetica,Arial,sans-serif;color:#fff;font-size:2.2rem}@-webkit-keyframes logo-pulse-data-v-1650a67d{0%{transform:scale(.95);box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{transform:scale(.95);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}@keyframes logo-pulse-data-v-1650a67d{0%{transform:scale(.95);box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{transform:scale(.95);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}#Home[data-v-52325142]{height:100vh;display:flex;flex-direction:column}.container[data-v-52325142]{margin-top:2%;height:auto}.screen[data-v-52325142]{position:relative;background:#395a85;border-radius:15px;height:75vh}.screen_header[data-v-52325142]{display:flex;align-items:center;height:20px;padding:10px 20px;background:#dfdf69;border-top-left-radius:15px;border-top-right-radius:15px}.screen .screen_body[data-v-52325142]{text-align:center}img[data-v-52325142]{height:100%;width:100%}.profile_card[data-v-52325142]{width:21rem;height:22.5rem;background-color:transparent;border-radius:5px;overflow:hidden;position:relative;vertical-align:middle;margin:10px auto;margin-top:8vh;border:1px solid rgba(223,223,5,.5)}.profile_card img[data-v-52325142]{opacity:.9;transition:all .15s linear}.profile_card .profile_name[data-v-52325142]{position:absolute;top:10px;left:10px;font-size:2rem;font-weight:700;color:#fff;padding:15px 20px 5px;transition:all .15s linear}.profile_card .profile_position[data-v-52325142]{position:absolute;color:hsla(0,0%,100%,.4);left:30px;top:4.8rem;transition:all .15s linear}.profile_card .profile_overview[data-v-52325142]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.4) 50%,rgba(255,255,0,0));color:#fff;padding:50px 0 20px 0;transition:all .15s linear}.profile-card .profile_overview h3[data-v-52325142]{font-weight:700}.profile_card .profile_overview p[data-v-52325142]{color:hsla(0,0%,100%,.7)}.profile_card:hover img[data-v-52325142]{filter:brightness(80%)}.profile_card:hover .profile_name[data-v-52325142]{padding-left:25px;padding-top:20px}.profile_card:hover .profile_position[data-v-52325142]{left:40px;color:#fff}.profile_card:hover .profile_overview[data-v-52325142]{padding-bottom:25px}#Track{height:100vh;display:flex;flex-direction:column}html{background-color:#000}h1,h2{color:#1db954}.title_track_count_number{color:rgba(255,255,0,.856);text-decoration:none;pointer-events:none}.track_group_form{position:relative}.num_of_track_input{padding:10px 10px 10px 5px;display:block;width:150px;border:none;border-bottom:1px solid #757575;background:transparent;color:#fff;font-size:1.2rem}.num_of_track_input:focus{outline:none}.track_label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .2s ease}.num_of_track_input:focus~.track_label,.num_of_track_input:valid~.track_label{top:-20px;font-size:14px;color:#35af35}.num_of_track_input:focus~.bar:after,.num_of_track_input:focus~.bar:before{width:50%}.track_configure_container .top_container{margin-top:2%}.search_button{background:#000;color:#fff;padding:10px;border-radius:5px}.search_button:hover{-webkit-animation:arrow_pointing .25s;animation:arrow_pointing .25s;-webkit-animation-timing-function:cubic-bezier(.2,.65,.6,1);animation-timing-function:cubic-bezier(.2,.65,.6,1);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.card_container{padding-right:0;padding-left:0;background:#000;border-radius:10px}.cards_wrap .card_item{width:auto;margin:10px}.cards_wrap .card_inner{height:100%;width:auto;background:#000}.cards_wrap .card_top{width:auto;height:500px;padding:10px;padding-left:0;padding-right:0;padding-bottom:0}.cards_wrap .card_bottom{height:100px;width:auto;text-align:center;background:linear-gradient(0deg,#000,rgba(22,22,22,.7251050933068539) 20%,rgba(43,43,43,0) 72%)}#track_length_selector{margin:0}.cards_wrap .card_bottom:hover>.container_bottom .card_title{transform:translateY(-80%);opacity:1}.cards_wrap .card_bottom:hover>.container_bottom .card_title:after{transform:scale(1);opacity:1;transition-delay:.1s;transition-duration:.2s}.cards_wrap .card_bottom:hover>.container_bottom .card_subtitle{transform:translateY(-55%);opacity:.9;transition-delay:.15s;transition-duration:.2s}.container_bottom .card_title:after{display:block;margin:1% auto 2%;width:60%;height:1px;content:"";background-color:#fff;opacity:.5;transform:scale(0);transition:transform .15s}.container_bottom .card_subtitle{font-size:100%;letter-spacing:2px;text-transform:uppercase;opacity:0;transition:.1s;color:#fff;padding-top:2%}.next,.prev{background:linear-gradient(90deg,rgba(0,0,0,.8690828382134104),rgba(43,43,43,0) 78%)}.next{background:linear-gradient(-90deg,rgba(0,0,0,.8690828382134104),rgba(43,43,43,0) 78%)}#Artist{height:100vh;display:flex;flex-direction:column}*{scroll-behavior:auto;margin:0;box-sizing:border-box}body{background:transparent;font-size:14px}.artist_group_form{position:relative}.num_of_artist_input{padding:10px 10px 10px 5px;display:block;width:150px;border:none;border-bottom:1px solid #757575;background:transparent;color:#fff;font-size:1.2rem}.num_of_artist_input:focus{outline:none}.artist_label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .2s ease}.num_of_artist_input:focus~.artist_label,.num_of_artist_input:valid~.artist_label{top:-20px;font-size:14px;color:#35af35}.bar{position:relative;display:block;width:150px}.bar:after,.bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#35af35;transition:all .2s ease}.bar:before{left:50%}.bar:after{right:50%}.num_of_artist_input:focus~.bar:after,.num_of_artist_input:focus~.bar:before{width:50%}select{background:#000;color:#fff;border:none;font-size:1.6rem;padding-bottom:10px}.top_track_inner_container:hover>.emoji_downward{-webkit-animation:arrow_pointing .25s;animation:arrow_pointing .25s;-webkit-animation-timing-function:cubic-bezier(.2,.65,.6,1);animation-timing-function:cubic-bezier(.2,.65,.6,1);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.top_track_title_container .top_track_inner_container .emoji_downward{display:flex;align-items:center;margin-right:10px;margin-left:10px;font-size:1.5rem;transition:transform .25s}.artist_configure_container .top_container{margin-top:2%}.search_button{margin-top:2%;margin-bottom:2%}img{display:block;width:auto;height:100%;border-radius:10px}.artist_card_container{padding-right:0;padding-left:0;background:#000;border-radius:10px}::-webkit-scrollbar{display:none}.artist_cards_wrap .card_item{width:auto;margin:10px}.artist_cards_wrap .card_inner{height:100%;width:auto;background:#000}.artist_cards_wrap .card_top{width:auto;height:500px;padding:10px;padding-left:0;padding-right:0;padding-bottom:0}.artist_cards_wrap .card_bottom{height:100px;width:auto;text-align:center;background:linear-gradient(0deg,#000,rgba(22,22,22,.7251050933068539) 20%,rgba(43,43,43,0) 72%)}.artist_cards_wrap .card_bottom:hover>.container_bottom .card_title{transform:translateY(-80%);opacity:1}.container_bottom .card_title{opacity:.6;letter-spacing:1.5px;margin-top:26rem;font-size:150%;color:#fff;text-transform:uppercase;transition:.3s}.button.row{line-height:1px;background-color:transparent;pointer-events:none;border-radius:10px}.col-1{pointer-events:auto}.next,.prev{display:flex;justify-content:center;align-items:center;height:100%;padding:13% 32px 13% 10px;color:#1db954;font-weight:700;font-size:25px;transition:.6s ease}.next{right:0;padding:13% 10px 13% 32px}@-webkit-keyframes arrow_pointing{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes arrow_pointing{0%{transform:translateY(0)}to{transform:translateY(-5px)}}