body{padding:0;margin:0}.app{background-color:#ff0}.geners{height:20vh;width:100%;display:flex;align-items:center}.gener_container{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.gener{background-color:#fff}.gener button{font-size:1.5rem;border-radius:0;border:none;padding:.8rem;background-color:#d3d3d3}.gener button:hover{background-color:gray}.musics{height:80vh;overflow:hidden;display:flex;align-items:center}.music_container{display:flex;justify-content:space-between;overflow-x:auto;margin-bottom:10vmin}.music{height:55vmin;width:40vmin;flex-shrink:0;background-color:#fff;margin-left:5vmin;margin-right:5vmin}.music_top{height:40vmin;background-color:beige}.music_top_container{display:flex;flex-direction:column;justify-content:space-between;height:100%}.music_top_img_container{display:flex}.music_top_img_container>img{width:35%;margin-top:5%;margin-left:5%}.music_top_lowlevel_container{margin:5% 5% 0;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.basic_container{height:6vmin;display:flex;justify-content:left;align-items:center}.basic{border:.5vmin white solid;width:5.5vmin;height:5.5vmin;display:flex;justify-content:center;align-items:center;background-color:green;color:#fff;font-weight:700}.advanced_container{height:6vmin;display:flex;justify-content:left;align-items:center}.advanced{border:.5vmin white solid;width:5.5vmin;height:5.5vmin;display:flex;justify-content:center;align-items:center;background-color:orange;color:#fff;font-weight:700}.music_highlevel_container{margin:5%;display:flex;flex-direction:column;justify-content:space-around;flex-grow:1}.expert{height:8vmin;background-color:#fff;display:flex}.expert_container{background-color:red;margin:.5vmin;height:7vmin;width:7vmin;color:#fff;display:flex;text-align:center;flex-direction:column;justify-content:space-around;align-items:center;font-weight:700}.expert_detail{flex-grow:1;margin:.5vmin;display:flex;flex-direction:column;justify-content:space-around}.master{height:8vmin;background-color:#fff;display:flex}.master_container{background-color:purple;margin:.5vmin;height:7vmin;width:7vmin;color:#fff;display:flex;text-align:center;flex-direction:column;justify-content:space-around;align-items:center;font-weight:700}.master_detail{flex-grow:1;margin:.5vmin;display:flex;flex-direction:column;justify-content:space-around}.music_high_level{font-size:90%;font-weight:lighter}.music_high_level_val{font-size:120%}.music_bottom{height:15vmin;display:flex;align-items:center;flex-direction:column}.music_title{font-size:1.5rem}.divider{width:80%;height:2px;background-color:#a9a9a9}.music_artist{overflow:scroll}.music_bottom_container{width:100%;display:flex;justify-content:space-around}.bg-white[data-v-7371678c]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.cursor-pointer[data-v-7371678c]{cursor:pointer}.flex[data-v-7371678c]{display:flex}.grid[data-v-7371678c]{display:-ms-grid;display:grid}.place-content-center[data-v-7371678c]{place-content:center}.items-center[data-v-7371678c]{align-items:center}.justify-center[data-v-7371678c]{justify-content:center}.font-sans[data-v-7371678c]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.font-medium[data-v-7371678c]{font-weight:500}.font-light[data-v-7371678c]{font-weight:300}.text-8xl[data-v-7371678c]{font-size:6rem;line-height:1}.text-xl[data-v-7371678c]{font-size:1.25rem;line-height:1.75rem}.leading-tight[data-v-7371678c]{line-height:1.25}.mb-8[data-v-7371678c]{margin-bottom:2rem}.mb-16[data-v-7371678c]{margin-bottom:4rem}.max-w-520px[data-v-7371678c]{max-width:520px}.min-h-screen[data-v-7371678c]{min-height:100vh}.overflow-hidden[data-v-7371678c]{overflow:hidden}.px-8[data-v-7371678c]{padding-left:2rem;padding-right:2rem}.py-2[data-v-7371678c]{padding-top:.5rem;padding-bottom:.5rem}.px-4[data-v-7371678c]{padding-left:1rem;padding-right:1rem}.fixed[data-v-7371678c]{position:fixed}.left-0[data-v-7371678c]{left:0px}.right-0[data-v-7371678c]{right:0px}.text-center[data-v-7371678c]{text-align:center}.text-black[data-v-7371678c]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-7371678c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-full[data-v-7371678c]{width:100%}.z-10[data-v-7371678c]{z-index:10}.z-20[data-v-7371678c]{z-index:20}@media (min-width: 640px){.sm\:text-4xl[data-v-7371678c]{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl[data-v-7371678c]{font-size:1.25rem;line-height:1.75rem}.sm\:text-10xl[data-v-7371678c]{font-size:10rem;line-height:1}.sm\:px-0[data-v-7371678c]{padding-left:0;padding-right:0}.sm\:py-3[data-v-7371678c]{padding-top:.75rem;padding-bottom:.75rem}.sm\:px-6[data-v-7371678c]{padding-left:1.5rem;padding-right:1.5rem}}@media (prefers-color-scheme: dark){.dark\:bg-black[data-v-7371678c]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.dark\:text-white[data-v-7371678c]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}}.spotlight[data-v-7371678c]{background:linear-gradient(45deg,#00DC82 0%,#36E4DA 50%,#0047E1 100%);filter:blur(20vh);height:40vh;bottom:-30vh}.gradient-border[data-v-7371678c]{position:relative;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (prefers-color-scheme: light){.gradient-border[data-v-7371678c]{background-color:#ffffff4d}.gradient-border[data-v-7371678c]:before{background:linear-gradient(90deg,#e2e2e2 0%,#e2e2e2 25%,#00DC82 50%,#36E4DA 75%,#0047E1 100%)}}@media (prefers-color-scheme: dark){.gradient-border[data-v-7371678c]{background-color:#1414144d}.gradient-border[data-v-7371678c]:before{background:linear-gradient(90deg,#303030 0%,#303030 25%,#00DC82 50%,#36E4DA 75%,#0047E1 100%)}}.gradient-border[data-v-7371678c]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.5rem;padding:2px;width:100%;background-size:400% auto;opacity:.5;transition:background-position .3s ease-in-out,opacity .2s ease-in-out;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.gradient-border[data-v-7371678c]:hover:before{background-position:-50% 0;opacity:1}.bg-white[data-v-5d1604e8]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.grid[data-v-5d1604e8]{display:-ms-grid;display:grid}.place-content-center[data-v-5d1604e8]{place-content:center}.font-sans[data-v-5d1604e8]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.font-medium[data-v-5d1604e8]{font-weight:500}.font-light[data-v-5d1604e8]{font-weight:300}.h-1\/2[data-v-5d1604e8]{height:50%}.text-8xl[data-v-5d1604e8]{font-size:6rem;line-height:1}.text-xl[data-v-5d1604e8]{font-size:1.25rem;line-height:1.75rem}.leading-tight[data-v-5d1604e8]{line-height:1.25}.mb-8[data-v-5d1604e8]{margin-bottom:2rem}.mb-16[data-v-5d1604e8]{margin-bottom:4rem}.max-w-520px[data-v-5d1604e8]{max-width:520px}.min-h-screen[data-v-5d1604e8]{min-height:100vh}.overflow-hidden[data-v-5d1604e8]{overflow:hidden}.px-8[data-v-5d1604e8]{padding-left:2rem;padding-right:2rem}.fixed[data-v-5d1604e8]{position:fixed}.left-0[data-v-5d1604e8]{left:0px}.right-0[data-v-5d1604e8]{right:0px}.-bottom-1\/2[data-v-5d1604e8]{bottom:-50%}.text-center[data-v-5d1604e8]{text-align:center}.text-black[data-v-5d1604e8]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-5d1604e8]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 640px){.sm\:text-4xl[data-v-5d1604e8]{font-size:2.25rem;line-height:2.5rem}.sm\:text-10xl[data-v-5d1604e8]{font-size:10rem;line-height:1}.sm\:px-0[data-v-5d1604e8]{padding-left:0;padding-right:0}}@media (prefers-color-scheme: dark){.dark\:bg-black[data-v-5d1604e8]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.dark\:text-white[data-v-5d1604e8]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}}.spotlight[data-v-5d1604e8]{background:linear-gradient(45deg,#00DC82 0%,#36E4DA 50%,#0047E1 100%);filter:blur(20vh)}.bg-white[data-v-42e6b8de]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-black\/5[data-v-42e6b8de]{--tw-bg-opacity:.05;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.rounded-t-md[data-v-42e6b8de]{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.flex[data-v-42e6b8de]{display:flex}.flex-col[data-v-42e6b8de]{flex-direction:column}.flex-1[data-v-42e6b8de]{flex:1 1 0%}.font-sans[data-v-42e6b8de]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.font-medium[data-v-42e6b8de]{font-weight:500}.font-light[data-v-42e6b8de]{font-weight:300}.h-auto[data-v-42e6b8de]{height:auto}.text-xl[data-v-42e6b8de]{font-size:1.25rem;line-height:1.75rem}.text-6xl[data-v-42e6b8de]{font-size:3.75rem;line-height:1}.leading-tight[data-v-42e6b8de]{line-height:1.25}.mb-8[data-v-42e6b8de]{margin-bottom:2rem}.mb-6[data-v-42e6b8de]{margin-bottom:1.5rem}.min-h-screen[data-v-42e6b8de]{min-height:100vh}.overflow-y-auto[data-v-42e6b8de]{overflow-y:auto}.p-8[data-v-42e6b8de]{padding:2rem}.px-10[data-v-42e6b8de]{padding-left:2.5rem;padding-right:2.5rem}.pt-14[data-v-42e6b8de]{padding-top:3.5rem}.fixed[data-v-42e6b8de]{position:fixed}.left-0[data-v-42e6b8de]{left:0px}.right-0[data-v-42e6b8de]{right:0px}.text-black[data-v-42e6b8de]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-42e6b8de]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.z-10[data-v-42e6b8de]{z-index:10}@media (min-width: 640px){.sm\:text-8xl[data-v-42e6b8de]{font-size:6rem;line-height:1}.sm\:text-2xl[data-v-42e6b8de]{font-size:1.5rem;line-height:2rem}}@media (prefers-color-scheme: dark){.dark\:bg-black[data-v-42e6b8de]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.dark\:bg-white\/10[data-v-42e6b8de]{--tw-bg-opacity:.1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.dark\:text-white[data-v-42e6b8de]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}}.spotlight[data-v-42e6b8de]{background:linear-gradient(45deg,#00DC82 0%,#36E4DA 50%,#0047E1 100%);opacity:.8;filter:blur(30vh);height:60vh;bottom:-40vh}