body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style-type:none}li{display:inline-block}a{color:#bada55;color:var(--green-main-color);font-family:Anton SC,sans-serif;font-size:1rem;letter-spacing:.5px;text-decoration:none}h1{color:#000;font-family:Yanone Kaffeesatz,sans-serif;font-optical-sizing:auto;font-size:4.7rem;font-style:normal;font-weight:350;padding-top:30px;text-align:center}h2{color:#03adb4;color:var(--teal-letters);font-optical-sizing:auto;font-size:3.2rem;font-style:normal;font-weight:400}h2,h3{font-family:Bebas Neue,sans-serif}h3{background-color:#4ba0ca;background-color:var(--piano-logo-color);color:#000;font-optical-sizing:auto;font-size:2.2rem;font-style:normal;font-weight:400;text-align:center}h4{color:#03adb4;color:var(--teal-letters);font-family:Bebas Neue,sans-serif;font-optical-sizing:auto;font-size:2.2rem;font-weight:100}p{color:#000;font-family:Pathway Gothic One,sans-serif;font-size:1.5rem;letter-spacing:1.2px;line-height:1.3;padding-top:0}h4,p{font-style:normal;font-weight:400}h4{font-family:Anton SC,sans-serif;letter-spacing:2px}a:hover{color:#393d47;color:var(--main-background-2);text-decoration:underline;transform:scale(1.2);transition:all .4s ease}button{background-color:#03adb4;background-color:var(--teal-letters);border:2px solid #eee;border:2px solid var(--white-letters);border-radius:30px;box-shadow:7px 4px 4px #4ba0ca66;box-shadow:var(--box-shadow);color:#eee;color:var(--white-letters);font-family:Bebas Neue,sans-serif;font-size:1.5rem;margin:10px;padding:10px}button:hover{background-color:#4ba0ca;background-color:var(--piano-logo-color);color:#000;cursor:pointer;text-decoration:underline;transform:scale(1.2);transition:all .4s ease}.title{background-color:#222831;background-color:var(--main-background-1);margin-top:100px;padding:10px 70px;text-align:center}.title-normal,.title-normal-black{padding:50px 40px 30px;text-align:center}.title-normal-black{background-color:#000}.normal-text-left{padding:50px 0 10px;text-align:left}#title{color:#fff;font-family:Open Sans,sans-serif;font-size:27px;margin:0 auto;padding:0;position:absolute;text-align:center;text-shadow:0 1px 2px #00000054,-1px 0 2px #fff0;width:100%;z-index:9999}.black-box{background-color:#000;border:1px solid #fff;border-radius:30px;max-width:400px;padding-bottom:30px;padding-left:20px;padding-right:20px}.black-box,.teacher-box{box-shadow:7px 4px 4px #4ba0ca66;box-shadow:var(--box-shadow)}.teacher-box{border:2px solid #4ba0ca;border:2px solid var(--piano-logo-color);border-radius:50%;height:300px;width:600px;width:300px}.teacher-box:hover{border:5px solid #ff0;cursor:pointer;transition:all .4s ease}.teacher-box>img{border:2px solid #4ba0ca;border:2px solid var(--piano-logo-color);border-radius:50%;height:300px;width:600px;width:300px}#image-box,.teacher-box>img{box-shadow:7px 4px 4px #4ba0ca66;box-shadow:var(--box-shadow)}#image-box{border:2px solid #eee;border:2px solid var(--white-letters);border-radius:30px}.off-screen-menu{align-items:center;background-color:#222531;display:flex;flex-direction:column;font-size:3rem;height:100vh;justify-content:center;max-width:450px;position:fixed;right:-450px;text-align:center;top:0;transition:.3s ease;width:100%;z-index:100}.off-screen-menu.active{right:0}.ham-menu{height:50px;margin-left:auto;position:relative;width:40px}.ham-menu span{background-color:#000;border-radius:25px;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease;width:100%}.ham-menu span:first-child{top:25%}.ham-menu span:nth-child(3){top:75%}.ham-menu.active span{background-color:#fff}.ham-menu.active span:first-child{top:50%;transform:translate(-50%,-50%) rotate(45deg)}.ham-menu.active span:nth-child(2){opacity:0}.ham-menu.active span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg)}@media (max-width:951px){table{max-width:90%}li,table{font-size:13px!important}h2{font-size:20px!important}h3{font-size:22px!important}p{font-size:17px!important}}.ReactPiano__Keyboard{display:flex;position:relative}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{background:#555;border:1px solid #fff;border-radius:0 0 4px 4px;border-top-color:#0000;cursor:pointer;height:66%;position:absolute;top:0;z-index:1}.ReactPiano__Key--natural{background:#f6f5f3;border:1px solid #888;border-radius:0 0 6px 6px;cursor:pointer;flex:1 1;margin-right:1px;z-index:0}.ReactPiano__Key--natural:last-child{margin-right:0}.ReactPiano__Key--active{background:#3ac8da}.ReactPiano__Key--active.ReactPiano__Key--accidental{border:1px solid #fff;border-top-color:#3ac8da;height:65%}.ReactPiano__Key--active.ReactPiano__Key--natural{border:1px solid #3ac8da;height:98%}.ReactPiano__Key--disabled.ReactPiano__Key--accidental{background:#ddd;border:1px solid #999}.ReactPiano__Key--disabled.ReactPiano__Key--natural{background:#eee;border:1px solid #aaa}.ReactPiano__NoteLabelContainer{align-self:flex-end;flex:1 1}.ReactPiano__NoteLabel{font-size:12px;text-align:center;text-transform:capitalize;-webkit-user-select:none;user-select:none}.ReactPiano__NoteLabel--accidental{color:#f8e8d5;margin-bottom:3px}.ReactPiano__NoteLabel--natural{color:#888;margin-bottom:3px}.ReactPiano__NoteLabel--natural.ReactPiano__NoteLabel--active{color:#f8e8d5}.op-midi-keyboard-wrapper{margin:0 calc(50% - 50vw);max-width:100%;padding:0;text-align:center;width:100%}.op-midi-keyboard-container{background:#222831;border-radius:3px;display:block;margin:0;max-width:100%;overflow:hidden;padding:10px;width:100%}.op-midi-keyboard-caption{font-size:.85rem;margin-top:10px}.op-octave-controls{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.op-midi-octave-btn{font-size:15px}.op-midi-octave-label{color:#eee;color:var(--white-letters);font-size:25px}.op-sound-engine-panel{background-color:var(--main-background-2);border-bottom:4px solid var(--piano-logo-color);border-radius:8px 8px 0 0;box-shadow:var(--box-shadow);box-sizing:border-box;color:var(--white-letters);padding:10px 16px 8px;width:100%}.op-sound-engine-header{justify-content:space-between;margin-bottom:8px}.op-sound-engine-header,.op-sound-engine-header-left,.op-sound-engine-logo{align-items:center;display:flex}.op-sound-engine-logo{height:60px;justify-content:center;margin-right:10px;width:60px}.op-sound-engine-logo img{height:50px;width:50px}.op-sound-engine-title{color:var(--teal-letters);font-size:.9rem;font-weight:700}.op-sound-engine-subtitle{font-size:.75rem;opacity:.85}.op-sound-engine-status{align-items:center;display:flex;font-size:.8rem}.op-sound-engine-status-dot{border-radius:50%;display:inline-block;height:10px;margin-right:6px;width:10px}.op-sound-engine-status-dot.ready{background-color:var(--green-main-color)}.op-sound-engine-status-dot.loading{background-color:#f1c40f}.op-sound-engine-status-text{margin-right:4px}.op-sound-engine-status-engine{opacity:.8}.op-sound-engine-row{align-items:center;display:flex;margin-bottom:6px}.op-sound-engine-row-label{color:var(--teal-letters);font-size:.8rem;margin-right:10px;min-width:60px}.op-sound-engine-buttons{display:flex;flex-wrap:wrap}.op-sound-engine-btn{background-color:var(--main-background-1);border:1px solid var(--piano-logo-color);border-radius:6px;color:var(--white-letters);cursor:pointer;font-size:.85rem;font-weight:400;margin-bottom:4px;margin-right:8px;padding:6px 12px;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}.op-sound-engine-btn:hover{background-color:#2d333d;box-shadow:0 0 4px #03adb466;transform:translateY(-1px)}.op-sound-engine-btn.active{background-color:var(--green-main-color);border-color:var(--green-main-color);box-shadow:0 0 6px #bada55b3;color:#111;font-weight:700}.op-sound-engine-btn.fx{font-size:.8rem;margin-bottom:4px;margin-right:8px;padding:4px 10px}.op-sound-engine-note{font-size:.7rem;margin-top:2px;opacity:.7}.day-schedule{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:500px;padding:20px}.day-month-year{margin-bottom:20px;text-align:center}.day-month-year h3{color:#333;font-size:1.2em;margin:0}.schedule-summary{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:10px}.schedule-summary p{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0}.summary-item{align-items:center;display:flex;font-size:.9em;margin:5px 10px}.color-dot{border-radius:50%;height:12px;margin-right:8px;width:12px}.available-dot{background-color:#28a745}.booked-dot{background-color:#ffc107}.closed-dot{background-color:#dc3545}.loading{color:#666;font-size:1.1em;padding:40px;text-align:center}table{border-collapse:collapse;box-shadow:0 1px 3px #0000001a;width:100%}td,th{border-bottom:1px solid #e9ecef;padding:12px 15px;text-align:left}th{background-color:#f8f9fa;color:#495057;font-weight:700;position:-webkit-sticky;position:sticky;top:0}.time-column{font-weight:500;width:25%}.status-column{width:75%}.status-available{background-color:#f8fff9;border:1px solid #d4edda;border-radius:4px;color:#28a745}.status-available,.status-closed{display:inline-block;font-weight:700;padding:6px 12px}.status-closed{background-color:#fff8f8;border:1px solid #f8d7da;border-radius:4px;color:#dc3545}.status-booked{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:8px 12px}.student-name{color:#856404;font-weight:700;margin-bottom:4px}.class-info{color:#666;font-size:.9em}.status-loading{color:#6c757d;font-style:italic}.time-slot.booked{background-color:#fffdf6}.time-slot.available{background-color:#f8fff9}.time-slot.closed{background-color:#fff8f8}.time-slot:hover{background-color:#f8f9fa}.calendar{align-items:start;background-color:peru;border:3px solid #000;display:flex;justify-content:space-evenly;margin:auto;width:-webkit-fit-content;width:fit-content}.calendar .calendar-month-day{align-items:center;display:flex;gap:300px;justify-content:center}.calendar .input-date{padding:30px}.Tables_table__jX7sO{border-collapse:collapse;margin-bottom:16px;width:100%}.Tables_th__xBzFF{background-color:#f0f0f0;font-weight:700}.Tables_td__zSmK5,.Tables_th__xBzFF{border:1px solid #ccc;padding:6px;text-align:left}.Tables_tdIndent__3ntFZ{border:1px solid #ccc;padding:6px 6px 6px 20px;text-align:left}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#3498db;--piano-logo-color:#4ba0ca;--green-main-color:#bada55;--font-family:Arial,sans-serif;--main-background-1:#222831;--main-background-2:#393d47;--white-letters:#eee;--teal-letters:#03adb4;--box-shadow:7px 4px 4px #4ba0ca66}.Navbar_navbar__n7ygh{align-items:center;background:#4ba0ca;background:var(--piano-logo-color);display:flex;flex-direction:row!important;justify-content:space-between!important;margin:0!important;padding:10px 10%;width:100%;z-index:110}.Navbar_list__KoTsZ{align-items:center;display:flex;justify-content:flex-end;width:50%}.Navbar_hamburger__CqGwx{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;padding:0;width:24px}.Navbar_hamburger__CqGwx span{background-color:#eee;background-color:var(--white-letters);border-radius:3px;display:block;height:3px}.Navbar_logoText__Q9SjK{font-size:3.7rem;font-weight:530}.Navbar_test1__07vUb{border:3px solid red}.Navbar_title__r0sUj{font-size:1.2em;font-weight:700;letter-spacing:1px;margin-right:auto}.Navbar_navbar__n7ygh a,.Navbar_navbar__n7ygh button{margin-left:16px}.Navbar_navbar__n7ygh>a{color:#eee;color:var(--white-letters);font-family:Anton SC,sans-serif;font-size:3rem;letter-spacing:.5px;text-decoration:none}@media (max-width:1191px){.Navbar_logoText__Q9SjK{font-size:29px}.Navbar_logo__jA5Pb{display:none}}@media (max-width:951px){.Navbar_navbar__n7ygh{padding:10px 16px}.Navbar_logoText__Q9SjK{font-size:2.2rem}.Navbar_hamburger__CqGwx{display:flex;margin-left:8px}.Navbar_list__KoTsZ{background:#4ba0ca;background:var(--piano-logo-color);display:none!important;flex-direction:column;gap:8px;max-width:260px;padding:12px 16px;position:absolute;right:0;top:70px;width:70%}.Navbar_listOpen__pw6Mq{display:flex!important}.Navbar_navbar__n7ygh a,.Navbar_navbar__n7ygh button{margin-left:0;margin-top:8px}}
/*# sourceMappingURL=main.6eddac72.css.map*/