.custom-text-dark{color:#3d3d3d;font-family:Montserrat Alternates}.custom-heading{font-weight:900}.custom-regular-text{font-weight:400}.notif{color:#c92c6d}.black-key{width:35px;height:140px;background-color:#4a4a4a;z-index:1;position:absolute;margin-top:-234px;margin-left:-18px}.white-key{width:55px;height:234px;background-color:#fff}.key{display:inline-block;padding:10%;border-radius:4px;box-shadow:-.3rem .3rem 0 0 #f4ecd8}.key:active{box-shadow:none}@media only screen and (max-device-width:480px),only screen and (max-width:480px){.black-key{width:18px;height:100px;background-color:#4a4a4a;z-index:1;position:absolute;margin-top:-169px;margin-left:-13px}.white-key{width:25px;height:170px;background-color:#fff}}@media only screen and (min-width:481px) and (max-width:550px){.black-key{width:20px;height:120px;background-color:#4a4a4a;z-index:1;position:absolute;margin-top:-200px;margin-left:-15px}.white-key{width:30px;height:200px;background-color:#fff}}@media only screen and (min-width:551px) and (max-width:680px){.black-key{width:28px;height:120px;background-color:#4a4a4a;z-index:1;position:absolute;margin-top:-200px;margin-left:-15px}.white-key{width:38px;height:200px;background-color:#fff}}@media only screen and (min-width:681px) and (max-width:747px){.black-key{width:25px;height:120px;background-color:#4a4a4a;z-index:1;position:absolute;margin-top:-200px;margin-left:-15px}.white-key{width:45px;height:200px;background-color:#fff}}@media only screen and (max-width:388px){.black-key{width:14px;height:80px;background-color:#4a4a4a;z-index:1;position:absolute;margin-top:-130px;margin-left:-10px}.white-key{width:18px;height:130px;background-color:#fff}}.button[data-v-7e816de2]{border:none;box-shadow:0 4px 6px rgba(181,123,36,.6);background-color:#e09f3e;color:#fff;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,transform .1s ease}.button[data-v-7e816de2]:hover{background-color:#bc6c25;box-shadow:0 6px 8px rgba(181,123,36,.8)}.button[data-v-7e816de2]:focus{border:none;box-shadow:-.3rem .3rem 0 0 #f4ecd8}.button[data-v-7e816de2]:active{background-color:#9c6615;box-shadow:0 2px 4px rgba(181,123,36,.8);transform:translateY(2px)}.is-large[data-v-7e816de2]{height:100%;width:100%}.button[data-v-463b8586]{border:none;background-color:#e09f3e;color:#fff;box-shadow:0 4px 6px rgba(181,123,36,.6);cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,transform .1s ease}.button[data-v-463b8586]:hover{background-color:#bc6c25;box-shadow:0 6px 8px rgba(181,123,36,.8)}.button[data-v-463b8586]:active{background-color:#9c6615;box-shadow:0 2px 4px rgba(181,123,36,.8);transform:translateY(2px)}.is-large[data-v-463b8586]{height:100%;width:100%}.chord-display[data-v-18b41704]{display:flex;justify-content:center;align-items:center;border-radius:4px;box-shadow:-.3rem .3rem 0 0 #ece8d9;border:none;background-color:#fffdf6;color:#3d3d3d}.text[data-v-18b41704]{color:#3d3d3d}.notif[data-v-18b41704]{color:#c92c6d;font-weight:650;font-size:16px}.key-container[data-v-f50d6d5a]{padding:1px!important;margin:0!important;max-width:50%!important;flex-grow:unset!important;display:inline-block;position:relative}.button[data-v-67bd3638]{border:none;box-shadow:0 4px 6px rgba(181,123,36,.6);background-color:#e09f3e;color:#fff;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,transform .1s ease}.button[data-v-67bd3638]:hover{background-color:#bc6c25;box-shadow:0 6px 8px rgba(181,123,36,.8)}.button[data-v-67bd3638]:focus{border:none;box-shadow:-.3rem .3rem 0 0 #f4ecd8}.button[data-v-67bd3638]:active{background-color:#9c6615;box-shadow:0 2px 4px rgba(181,123,36,.8);transform:translateY(2px)}.is-large[data-v-67bd3638]{height:100%;width:100%}.custom-notification[data-v-67bd3638]{background-color:#f4ecd8}.notif[data-v-67bd3638]{color:#c92c6d}.section{min-height:100vh!important;background-color:#f4ecd8;color:#3d3d3d}