._pageFrame_q0rhk_2{display:flex;flex-direction:column;width:100dvw;height:82dvh;overflow-y:hidden}._lessonSlot_q0rhk_10{overflow:hidden;position:relative;background:#11112d;flex:1}._mainContainer_q0rhk_17{display:flex;width:100%;background:#11112d;height:100%}._leftPanel_q0rhk_25{padding-top:3rem;display:flex;flex-direction:column;background:#dadada;width:30%;height:100%;padding-left:2rem;gap:4rem;overflow-y:auto;padding-right:.5rem}._leftPanel_q0rhk_25>*{margin:0}h1{font-family:serif;font-size:3rem;color:#000;text-decoration:none;font-weight:400}._rightPanel_q0rhk_55{background:#11112d;height:100%;width:70%;z-index:100;align-items:center;display:flex;justify-content:center}._rightPanel_q0rhk_55>*{margin:0}p{font-size:2rem;font-family:serif;font-weight:50;line-height:1.5}._footer_q0rhk_77{background:#06071e;height:9vh;width:100%;display:flex;justify-content:flex-end;position:relative;align-items:center}._pianoIcon_q0rhk_88{flex-shrink:0;display:flex;gap:20px}._btnContainer_q0rhk_96{display:flex;justify-content:flex-end;align-items:center;padding-right:1rem;gap:10px}._btn_q0rhk_96 a{color:#fff;background-color:#2d31a400;padding:4px 16px;border-radius:8px;border:2px solid rgb(9,9,105);text-decoration:none;font-family:sans-serif;font-size:2rem}._deactivated_q0rhk_117{color:#fff;background-color:#74747900;padding:4px 16px;border-radius:8px;text-decoration:none;pointer-events:none;border:2px solid grey;font-family:sans-serif;font-size:2rem}._center_q0rhk_131{color:#fff;font-family:sans-serif;justify-content:center;position:absolute;font-size:2rem;left:50%}._scrollable_q0rhk_141{overflow-y:auto;height:auto}._pianoContainer_1ptma_1{display:flex;height:27vh;width:35dvw;background:#131010;border-radius:8px;justify-content:center;align-items:center}._whiteKeyWrapper_1ptma_11{position:relative;height:85%;width:calc(80% / 7)}._whiteKey_1ptma_11{width:100%;height:100%;border-radius:8px;background-color:#f9f4f4;border:1px solid rgb(25,24,24)}._blackKey_1ptma_25{background-color:#000;height:70%;width:60%;border-radius:4px;z-index:10;position:absolute;top:0;left:70%;transform:translate(10%)}._keyLabel_1ptma_37{display:flex;position:absolute;bottom:10px;font-size:28px;font-family:Proxima Nova;color:#000;width:50%;justify-content:center;left:50%;transform:translate(-50%)}._blackLabel_1ptma_51{align-self:center;color:#fff;display:flex;position:absolute;bottom:20px;font-size:11px;font-family:Proxima Nova;width:50%;justify-content:center;left:50%;transform:translate(-50%)}._active_1ptma_65{background:#b7b71b}._pianoContainer_p866i_1{display:flex;height:39vh;width:47dvw;background:#131010;border-radius:8px;justify-content:center;align-items:center}._keys_p866i_13{display:flex;width:90%}._keyGroup_p866i_20{position:relative;flex:1}._whiteKey_p866i_27{background-color:#f9f4f4;border:1px solid rgb(25,24,24);width:100%;height:30vh;border-radius:8px;position:relative}._keyLabel_p866i_40{display:flex;position:absolute;bottom:10px;font-size:28px;font-family:Proxima Nova;color:#000;width:100%;justify-content:center}._blackKey_p866i_51{background-color:#000;height:70%;width:2.5rem;border-radius:4px;z-index:2;position:absolute;top:0;left:100%;transform:translate(-50%)}._active_p866i_65{background:#fdc91e;border:1px solid black}._mainContainer_x40cm_1{background-color:var(--secondary);height:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;overflow-y:auto;gap:10dvh}._intro_x40cm_14{margin-top:30px;color:#fff;font-size:30px;height:50px;width:100%;font-family:Proxima Nova;display:flex;justify-content:center}._questionBox_x40cm_26{min-height:auto;width:80%;background:#ffffff21;border:1px solid rgb(255,255,255);display:flex;flex-direction:column;gap:15px;font-size:26px;justify-content:space-around;align-items:center;padding-bottom:15px;padding-top:15px}._Note_x40cm_41{font-size:3rem;color:#e3c416}._question1_x40cm_46{color:#fff}._btnContainer_x40cm_50{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:80%}._btn_x40cm_50{background:#11112d;border-radius:8px;padding:16px;color:#fff;text-decoration:none;cursor:pointer}._btn2_x40cm_66{background:#e3c416;border-radius:8px;padding:16px 46px;color:#fff;text-decoraTion:none;cursor:pointer;align-items:center;display:flex;justify-content:center;font-family:Proxima Nova}._selectedAnswer_x40cm_80{background:#11112d}._btn3_x40cm_84{background:#e3c416;padding:10px 16px;border-radius:16px;gap:20px;color:#fff;font-family:Proxima Nova;font-size:20px;cursor:pointer}._PianoStyles_x40cm_96{transform:scale(.8);transform-origin:center}._message_x40cm_101{color:#fff;font-size:28}._pianoContainer_1byrh_1{display:flex;height:25vh;width:30dvw;background:#131010;border-radius:8px;justify-content:center;align-items:center}._whiteKeyWrapper_1byrh_11{position:relative;height:85%;width:calc(80% / 7)}._whiteKey_1byrh_11{width:100%;height:100%;border-radius:8px;background-color:#f9f4f4;border:1px solid rgb(25,24,24)}._keyLabel_1byrh_25{display:flex;position:absolute;bottom:10px;font-size:28px;font-family:Proxima Nova;color:#000;width:100%;justify-content:center}._blackKey_1byrh_36{background-color:#000;height:70%;width:45%;border-radius:4px;z-index:10;position:absolute;top:0;left:70%;transform:translate(10%)}._active_1byrh_48{background-color:red}._mainContainer_1k6eg_1{background:#11112d;height:auto;width:100%;display:flex;justify-content:center;overflow-y:auto;border-radius:16px}._pageFrame_1k6eg_11{margin-top:20px;height:auto;width:90%;background:#ffffff24;border:1px solid white;border-radius:16px;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;margin-left:10px}._title_1k6eg_29{font-family:Proxima Nova;font-size:36px;color:#fdc91e}._text_1k6eg_37{font-family:Proxima Nova;font-size:20px;color:#fff;width:80%}._question_1k6eg_44{font-family:Proxima Nova;font-size:26px;color:#fdc91e}._bottom_1k6eg_51{font-family:Proxima Nova;font-size:20px;color:#fff;width:80%;padding-bottom:30px}._logo_1k6eg_60{height:130px;width:110px;padding-top:60px}._html_1svxn_1{font-size:16px}._header_1svxn_6{display:flex;background-color:#04043b;width:100%;height:9dvh;z-index:10;justify-content:space-between;align-items:center;border-bottom:3px solid rgba(255,255,255,.1)}._headerLeft_1svxn_18{display:flex;justify-content:flex-start;gap:.1rem;z-index:10;align-items:center}._headerLogo_1svxn_27{width:auto;height:6vh;margin-left:1rem;align-self:center}._brandLink_1svxn_35{font-family:Roboto;font-size:2rem;color:#fff;text-decoration:none}._headerRight_1svxn_42{display:flex;justify-content:flex-end;gap:2rem;margin-right:1rem;align-items:center}._btn_1svxn_50{text-decoration:none;font-family:Proxima Nova;font-size:2rem;color:#fff}._searchContainer_1svxn_57{position:relative}._search_1svxn_57{background-color:#fff;height:16px;width:70%;border-radius:16px;border:1px solid rgb(232,232,232)}._dropContainer_1svxn_70{width:30rem;height:50rem;background-color:#04043b;position:absolute;top:10%;right:15;z-index:100;display:flex;flex-direction:column;overflow-y:auto;gap:3rem;align-items:center}._topResult_1svxn_86{color:#000;font-size:38;height:4rem;bottom:.5rem}._song_1svxn_94{display:flex;align-items:center;gap:10px;padding:10px}._song_1svxn_94 img{width:50px;height:50px;object-fit:cover}._mainContainer_i2z79_1{width:100%;min-height:91dvh;height:1000px;background-color:var(--secondary);display:flex;flex-direction:column}._songImage_i2z79_11{height:300px;width:100%;background-color:var(--secondary);display:flex;padding-top:20px;padding-bottom:20px;border:2px solid black;border-bottom:1px solid rgb(233,207,62);padding-left:10px}._songTitle_i2z79_24{font-family:Proxima Nova;color:#fff;padding-left:20px;font-size:40px;display:flex;flex-direction:column}._artistName_i2z79_33{font-family:Proxima Nova;color:#e9cf3e;padding-left:20px;font-size:30px}._details_i2z79_40{color:#fff;font-size:20px;padding-left:20px;display:flex;gap:36px}._progression_i2z79_48{color:#e9cf3e;font-family:Proxima Nova;padding-left:20px;font-size:18px}._lyricsContainer_i2z79_55{margin-top:10px;width:100%;padding-left:40px;border-bottom:1px solid rgb(233,207,62);background-color:var(--secondary);display:flex;justify-content:space-between}._container_i2z79_65{height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;max-height:300px}._LyricsTitle_i2z79_75{color:#fff;font-size:40px;border-bottom:2px solid black}._lyrics_i2z79_55{color:#fff;width:50%;font-size:20px;gap:10px;height:auto}._youtubePlayer_i2z79_90{width:560px;height:315px;position:sticky}._sectionHeader_i2z79_96{color:#fff;font-size:14px;padding-top:20px;width:100%}._theory_i2z79_103{color:#e9cf3e;font-size:26px;font-family:Proxima Nova;padding-left:40px;margin-top:20px}._mainContainer_3d3c7_1{width:100%;height:91dvh;background-color:var(--secondary);display:flex;justify-content:center;align-items:center;overflow:hidden}._container_3d3c7_13{width:33%;height:80dvh;display:flex;flex-direction:column;background-color:#fff;z-index:2;border-radius:16px;justify-content:center;align-items:center;gap:2rem}._text_3d3c7_28{display:flex;justify-content:center;color:#000;align-items:center;font-size:2rem;padding-top:3rem;gap:2rem;padding-left:2rem}._title_3d3c7_39{font-size:2rem}._tabContainer_3d3c7_43{height:30px;width:90%;display:flex;background-color:#e6e4e4;border-radius:16px;justify-content:space-evenly}._tab_3d3c7_43{background-color:#eee4e4}._tabActivated_3d3c7_62{pointer-events:none;background-color:#04043b;border-radius:16px;color:#fff}._separate_3d3c7_70{display:flex;justify-content:spcae-evenly}._button1_3d3c7_75{background-color:#04043b;border:1px solid grey;width:20%;height:20px;color:#fff;align-items:center}._Google_3d3c7_85{background-color:#fff;height:30px;align-items:center}._container_1avm9_3{display:flex;background-image:url(/assets/never-CdPx2ydL.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:60vh;z-index:0}._hero_1avm9_18{display:flex;flex-direction:column;z-index:1;justify-content:space-evenly;padding-left:1rem}._details_1avm9_27{display:flex;flex-direction:column;gap:1rem}._h1_1avm9_32{color:#fff;font-family:Proxima Nova;font-size:3.5rem;font-style:oblique}._p_1avm9_40{font-size:2rem;color:#fff;font-family:Proxima Nova;line-height:1.5;font-style:oblique}._p2_1avm9_49{font-size:1.5rem;color:#fff;font-family:Proxima Nova}._btnContainer_1avm9_55{display:flex;flex-direction:row;font-style:oblique;gap:2rem;align-items:center}._btn_1avm9_55{background-color:#3c44d1;color:#fff;font-weight:100;padding:10px 32px;text-decoration:none;border-radius:8px}._btn2_1avm9_76{text-decoration:none;color:#04043b;background-color:#fff;padding:5px 16px;border-radius:8px}._mainContainer_1avm9_87{display:flex;background-image:linear-gradient(to left,#000,#04043b);height:60vh;width:100%;padding-top:3rem;justify-content:space-between}._textContainer_1avm9_103{display:flex;flex-direction:column;gap:1rem}._headerContainer_1avm9_111{margin-top:1rem;align-self:center}._pContainer_1avm9_117{padding-top:2rem;padding-left:2rem}._img_1avm9_123{padding-top:2rem}._divider_1avm9_127{height:2vh;width:100%;background-color:#01010f}._howSection_1avm9_133{display:flex;height:60vh;width:100%;background-image:linear-gradient(to left,#000,#04043b);padding-top:2rem}._howLeft_1avm9_142{align-items:center;display:flex;flex:1;flex-direction:column;padding-top:1rem;gap:5rem;margin-left:1rem}._howRight_1avm9_154{flex:1;background:url(/assets/guitar-4z1ApG_p.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent 0%,black 20%);-webkit-mask-image:linear-gradient(to right,black 70%,transparent 100%)}._footer_1avm9_167{width:100%;height:20vh;background:linear-gradient(to bottom,#04043b,#000)}._mainContainer_r3kdt_1{background:var(--secondary);height:91vh;max-height:91vh;width:100%;display:flex;justify-content:center;overflow-y:hidden}._userContainer_r3kdt_13{margin-top:20px;width:90%;height:98%;display:flex;justify-content:space-between}._userPage_r3kdt_23{background:#0a0a26;width:80%;height:90%;border-left:16px;border-bottom-right-radius:16px;border-top-right-radius:16px;border-bottom:1px solid white;padding-left:50px;padding-top:30px;position:relative}._pageTab_r3kdt_36{background:#e0d321;height:90%;width:20%;border:2px solid white;border-top-left-radius:16px;border-bottom-left-radius:16px;display:flex;flex-direction:column;align-items:center;padding-top:28px;border-bottom:2px solid white}._pageTabItem_r3kdt_50{width:82%;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0a0a26;color:#fff;font-family:Proxima Nova;font-size:20px;font-weight:600;border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 18px #0000002e}._logout_r3kdt_66{display:flex;justify-content:center;align-self:center;width:fit-content;border-radius:8px;background:#04043f;padding:16px 32px;justify-self:center;color:#fff}._profileHeader_r3kdt_78{flex-direction:column;width:fit-content;position:absolute;top:30px;left:50px;box-shadow:0 18px 40px #00000047;border:1px solid rgba(255,255,255,.7);width:80%;min-height:120px;display:flex;flex-direction:row;align-items:center;gap:20px;background:#01011f;border-radius:12px;padding:20px 24px}._profileh1_r3kdt_101{color:#fff;font-family:Proxima Nova;font-size:20px;padding-right:20px}._dropdownContainer_r3kdt_109{position:absolute;top:110px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .15s ease,transform .15s ease;background:#fff;min-height:260px;width:min(560px,72vw);z-index:100;border-radius:8px;padding:18px;box-shadow:0 16px 36px #00000047}._dropdownSearch_r3kdt_125{width:240px;height:36px;border-radius:32px;margin:0;padding-left:38px;font-family:Proxima Nova;font-size:16px}._open_r3kdt_137{opacity:1;transform:translateY(0);pointer-events:auto}._avatarButton_r3kdt_143{width:110px;height:110px;overflow:hidden;cursor:pointer;flex-shrink:0;background:#fff;border-radius:50%;border:4px solid rgb(224,211,33)}._avatarImage_r3kdt_154{width:100%;height:100%;display:block;object-fit:cover}._username_r3kdt_162{margin-top:10px;color:#fff;font-size:20px;font-weight:700;font-family:Proxima Nova}._displayContainer_r3kdt_172{margin-top:200px;background:#fff;min-height:50vh;width:95%;border:1px solid rgb(86,86,94);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}._displayContainer_r3kdt_172 form{width:100%}._header_r3kdt_188{display:flex;height:auto;width:100%;padding:20px 24px;color:#0a0a26;font-size:28px;font-weight:700;align-self:center;justify-content:flex-start;font-family:Proxima Nova;border-bottom:1px solid rgb(220,220,225)}._btnContainer_r3kdt_202{padding:24px;display:grid;width:100%;grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px;box-sizing:border-box}._saveChanges_r3kdt_212{width:fit-content;color:#fff;background:#0a0a26;padding:14px 22px;border-radius:8px;align-self:center;cursor:pointer;font-family:Proxima Nova;font-size:15px;border:1px solid rgb(10,10,38)}._saveChanges_r3kdt_212:hover{background:#04043f}._bubble_r3kdt_229{width:100%;padding:14px 16px;border-radius:10px;font-size:16px}._searchIcon_r3kdt_236{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:gray;pointer-events:none}._dropDownWrapper_r3kdt_245{position:relative;width:fit-content}._artistGrid_r3kdt_250{display:grid;grid-template-columns:repeat(5,72px);gap:16px;margin-top:18px}._artistOption_r3kdt_257{width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;overflow:hidden}._artistOption_r3kdt_257:hover{border-color:#e0d321}._artistImage_r3kdt_272{width:100%;height:100%;display:block;object-fit:cover}@media(max-width:700px){._artistGrid_r3kdt_250{grid-template-columns:repeat(2,72px)}}:root{--primary: rgb(4,4,59);--secondary: #11112d;font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}b{font-weight:700}input{padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box;outline:none;transition:border-color .2s;background-color:#f2f2f2;color:#000;border:1px solid rgb(169,169,169)}button{width:90%;border-radius:16px;border:.8px solid rgb(206,206,206)}h2{font-size:16px;font-weight:200}