.about{grid-template-columns:1fr 1fr 1fr;gap:max(20px,min(2vw,24px));width:100%;margin-inline:auto;display:grid;position:relative}@media (max-width:767px){.about{grid-template-columns:1fr}.section{max-width:100%}}@media (min-width:768px) and (max-width:1279px){.about{grid-template-columns:1fr;max-width:max(520px,min(70vw,1100px))}}@media (min-width:1280px){.about{grid-template-columns:repeat(3,1fr)}}.section{flex-direction:column;max-width:300px;padding-bottom:1rem;display:flex}.label{opacity:.32;text-transform:uppercase;color:#121212;margin-bottom:1rem;font-family:Satoshi-Variable,sans-serif;font-weight:800;text-decoration:none}.about p,.about a{font-family:Satoshi-Bold,sans-serif}@media (max-width:1200px){p,a{font-size:14px}}.about p,.about li{color:#121212;font-family:Satoshi-Variable,sans-serif;font-size:14px;text-decoration:none;transition:color .3s}.about a{font-weight:700;text-decoration:none}.socials{gap:2em;display:flex}
#piano{width:100%;height:480px;display:flex}button.ext-links:hover a{color:#fff}.keys{--key-width:calc(100%/7);--key-height:100%;--black-key-relative-size:.6;border:none;width:100%;display:flex}button{width:var(--key-width);height:var(--key-height);writing-mode:sideways-lr;border:none;display:block}button:hover{cursor:pointer;color:#fff;background:#000}.normal{writing-mode:horizontal-tb}button:nth-child(12n+2),button:nth-child(12n+4),button:nth-child(12n+7),button:nth-child(12n+9),button:nth-child(12n+11){z-index:1;margin-left:calc(var(--key-width)*var(--black-key-relative-size)/2*-1);height:calc(var(--key-height)/2);width:calc(var(--key-width)*var(--black-key-relative-size));background:#fff;border:solid #000}button:first-child,button:nth-child(3),button:nth-child(5),button:nth-child(6),button:nth-child(8),button:nth-child(10){border-right:1px solid #000}button:nth-child(12n+3),button:nth-child(12n+5),button:nth-child(12n+8),button:nth-child(12n+10),button:nth-child(12n+12){margin-left:calc(var(--key-width)*var(--black-key-relative-size)/2*-1)}button:nth-child(12n+2):hover,button:nth-child(12n+4):hover,button:nth-child(12n+7):hover,button:nth-child(12n+9):hover,button:nth-child(12n+11):hover,button:active{background:#000}