code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#222;font-family:Roboto,Arial,sans-serif;letter-spacing:.5px;line-height:1.8}:root{--primary-blue:#1a73e8;--dark-blue:#174ea6;--light-gray:#f1f3f4;--medium-gray:#5f6368;--black:#202124;--purple:#6f42c1}header{background:#adadad;color:#222}footer,header{padding:1rem 2rem}footer{background-color:#adadad;color:#fff;font-size:.9rem;text-align:center}a{color:#174ea6;color:var(--dark-blue);font-style:italic;text-decoration:none;transition:all .3s ease}a:focus,a:hover{text-decoration:underline}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}h1,h2,h3,h4,h5,h6{color:#202124;color:var(--black)}h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.75rem}button{background-color:#1a73e8;background-color:var(--primary-blue);border:none;border-radius:4px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}button:focus,button:hover{background-color:#174ea6;background-color:var(--dark-blue);outline:3px solid #1a73e8;outline:3px solid var(--primary-blue);outline-offset:3px}main{background-color:#f1f3f4;background-color:var(--light-gray);padding:2rem}.card{background:#fff;border:1px solid #5f6368;border:1px solid var(--medium-gray);border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.container{margin:0 auto;max-width:1200px;width:90%}p{margin-bottom:1rem;text-align:justify}section{padding:4rem 0}@media (max-width:768px){h1{font-size:2rem}footer,h1,header{text-align:center}main{padding:1rem}}.header{background-color:#adadad;box-shadow:0 2px 5px #0000001a;color:var(--black);font-family:Roboto,Arial,sans-serif;padding:1rem 2rem}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-logo h1{color:var(--black);font-size:1.8rem;font-weight:700;margin:0}.header-logo a{color:var(--black);text-decoration:none;transition:all .3s ease}.header-logo a:hover{color:var(--primary-blue)}.nav-menu ul{display:flex;list-style:none;margin:0;padding:0}.nav-menu li{margin:0 15px}.nav-menu a{color:var(--dark-blue);font-style:italic;padding:5px 0;text-decoration:none;transition:all .3s ease}.nav-menu a:focus,.nav-menu a:hover{color:var(--primary-blue);text-decoration:underline}.active-link{border-bottom:2px solid var(--primary-blue);color:var(--primary-blue);font-weight:700}.auth-links .login-link{background-color:var(--primary-blue);border:none;border-radius:4px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-style:normal;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.auth-links .login-link:focus,.auth-links .login-link:hover{background-color:var(--dark-blue);outline:3px solid var(--primary-blue);outline-offset:3px;text-decoration:none}.auth-links .logout-button{background-color:var(--primary-blue);border:none;border-radius:4px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.auth-links .logout-button:focus,.auth-links .logout-button:hover{background-color:var(--dark-blue);outline:3px solid var(--primary-blue);outline-offset:3px}.menu-toggle{background:none;border:none;color:var(--black);cursor:pointer;display:none;font-size:2em;padding:.5rem}@media (max-width:768px){.header-container{flex-wrap:wrap;justify-content:space-between}.header-logo{flex-grow:1;text-align:left}.header-logo h1{font-size:1.5rem}.menu-toggle{display:block;order:2}.nav-menu{background-color:#f8f8f8;border-top:1px solid var(--light-gray);display:none;flex-direction:column;order:3;padding:10px 0;text-align:center;width:100%}.nav-menu.aberto{display:flex}.nav-menu ul{flex-direction:column}.nav-menu li{margin:10px 0}.auth-links{margin-top:15px;order:4;text-align:center;width:100%}.auth-links .login-link,.auth-links .logout-button{max-width:300px;width:calc(100% - 40px)}}.piano-container{-webkit-overflow-scrolling:touch;background-color:#2c2c2c;border-radius:10px;box-shadow:0 5px 15px #0006;display:flex;margin-top:16px;overflow-x:auto;padding:10px 0;position:relative;width:100%}.piano-key{align-items:center;border-color:#666;border-style:solid;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10px;transition:background-color .1s ease,box-shadow .1s ease,transform .05s ease;-webkit-user-select:none;user-select:none}.piano-key .note-name{font-size:.8rem}.piano-key.white{background:linear-gradient(180deg,#fff 96%,#e0e0e0);border-radius:0 0 5px 5px;border-width:1px 1px 2px;box-shadow:inset 0 -5px 5px #0000001a;flex-shrink:0;height:200px;width:50px}.piano-key.white .note-name{color:#555}.piano-key.white.pressed,.piano-key.white:active{background:#d0d0d0;box-shadow:inset 0 -3px 3px #0000001a;transform:translateY(1px)}.piano-key.black{background:linear-gradient(180deg,#333 95%,#000);border-radius:0 0 4px 4px;border-width:1px 2px 4px;box-shadow:inset 0 -4px 3px #fff3,0 2px 3px #0006;height:120px;position:absolute;top:10px;width:30px;z-index:2}.piano-key.black .note-name{color:#eee;font-size:.7rem}.piano-key.black.pressed,.piano-key.black:active{background:#555;box-shadow:inset 0 -2px 2px #fff3,0 1px 1px #0000004d;transform:translateY(1px)}.lesson-nav{display:flex;justify-content:space-between;margin-top:1.5rem}.lesson-nav .btn{background:#1f2937;border-radius:.375rem;box-shadow:0 2px 6px #0000001f;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background .15s ease-in-out,transform .08s ease}.lesson-nav .btn:hover{background:#111827;transform:translateY(-1px)}.lesson-nav .btn:active{transform:translateY(0)}.lesson-nav .spacer{flex:1 1}.lesson-nav .user-centered{align-items:center;display:flex;justify-content:center}
/*# sourceMappingURL=main.3c995048.css.map*/