/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./app/styles/styles.css ***!
  \***********************************************************************************************************************************************/*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}.piano{background-color:#00471b;border-radius:10px;height:290px;margin:80px auto;padding:90px 20px 0;position:relative;width:358px}@media (min-width:768px){.piano{width:675px}}@media (min-width:1199px){.piano{width:992px}}.piano__keys{background-color:#040404;height:180px;overflow:hidden;padding-left:2px;width:318px}@media (min-width:768px){.piano__keys{width:633px}}@media (min-width:1199px){.piano__keys{width:949px}}.piano__key{background-color:#fff;border-radius:0 0 3px 3px;float:left;height:175px;margin:2px;position:relative;width:41px}.piano__key--black:after{background-color:#1d1e22;border-radius:0 0 3px 3px;content:"♥";height:100px;left:-18px;position:absolute;width:32px}.piano__logo{position:absolute;top:23px;width:150px;z-index:1}@media (min-width:768px){.piano__logo{width:200px}}h1{color:#ffebcd}