@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.s1_cont_major_scales{background-image:linear-gradient(180deg,#4f2f71,#7d2d64);margin-top:-25px}.mainContainer_navbar_major_scales{background-color:#35245b}.cont0_navbar_major_scales{background-color:#35245b;display:flex;padding:5px 0}.nav_btns_major_scales{background-color:#7250b7;border-radius:3px;color:#fff;font-size:16px;margin:0 2px;padding:10px 15px;text-decoration:none}.nav_btns_major_scales:hover{background-color:#7f5bc8}body{align-items:center;background:#e3f2fd;display:flex;justify-content:center;min-height:100vh}.wrapper{border-radius:20px}.wrapper header{align-items:center;color:#b2b2b2;display:flex;justify-content:space-between}header h2{font-size:1.6rem}header .column{align-items:center;display:flex}header span{font-size:1.19rem;font-weight:500;margin-right:15px}header input{border-radius:30px;outline:none}.volume-slider input{accent-color:#fff}.keys-checkbox input{-webkit-appearance:none;appearance:none;background:#4b4b4b;cursor:pointer;height:30px;position:relative;width:60px}.keys-checkbox input:before{background:#8c8c8c;border-radius:50%;content:"";height:20px;left:5px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease;width:20px}.keys-checkbox input:checked:before{background:#fff;left:35px}.piano-keys{display:flex;list-style:none;margin-top:10px}.piano-keys .key{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.piano-keys .black{background:linear-gradient(#333,#000);border:1px solid;border-radius:0 0 5px 5px;height:140px;margin:0 -22px;width:44px;z-index:2}.piano-keys .black.active{background:linear-gradient(180deg,#000,#434343);box-shadow:inset -5px -10px 10px hsla(0,0%,100%,.1)}.piano-keys .white{background:linear-gradient(#fff 96%,#eee 0);border:1px solid #000;border-radius:8px;height:230px;width:70px}.piano-keys .white.active,.piano-keys .white:hover{background:linear-gradient(180deg,#fff 0,#eee);box-shadow:inset -5px 5px 20px rgba(0,0,0,.2)}.piano-keys .black:hover{background:linear-gradient(180deg,#000,#434343);box-shadow:inset -5px -10px 10px hsla(0,0%,100%,.1)}.piano-keys .key span{bottom:20px;color:#000;font-size:1.13rem;font-weight:700;position:absolute;text-align:center;width:100%}.piano-keys .key.hide span{display:none}.piano-keys .black span{bottom:13px;color:#888}@media screen and (max-width:815px){.wrapper{padding:25px}header{flex-direction:column}header :where(h2,.column){margin-bottom:13px}.volume-slider input{max-width:100px}.piano-keys{margin-top:20px}.piano-keys .key:where(:nth-child(9),:nth-child(10)){display:none}.piano-keys .black{height:100px;margin:0 -20px;width:40px}.piano-keys .white{height:180px;width:60px}}@media screen and (max-width:615px){.piano-keys .key :nth-child(17),.piano-keys .key:nth-child(13),.piano-keys .key:nth-child(14),.piano-keys .key:nth-child(15),.piano-keys .key:nth-child(16){display:none}.piano-keys .white{width:50px}}.custom_style{background:linear-gradient(90deg,green,#1a7506);border-radius:5px;color:#fff}.custom-alert{align-items:center;background:#facd4b;border:2px solid #fff;border-radius:0 0 15px 15px;box-shadow:0 0 10px #000;color:#fff;display:flex;font-weight:700;justify-content:center;left:50%;padding:0 50px;position:fixed;text-align:center;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content}.custom-alert-content{background:#ff0;border-radius:8px;padding:16px;text-align:center}.tick-icon{height:50px;width:50px}.alert-text{color:#fff;font-size:20px;margin-left:18px}.homePage-bg_major_pentatonic,.s1_cont{background-image:linear-gradient(180deg,#8c2c23,#7d2d64)}.s1_cont{margin-top:-25px}.cont0_navbar_major_pentatonic{background-color:#d05424;display:flex;padding:5px 0}.nav_btns_major_pentatonic{background-color:#8e2409;border-radius:3px;color:#fff;font-size:16px;margin:0 2px;padding:10px 15px;text-decoration:none}.nav_btns_major_pentatonic:hover{background-color:#f67251}.s1_cont_major_blues{background-image:linear-gradient(180deg,#154d99,#7d2d64);margin-top:-25px}.homePage-bg_minor_scales,.s1_cont_minor_scales{background-image:linear-gradient(180deg,#712a61,#7d2d64)}.s1_cont_minor_scales{margin-top:-25px}.mainContainer_navbar_minor_scales{background-color:#a72e8c}.cont0_navbar_minor_scales{background-color:#a72e8c;display:flex;padding:5px 0}.nav_btns_minor_scales{background-color:#6f1561;border-radius:3px;color:#fff;font-size:16px;margin:0 2px;padding:10px 15px;text-decoration:none}.nav_btns_minor_scales:hover{background-color:#be41a2}.homePage-bg_minor_pentatonic{background-image:linear-gradient(180deg,#8c2c23,#7d2d64)}.cont0_navbar_minor_pentatonic{background-color:#d05424;display:flex;padding:5px 0}.nav_btns_minor_pentatonic{background-color:#8e2409;border-radius:3px;color:#fff;font-size:16px;margin:0 2px;padding:10px 15px;text-decoration:none}.nav_btns_minor_pentatonic:hover{background-color:#f67251}.text-container001{margin:.78rem 1.52rem;padding:0 1.2rem}body{margin:0;padding:0}.homePage-bg_major_pentatonic,.s1_cont_minor_blues{background-image:linear-gradient(180deg,#154d99,#7d2d64)}.s1_cont_minor_blues{margin-top:-25px}a{font-family:Mooli,sans-serif;font-family:Poppins,sans-serif}.cont0_navbar{background-color:#0187f1;display:flex;padding:5px 0}.cont1_navbar{align-items:center;color:#fff;display:flex;flex-direction:row;margin:0 2% 0 5%;padding:0}.logo{border-radius:8px;height:7vh;margin-right:10px;width:3vw}.cont2_navbar{margin-left:3%}.cont2_navbar,.cont3_navbar{align-items:center;display:flex}.cont3_navbar{margin-left:15px}.nav_btns{background-color:#0062b1;border-radius:3px;color:#fff;font-size:16px;margin:0 2px;padding:10px 15px;text-decoration:none}.nav_btns:hover{background-color:#154d99}.nav_bar_txt{color:#fff;text-decoration:none}.heading,.heading_majorscales{color:#fff;font-size:24px;text-align:center}.heading_majorscales{margin-bottom:30px;padding-top:-10px}.cont0{align-items:center;display:flex;justify-content:center}.bg-img{border-radius:10px;height:auto;width:50%}.up_arrow_btn{background:none;border:none;cursor:pointer;margin:-15px;padding:0}.arrow_img,.arrow_img:hover{height:8vh;width:5vw}.arrow_img:hover{background-color:#fff;border-radius:17px;opacity:.5;padding:0 1.2em}.txt_cont{align-items:center;background-color:#ed9b1c;border-radius:20px;color:#ededed;display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;width:100px}.txt_cont:hover{background-color:#c17f1c}.text-container0,.text-container01{align-items:center;display:flex;flex-direction:row;justify-content:center}.text-container01{margin:.1rem .2rem}.text-container001{align-items:center;color:#9c9c9c;display:flex;flex-direction:row;font-size:2.1rem;font-weight:700;height:40px;justify-content:center;margin:.78rem 1.4rem;width:25px}.text-container1{align-items:center;display:flex;flex-direction:column;margin:.1rem .2rem}.video{padding:5px 20px}.correct-words,.video{align-items:center;display:flex;justify-content:center}.correct-words{flex-direction:row}.word{background-color:#ed9b1c;border-radius:10px;color:#fff;font-family:Times New Roman,Times,serif;font-size:25px;height:35px;margin:10px 20px;padding:5px;text-align:center;width:50px}.homePage-bg{background-image:linear-gradient(180deg,#4f2f71,#7d2d64)}
/*# sourceMappingURL=main.b1841aec.css.map*/