<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(https://fonts.googleapis.com/css?family=Comfortaa);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{display:flex;justify-content:center;align-items:center;background:#fff;font-family:"Comfortaa"}.logo{width:50px;display:inline-block;margin-right:10px;margin-bottom:20px;margin-top:10px;color:#000}h1{top:20px;left:unset}.sobre,h1{display:inline-block;position:absolute;color:#000}.sobre{top:30px;right:30px}.privacidade{display:inline-block;position:absolute;top:30px;right:130px;color:#000}.privacidade:hover,.sobre:hover{cursor:pointer}.info-sobre{width:510px;border:1px solid;border-radius:5px;padding:15px 20px;margin-bottom:20px;transition:ease}.close{float:right;font-weight:800;right:5px}.close:hover{cursor:pointer}p{margin-top:5px;margin-bottom:5px}.piano{flex-direction:row}.key,.piano{display:flex}.key{height:calc(var(--width)*4);width:var(--width);justify-content:center;align-items:flex-end;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:10px;font-family:"Comfortaa"}.key:hover{cursor:pointer}.white{background:#fff;height:16em;width:4.5em;z-index:1;border-style:solid;margin-right:1px}.white,.white.active,.white:active{border-width:2px}.white.DO.active,.white.DO:active{border-color:red;color:red;background-color:#fff}.white.RE.active,.white.RE:active{border-color:orange;color:orange;background-color:#fff}.white.MI.active,.white.MI:active{border-color:#ff0;color:#ff0;background-color:#fff}.white.FA.active,.white.FA:active{border-color:green;color:green;background-color:#fff}.white.SOL.active,.white.SOL:active{border-color:#00f;color:#00f;background-color:#fff}.white.LA.active,.white.LA:active{border-color:#8a2be2;color:#8a2be2;background-color:#fff}.white.SI.active,.white.SI:active{border-color:purple;color:purple;background-color:#fff}.black{font-size:.8rem;--width:40px;margin-left:calc(var(--width)/-2);margin-right:calc(var(--width)/-2);background:#000;color:#fff;z-index:2;border:1px solid #000;border-radius:0 0 3px 3px;box-shadow:inset -1px -1px 2px hsla(0,0%,100%,.2),inset 0 -5px 2px 3px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.5);background:linear-gradient(45deg,#222,#555)}.black.active,.black:active{background:#333}.notas-player{margin-top:20px;margin-bottom:20px;margin-left:60px}.notas-viwer{display:block;margin-left:60px}.nota-viwer{display:inline-block;width:50px;margin-bottom:10px;padding:7px;margin-right:5px;border:2px solid transparent;font-weight:700}.nota-viwer.active{border:5px solid red;padding:5px;text-align:center;border-radius:50px}select.musica{-webkit-border-radius:2px;-webkit-padding-end:20px;-webkit-padding-start:2px;-webkit-user-select:none;font-size:14px;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap;margin:auto;width:250px;color:#000}.button-musica,select.musica{display:inline-block;border-radius:5px;cursor:pointer;height:40px;background-color:#fbfbfb!important;border:1px solid #e5e5e5}.button-musica{padding:10px;margin-left:20px}audio{display:none}@media screen and (max-width:800px){.sobre{top:30px;right:30px}.privacidade{top:60px;right:30px}}@media screen and (max-width:550px){h1{font-size:24px}.logo-bar{margin-left:80px}.piano{margin-top:140px}.info-sobre,.piano{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.info-sobre{position:absolute;margin-top:120px;z-index:10000;background-color:#fff}.notas-player{margin-top:140px}}@media only screen and ((orientation:portrait)){h1{font-size:24px}.logo-bar{margin-left:80px}.piano{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.notas-player,.piano{margin-top:140px}}.DO{border-color:red;background-color:red}.DO,.RE{color:#fff;opacity:.7}.RE{border-color:orange;background-color:orange}.MI{border-color:#ff0;background-color:#ff0}.FA,.MI{color:#fff;opacity:.7}.FA{border-color:green;background-color:green}.SOL{border-color:#00f;background-color:#00f}.LA,.SOL{color:#fff;opacity:.7}.LA{border-color:#8a2be2;background-color:#8a2be2}.SI{border-color:purple;color:#fff;background-color:purple;opacity:.7}</pre></body></html>