form .row{margin-bottom:1.5rem}form .row label{--tw-text-opacity:1;color:rgba(101,123,131,var(--tw-text-opacity));display:block;margin-bottom:.25rem}form input,form textarea{--tw-border-opacity:1;--tw-text-opacity:1;-webkit-appearance:none;border-color:rgba(0,86,102,var(--tw-border-opacity));border-radius:0;border-width:4px;color:rgba(131,148,150,var(--tw-text-opacity));padding:.75rem;transition-duration:.15s;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}form input:focus,form textarea:focus{--tw-border-opacity:1;border-color:rgba(229,191,212,var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search]:focus{--tw-border-opacity:1;border-color:rgba(211,54,130,var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.subscribe-box{background:#073642;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='24'%3E%3Cpath d='m10 0 30 15 2 1V2.18A10 10 0 0 0 41.76 0H39.7a8 8 0 0 1 .3 2.18v10.58L14.47 0H10zm31.76 24a10 10 0 0 0-5.29-6.76L4 1 2 0v13.82a10 10 0 0 0 5.53 8.94L10 24h4.47l-6.05-3.02A8 8 0 0 1 4 13.82V3.24l31.58 15.78A8 8 0 0 1 39.7 24h2.06zM78 24l2.47-1.24A10 10 0 0 0 86 13.82V0l-2 1-32.47 16.24A10 10 0 0 0 46.24 24h2.06a8 8 0 0 1 4.12-4.98L84 3.24v10.58a8 8 0 0 1-4.42 7.16L73.53 24H78zm0-24L48 15l-2 1V2.18A10 10 0 0 1 46.24 0h2.06a8 8 0 0 0-.3 2.18v10.58L73.53 0H78z' fill='%23002b36' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E")}.light-theme .subscribe-box{background:#fffdf0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='24'%3E%3Cpath d='m10 0 30 15 2 1V2.18A10 10 0 0 0 41.76 0H39.7a8 8 0 0 1 .3 2.18v10.58L14.47 0H10zm31.76 24a10 10 0 0 0-5.29-6.76L4 1 2 0v13.82a10 10 0 0 0 5.53 8.94L10 24h4.47l-6.05-3.02A8 8 0 0 1 4 13.82V3.24l31.58 15.78A8 8 0 0 1 39.7 24h2.06zM78 24l2.47-1.24A10 10 0 0 0 86 13.82V0l-2 1-32.47 16.24A10 10 0 0 0 46.24 24h2.06a8 8 0 0 1 4.12-4.98L84 3.24v10.58a8 8 0 0 1-4.42 7.16L73.53 24H78zm0-24L48 15l-2 1V2.18A10 10 0 0 1 46.24 0h2.06a8 8 0 0 0-.3 2.18v10.58L73.53 0H78z' fill='%23fbf5e4' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E")}.subscribe-box-inputs:focus-within input[type=submit]{background:var(--accent);border-color:var(--accent)}.light-theme .subscribe-box-inputs:focus-within input[type=submit],.light-theme input[type=submit]{background:var(--accent2);border-color:var(--accent2);color:#fff}.subscribe-box input{border-color:var(--bg-light3);border-radius:1rem}.light-theme .subscribe-box input{border-color:var(--bg-dark-alt)}.subscribe-box input[type=email]{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}.subscribe-box input[type=submit]{background:var(--bg-light3);border-top-left-radius:0;border-top-right-radius:0;color:var(--bg-dark)}@media (min-width:1024px){.subscribe-box input{border-radius:3rem}.subscribe-box input[type=email]{border-bottom-left-radius:3rem;border-top-right-radius:0}.subscribe-box input[type=submit]{border-bottom-left-radius:0;border-top-right-radius:3rem}}.light-theme .subscribe-box input[type=submit]{background:var(--bg-dark-alt)}.light-theme .subscribe-box input[type=email]:focus{border-color:var(--accent2)}.mobile-nav{background:#073642;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49'%3E%3Cpath d='m13.99 9.25 13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%23002b36' fill-opacity='.31' fill-rule='nonzero'/%3E%3C/svg%3E")}.mobile-nav.menu-visible{transform:translateZ(0)}.mobile-nav.menu-visible .item{opacity:1;transform:translateZ(0)}.light-theme .mobile-nav{background-color:#eee8d5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49'%3E%3Cpath d='m13.99 9.25 13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%23fdf6e3' fill-opacity='.31' fill-rule='nonzero'/%3E%3C/svg%3E")}.search-link{--tw-text-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);background:hsla(0,0%,100%,.75);border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgba(0,86,102,var(--tw-text-opacity));display:block;font-family:var(--font-family);font-size:.875rem;line-height:1.25rem;margin-left:.25rem;margin-right:.25rem;max-width:250x;overflow:hidden;padding:.5rem 1rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.search-link:hover{transform:scale(1.03) translateY(-2px)}@media (min-width:768px){.search-link{font-size:1.125rem;line-height:1.75rem;margin-left:.5rem;margin-right:.5rem}}.search-link.is-sound{background:#005666;color:#fff}footer{background:var(--bg-dark2);margin:0 auto}.footer-cof{background:var(--bg-light);border-radius:50%;margin-bottom:-35%;position:relative;z-index:1}.footer-cof.active{box-shadow:-7px 2px 28px -10px rgba(211,54,130,.22),inset -1px 1px 19px rgba(108,113,196,.43);height:auto;left:50%;max-width:90%;position:fixed;top:50%;transform:translate(-50%,-50%);width:550px;z-index:99}.footer-cof.active #mini-cof-title{display:none}@media (min-width:1200px){.footer-cof{margin-bottom:-50%}}.footer-cof a{text-decoration:none!important}body.light-theme .footer-cof{background:#302b1d}figure{margin-bottom:2rem}figcaption{background:var(--bg-dark2);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;font-size:.875rem;font-weight:600;line-height:1.25rem;padding:1rem;text-align:center;text-transform:uppercase}@-webkit-keyframes rotate-anim{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotate-anim{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.zoom-in:hover{background-size:120%;text-decoration:none;transition:background-size 3s}.infinity{stroke-dasharray:2.42777px,242.77666px;stroke-dashoffset:0;-webkit-animation:anim-infinity 1.6s linear infinite;animation:anim-infinity 1.6s linear infinite}.infinity-sign:hover .infinity{-webkit-animation-duration:.45s;animation-duration:.45s}@-webkit-keyframes anim-infinity{12.5%{stroke-dasharray:33.98873px,242.77666px;stroke-dashoffset:-26.70543px}43.75%{stroke-dasharray:84.97183px,242.77666px;stroke-dashoffset:-84.97183px}to{stroke-dasharray:2.42777px,242.77666px;stroke-dashoffset:-240.34889px}}@keyframes anim-infinity{12.5%{stroke-dasharray:33.98873px,242.77666px;stroke-dashoffset:-26.70543px}43.75%{stroke-dasharray:84.97183px,242.77666px;stroke-dashoffset:-84.97183px}to{stroke-dasharray:2.42777px,242.77666px;stroke-dashoffset:-240.34889px}}.toggle-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(203,75,22,var(--tw-bg-opacity));border-color:rgba(203,75,22,var(--tw-border-opacity));border-width:4px;position:absolute;width:1.5rem}.toggle-checkbox,.toggle-label{border-radius:9999px;cursor:pointer;display:block;height:1.5rem}.toggle-label{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background:rgba(0,0,0,.1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:inset 2px 2px 4px rgba(0,0,0,.25);overflow:hidden}body:not(.light-theme) .toggle-label,body:not(.light-theme) select{border:1px dashed rgba(123,216,233,.5)}select{-moz-text-align-last:center;text-align-last:center}.toggle-checkbox:checked{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsla(190,32%,60%,var(--tw-bg-opacity));border-color:hsla(190,32%,60%,var(--tw-border-opacity));right:0;right:0}.toggle-checkbox:checked+.toggle-label{background-color:hsla(0,0%,100%,.4);background:rgba(0,0,0,.1);box-shadow:inset 2px 2px 4px rgba(0,0,0,.25)}.progression{--tw-text-opacity:1;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgba(211,54,130,var(--tw-text-opacity));display:flex;font-weight:700;justify-content:center;padding:.5rem;width:100%}.progression div{border-radius:.5rem;display:flex;flex-direction:column}.progression span{padding:.5rem}.progression span:last-of-type{color:var(--text)}@media (min-width:768px){.progression{padding:1rem}}.chord-pill{--tw-text-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border:1px solid var(--accent3);border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgba(211,54,130,var(--tw-text-opacity));cursor:pointer;font-size:1rem;font-weight:700;line-height:1.5rem;margin-bottom:.75rem;padding:.75rem 1rem}.chord-pill.keypress-active,.chord-pill:active{background:#245058}.light-theme .chord-pill.keypress-active,.light-theme .chord-pill:active{background:#cac5ba}.chord-block .chord-pill{margin-top:1rem}.featured-link{border-radius:.5rem;font-size:.75rem;font-weight:700;line-height:1rem;margin-bottom:1rem;padding:.75rem;text-decoration:none!important;text-transform:uppercase}.light-theme .featured-link{box-shadow:none}@media (min-width:768px){.featured-link{font-size:.875rem;line-height:1.25rem;width:auto}}.touch-trigger{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.jump a,.jump button{background:#00242d;border-radius:.75rem;display:inline-block;margin-bottom:.7rem;margin-left:.3rem;margin-right:.3rem;padding:.2rem .5rem;text-decoration:none!important;transition:transform .25s}.jump a:hover{transform:translateY(-1px)}.light-theme .jump a,.light-theme .jump button{background:#eee8d5}.highlights p{padding:1rem 2rem}.highlights p:first-child{transform:rotate(-3deg)}.highlights p:nth-child(2){transform:rotate(3deg)}.highlights p:nth-child(3){transform:rotate(-2deg)}.play-btn{height:-webkit-min-content;height:-moz-min-content;height:min-content;margin:0 .4rem 2rem;transition:transform .2s ease-in-out}.play-btn:hover{transform:scale(1.1)}.chord h3,.scale h3{margin-bottom:2.25rem;margin-top:1.5rem}body:not(.light-theme) .chord h3,body:not(.light-theme) .chord h4,body:not(.light-theme) .scale h3,body:not(.light-theme) .scale h4{color:var(--accent3)}.chord-pill,body:not(.light-theme) .chord-block,body:not(.light-theme) .highlights p:first-child,body:not(.light-theme) .play-btn{border:1px solid var(--accent3);box-shadow:0 0 10px #408f9e,inset 0 0 10px #408f9e}.light-theme .chord-pill{border:1px solid #c3beaf;box-shadow:0 4px 14px -5px #bcb7a8}body:not(.light-theme) .chord-block{border-width:2px}body:not(.light-theme) .highlights p:first-child{color:var(--accent)}body:not(.light-theme) .highlights p:nth-child(2),body:not(.light-theme) .highlights p:nth-child(3),body:not(.light-theme) .outlined,body:not(.light-theme) .progression{border:1px dashed var(--accent3)}.keyboard{margin:0 auto 3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keyboard li{align-items:flex-end;display:flex;font-family:var(--font-family);justify-content:center}.keyboard li span{font-size:.9rem}ul.keyboard li.black,ul.keyboard li.white{border-bottom:none;float:left;list-style:none;position:relative}.keyboard .white{background:#548591;border:1px solid #00242d;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top:none;color:#d33682;height:6em;width:1.5em}@media (max-width:900px){.keyboard .white{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}}@media (min-width:600px){.large-piano .keyboard .white{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}.light-theme .keyboard .white{background:#fefaf0;border-color:var(--bg)}.keyboard li:before{all:unset}.black{background:#000;background:#6a8289;background:#2f4d53;border-radius:0 0 3px 3px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;height:3em;margin:0 0 0 -.375em;width:.75em;z-index:2}@media (min-width:600px){.large-piano .black{border-radius:0 0 6px 6px}}.keyboard .white.pressed{background-color:#fff;color:#000}.keyboard .white.pressed:active{background:#f0f0f0}body:not(.light-theme) .keyboard .black.pressed{background:#000;color:#fff}body:not(.light-theme) .keyboard .black.pressed:active{background:#62575d}.light-theme .keyboard .white.pressed{background:#dfd9cd}.light-theme .keyboard .white.pressed:active{background:#cac5ba}.light-theme .keyboard .black.pressed:active{background:#af8198}.light-theme .keyboard .black.pressed{background:#73676d}.a,.b,.d,.e,.g{margin:0 0 0 -.375em}.kb li,.keyboard li,.light-theme .kb li.white,.light-theme .keyboard li.white{border-top:4px solid var(--bg-dark)!important}@media (max-width:1200px){.chord-block .chord-pill{border-radius:3px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -2px 10px -3px #bcb7a8;font-weight:400;line-height:1;margin-bottom:0;padding:.75rem .3rem .5rem}}@media (max-width:600px){.jump a,.jump button{font-size:1rem}.keyboard li.black span{transform:rotate(90deg)}.keyboard li span{font-size:.6rem}.keyboard .white{height:4em;width:1em}.black{height:2em;width:.5em}.a,.b,.black,.d,.e,.g{margin:0 0 0 -.25em}}body:not(.light-theme) .chord,body:not(.light-theme) .scale{box-shadow:0 37px 20px -20px #011a21}.highlight-chord{background-color:rgba(229,191,212,.6)!important}.pressed.flash{-webkit-animation:flash .25s ease-out;animation:flash .25s ease-out}.neon-luv.neon-boost:hover{box-shadow:0 0 10px #408f9e,inset 0 0 10px #408f9e,0 1.75rem 0 -10px rgba(123,216,233,.75),0 3.5rem 0 -20px rgba(123,216,233,.65),0 5rem 0 -30px rgba(123,216,233,.5)}.light-theme .neon-luv.neon-boost:hover{box-shadow:-7px 2px 28px -10px rgba(211,54,130,.22),0 1.75rem 0 -10px rgba(211,54,130,.75),0 3.5rem 0 -20px rgba(211,54,130,.65),0 5rem 0 -30px rgba(211,54,130,.5)}.lock-icon{stroke:currentColor;display:inline;margin:1rem .5rem 1rem 1rem}.about-box,.footer-box{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-radius:.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin:13rem auto 6rem;padding-bottom:1rem;position:relative;text-align:center;width:min(51rem,100%)}.footer-box-inner{margin-inline:auto;width:min(75rem,100%)}.footer-box.large{padding-bottom:3rem}@media (min-width:768px){.about-box,.footer-box{margin-top:15rem}}.about-box:before{background:rgba(255,192,203,.5);border-radius:61% 39% 28% 72%/53% 51% 49% 47%;content:" ";height:200px;mix-blend-mode:color-burn;position:absolute;right:-100px;top:-100px;transition:all .2s ease-out;width:200px}.about-box:hover:before{right:-90px;top:-90px}.light-theme .about-box:before{mix-blend-mode:unset}.about-box:after{background:linear-gradient(45deg,rgba(255,192,203,.5),rgba(255,192,203,0));border-radius:2rem;bottom:-75px;content:" ";height:150px;left:-75px;mix-blend-mode:hard-light;position:absolute;transform:rotate(-45deg);transition:all .3s ease-out;transition-delay:.1s;width:150px}.about-box:hover:after{bottom:-65px;left:-65px}.light-theme .about-box:after{mix-blend-mode:luminosity}.thats-me{border-radius:61% 39% 70% 30%/30% 57% 43% 70%;height:250px;margin-top:-125px;width:250px}.about-arrow,.thats-me{transition:transform .4s ease-out}.about-arrow{transition-delay:.15s}.about-box:hover .about-arrow,.about-box:hover .thats-me{transform:translateY(-1rem)}.definition-wrapper section{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background:var(--bg-dark2);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.definition-wrapper section h3{background:var(--bg-dark);border-top-left-radius:.375rem;border-top-right-radius:.375rem;font-size:1.5rem;line-height:2rem;margin-bottom:0;padding:1rem;text-decoration:none}body:not(.light-theme) .definition-wrapper section h3{color:var(--accent)}.definition-wrapper section p{font-size:1.25rem;line-height:1.75rem;margin-bottom:0;padding:1.5rem}svg a{fill:unset}aside.more-posts{margin-inline:auto;max-width:123rem}.more-posts a,.more-posts a:hover{text-decoration:none}.more-posts svg{width:100%}.more-posts svg g,.more-posts svg image{transform-origin:50% 50%;transition:transform .5s}.more-posts svg g{font-family:var(--font-family);font-size:150px;font-weight:700;transform:rotate(-24deg)}.more-posts svg:hover g,.more-posts svg:hover image{transition:transform 1s}.more-posts svg:hover image{transform:rotate(-12deg)}.more-posts svg:hover g{transform:rotate(0)}.border-outline{border:3px solid var(--accent)}@media (max-width:900px){.about-box img{transform:scale(.7)}.about-box:before{transform:scale(.6)}.about-box:after{transform:rotate(-45deg) scale(.7)}.about-box:hover .thats-me{transform:translateY(-1rem) scale(.7)}}@-webkit-keyframes flash{0%{background-color:inherit}to{background-color:rgba(229,191,212,.6)}}@keyframes flash{0%{background-color:inherit}to{background-color:rgba(229,191,212,.6)}}