*{margin:0;padding:0;box-sizing:border-box}ul{list-style-type:none}input,button,textarea,select{margin:0;font:inherit}:root{font-family:var(--font-family-main);line-height:1.5;font-weight:400;color:var(--main-color);background-color:var(--main-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;height:100%}body{margin:0;display:flex;min-width:320px;height:100vh}html{font-size:16px}.MainPage-module_page-d3392{display:flex;flex-direction:column;margin:0 auto;text-align:center;color:var(--primary-color);height:100%}.MainPage-module_main-f1077{flex-grow:1;display:flex;place-items:center}.PianoKeyItem-module_button-28118{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:2.8rem;height:16rem;font-size:var(--font-size-m);background-color:var(--primary-color);box-shadow:inset 0 0 5px -1px var(--main-color);border:1px solid black;border-radius:0 0 5px 5px;cursor:pointer}@media (max-width: 1023px){.PianoKeyItem-module_button-28118{width:2rem;height:12rem}}.PianoKeyItem-module_button-28118:hover{box-shadow:inset 0 0 10px 1px var(--accent-color)}.PianoKeyItem-module_button-28118:active{background-color:var(--accent-color)}.PianoKeyItem-module_button--active-c310e{background-image:none;background-color:var(--accent-color)}.PianoKeyItem-module_button--black-0f923{width:1.8rem;height:10rem;font-weight:400;color:var(--primary-color);background-image:var(--gradient-background);box-shadow:inset 0 0 10px 1px var(--shadow-color)}@media (max-width: 1023px){.PianoKeyItem-module_button--black-0f923{width:1.2rem;height:7rem}}.PianoKeyItem-module_button--black-0f923:active,.PianoKeyItem-module_button--black-active-6cec3{background-image:none;background-color:var(--accent-color-additional)}.PianoKeyItem-module_key-name-a890d{font-size:1.2rem;font-weight:700;padding:.2rem 0 0}.PianoKeyItem-module_key-name--black-d3200{font-size:1.1rem;font-weight:400}@media (max-width: 1023px){.PianoKeyItem-module_key-name--black-d3200{font-size:1rem}}.PianoKeyItem-module_note-name-36392{font-size:1rem;padding:.4rem 0}@media (max-width: 1023px){.PianoKeyItem-module_note-name-36392{font-size:.8rem}}.PianoKeyList-module_list-41443{display:flex}.Octave-module_item-93dee{position:relative}.BlackKeyList-module_list-97d8e{position:absolute;left:0;top:0;display:flex;padding-left:1.6rem;padding-right:1.6rem;max-width:100%}@media (max-width: 1023px){.BlackKeyList-module_list-97d8e{padding-left:1.2rem;padding-right:1.2rem}}.BlackKeyList-module_item-9ec40:not(:last-child){margin-right:1.5rem}@media (max-width: 1023px){.BlackKeyList-module_item-9ec40:not(:last-child){margin-right:1rem}}.BlackKeyList-module_item-9ec40:nth-child(2){margin-right:3rem}@media (max-width: 1023px){.BlackKeyList-module_item-9ec40:nth-child(2){margin-right:2.6rem}}.OctaveList-module_list-b4203{display:flex}@media (max-width: 767px){.OctaveList-module_list-b4203{display:none}}.ScreenWarning-module_wrapper-edd16{display:none}@media (max-width: 767px){.ScreenWarning-module_wrapper-edd16{display:flex;flex-direction:column;gap:20px}}:root{--font-family-main: inter, system-ui, avenir, helvetica, arial, sans-serif;--font-size-m: 16px;--font-line-m: 24px;--font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);--font-size-l: 24px;--font-line-l: 32px;--font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);--main-color: #242424;--primary-color: #fff;--inverted-color: #000;--inverted-color-additional: #2e2d2d;--accent-color: #d531cd;--accent-color-additional: #4e034a;--shadow-color: #767373;--gradient-background: linear-gradient(to bottom, var(--inverted-color-additional), var(--inverted-color))}.Footer-module_wrapper-d45be{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 0;text-align:left}@media (max-width: 767px){.Footer-module_wrapper-d45be{justify-content:center}}.Footer-module_info-d755e{display:flex;flex-direction:column;gap:10px}@media (max-width: 1023px){.Footer-module_info-d755e{font-size:.8rem}}@media (max-width: 767px){.Footer-module_info-d755e{display:none}}.Footer-module_contact-030e5{font-size:.8rem;text-align:right}.Footer-module_contact-link-31f5b{color:inherit;transition:.3s ease}.Footer-module_contact-link-31f5b:hover{color:var(--accent-color)}