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));max-width:66%;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]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(229,191,212,var(--tw-bg-opacity));border-color:rgba(229,191,212,var(--tw-border-opacity));color:rgba(0,43,54,var(--tw-text-opacity))}.light-theme .subscribe-box-inputs:focus-within input[type=submit],.light-theme input[type=submit]{background:#6c71c4;border-color:#6c71c4;color:#fff}.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")}.accent{color:#e5bfd4}.light-theme .accent{color:#d33682}.search-link{--tw-text-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,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:Eczar,sans-serif;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:linear-gradient(180deg,#073642,#002b36);margin:0 auto}.light-theme footer{background:linear-gradient(180deg,#eee8d5,#fdf6e3)}.footer-poem{margin-bottom:-50%;position:relative;z-index:1}figure{margin-bottom:2rem}figcaption{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);background-color:rgba(0,36,45,var(--tw-bg-opacity));border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgba(255,255,255,var(--tw-text-opacity));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)}}.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,0.1),0 4px 6px -2px rgba(0,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:rgba(67,120,130,var(--tw-bg-opacity));border-color:rgba(67,120,130,var(--tw-border-opacity));right:0;right:0}.toggle-checkbox:checked+.toggle-label{background-color:rgba(255,255,255,.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,0.1),0 4px 6px -2px rgba(0,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{--tw-text-opacity:1;color:rgba(147,161,161,var(--tw-text-opacity))}@media (min-width:768px){.progression{padding:1rem}}.chord-pill{--tw-text-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);border:1px solid #7bd8e9;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;-ms-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}.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;-webkit-text-decoration:rgba(229,191,212,.6) double underline;text-decoration:rgba(229,191,212,.6) double underline}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:#7bd8e9}.chord-pill,body:not(.light-theme) .chord-block,body:not(.light-theme) .highlights .not-first-p,body:not(.light-theme) .play-btn{border:1px solid #7bd8e9;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 .not-first-p{color:#e5bfd4}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 #7bd8e9}.keyboard{margin:0 auto 3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.keyboard li{align-items:flex-end;display:flex;font-family:Eczar,sans-serif;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:rgba(179,243,255,.45);border:1px solid #00242d;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top:none;color:#d33682;height:6em;width:1.5em}.light-theme .keyboard .white{background:#fff;border:none!important;box-shadow:0 4px 7px -2px #b2aa98}.keyboard li:before{all:unset}.black{background:#000;border-radius:0 0 3px 3px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#e5bfd4;height:3em;margin:0 0 0 -.375em;width:.75em;z-index:2}.keyboard .white.pressed{background:#b3f3ff}.keyboard .white.pressed:active{background:#245058}body:not(.light-theme) .keyboard .black.pressed{background:#e5bfd4;color:#000}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;border:1px solid;border-top:none}.a,.b,.d,.e,.g{margin:0 0 0 -.375em}@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:.7rem}.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),inset -1px 1px 19px rgba(108,113,196,.43),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{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,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;max-width:48rem;padding-bottom:1rem;position:relative;text-align:center}@media (min-width:768px){.about-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));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%;box-shadow:0 15px 15px rgba(0,43,54,.26);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)}@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)}}