@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,400&display=swap);.loginContainer{display:grid;min-height:100vh;place-items:center}.loginContainer>div{display:grid;justify-items:center}.loginContainer h1{color:var(--light)}.loginForm{grid-gap:.5rem;display:grid;gap:.5rem;margin:2rem auto .5rem;width:360px}.loginForm>span{color:red;display:none;margin:1rem 0 0;text-align:center}.login-input-label{color:var(--light);margin-top:.6rem}.input-text{font-family:inherit;font-size:1.2rem;padding:.8rem 1rem}.btn,.input-text{border:none;border-radius:.6rem}.btn{background-color:var(--light);cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.05rem;padding:.6rem 1rem}.btn,.btn:hover{color:var(--dark);transition:.2s}.btn:hover{background-color:var(--secondary-color)}.btn:disabled{background-color:var(--light);color:var(--white);cursor:default}.btn-login{align-self:flex-end;background:var(--primary-color);box-shadow:3px 5px 10px rgba(0,0,0,.2);font-size:1.2rem;font-weight:600;margin:1.6rem 0 .8rem;padding:1rem;transition:.2s;width:100%}.btn-login:active{box-shadow:none}.btn-login:hover{background:var(--secondary-color);box-shadow:1px 1px 1px rgba(0,0,0,.2);color:var(--dark);transition:.2s}a{color:#ff7e07;text-decoration:none}header{grid-gap:1rem;background-color:var(--primary-color);box-shadow:0 2px 2px 0 rgba(0,0,0,.2);display:grid;gap:1rem;grid-template-columns:1fr;height:80px;padding:.5rem 4rem;place-items:center;position:relative;z-index:2}header>img{display:none;width:80px}header>h1{color:var(--dark);font-size:1.5rem;font-weight:600;margin:auto 0;padding:0;text-align:center;text-decoration:none;text-transform:uppercase}@media only screen and (min-width:768px){header{grid-template-columns:auto 1fr;justify-items:start;padding:.5rem}header>img{display:block;width:80px}header>h1{text-align:left}}nav{background-color:#121212;box-shadow:inset 5px 0 10px 0 rgba(0,0,0,.2);color:#fff;display:flex;flex-direction:column;grid-area:nav;height:calc(100vh - 100px);justify-content:space-between;left:-100vw;margin-top:100px;position:fixed;top:0;transition:left .2s;width:100vw;z-index:1}nav ul{list-style:none;padding:0}nav ul a{color:var(--primary-color);display:block;padding:1rem 1.2rem;text-decoration:none;transition:.2s}nav ul a:hover{background-color:var(--gray)!important;color:#fff!important;transition:.2s}.navActive{background-color:red;outline:1px dotted red}.logoutButton{background:red;color:#fff;padding:1rem;text-align:center;transition:.2s;width:calc(100% - 2rem)}.logoutButton:hover{background:var(--secondary-color);color:var(--black);transition:.2s}#nav-hamburger{display:grid;height:1.2rem;left:1.2rem;place-items:center;position:absolute;top:38px;width:1.8rem;z-index:10}#nav-hamburger:hover{cursor:pointer}.navicon{position:relative;width:1.8rem}.navicon,.navicon:after,.navicon:before{background-color:var(--dark);display:block;height:3px;z-index:10}.navicon:after,.navicon:before{content:"";position:absolute;transition:all .2s ease-out;width:100%}.navicon:before{top:-8px}.navicon:after{top:8px}.showNavMobile{left:0}.naviconActive .navicon:before{top:0;transform:rotate(45deg)}.naviconActive .navicon:after{top:0;transform:rotate(135deg)}.naviconActive .navicon{background:transparent}@media only screen and (min-width:768px){nav{left:0;margin-top:0;max-width:none;position:relative;width:100%}#nav-hamburger{display:none}}footer{background-color:var(--gray);color:var(--light-gray);padding:1rem;text-align:center;z-index:1}.cardContainer{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem;text-align:center;width:100%}.card{background-color:var(--gray);border:1px solid rgba(0,0,0,.3);border-radius:.3rem;box-shadow:3px 5px 10px rgba(0,0,0,.1);color:var(--light-gray);max-width:600px;padding:16px 0;width:100%}.card>h2{color:var(--light);margin:.6rem 0 1rem}.card>p{font-size:1.2rem;margin:.4rem 0}#membersForm{grid-gap:12px 16px;display:grid;grid-template-columns:auto 1fr auto 1fr;padding:8px}#membersForm>input[type=checkbox]{justify-self:start}#membersForm h3{grid-column:1/span 4;margin-bottom:8px}#membersForm button{margin:0 6px}#membersFormRibbon{grid-column:1/span 4;margin:6px 0}#membersForm>textarea{grid-column:1/span 4;min-height:60px;resize:none}#membersForm .btn-primary{background-color:var(--primary-color)}#membersForm .btn-primary:hover{background-color:var(--secondary-color)}@media only screen and (max-width:960px){#membersForm{grid-template-columns:auto 1fr}#membersForm h3,#membersForm>textarea,#membersFormRibbon{grid-column:1/span 2}}@media only screen and (min-width:1280px){#membersForm{grid-template-columns:auto 1fr auto 1fr 1fr}#notesHeader{grid-column:5/span 1!important;grid-row:1/span 1}#membersForm>textarea{grid-column:5/span 1;grid-row:2/span 7}#membersFormRibbon{grid-column:1/span 5}}.contentTable{border-collapse:collapse;border-radius:5px 5px 0 0;box-shadow:0 0 20px rgba(0,0,0,.15);color:var(--light);font-size:.9em;margin:.5rem 0;min-width:400px;width:100%}.contentTable thead tr{background-color:var(--light-gray);color:var(--black);font-weight:700;text-align:left;text-transform:capitalize}.contentTable td,.contentTable th{padding:12px 15px}.contentTable tbody tr{border-bottom:1px solid hsla(0,0%,100%,.3)}.contentTable tbody tr:nth-of-type(2n){background-color:var(--gray)}.contentTable tbody tr:last-of-type{border-bottom:1px solid hsla(0,0%,100%,.5)}.contentTable tbody tr.active-row{color:#009879;font-weight:700}.contentTable tbody tr:hover{background-color:hsla(0,0%,100%,.4)}.membersPage .contentTable{overflow-x:scroll}#lessonsFormRibbon{grid-column:1/span 4;margin:6px 0}#lessonsForm{grid-gap:12px 16px;display:grid;grid-template-columns:auto 1fr auto 1fr;padding:8px}#lessonsForm h3{grid-column:1/span 4;margin-bottom:8px}#lessonsForm button{margin:0 6px}#lessonsForm .btn-primary{background-color:var(--primary-color)}#lessonsForm .btn-primary:hover{background-color:var(--secondary-color)}.homePage>h2{margin:1.5rem 0 1rem}#attendanceForm{grid-gap:.5rem 2rem;display:grid;gap:.5rem 2rem;grid-template-columns:auto 1fr;margin-bottom:2rem}#attendanceForm>button{grid-column:span 2;margin-top:.5rem}#attendance-payment-form{grid-gap:1rem;display:grid;gap:1rem;padding:10px 0 30px;place-items:center}#attendance-payment-form>button{min-width:300px;padding:.2rem}#attendance-confirm-payment{grid-gap:1rem;display:grid;gap:1rem;margin:0;padding:0;place-items:center}#attendance-confirm-payment>p{margin:0;padding:0}#attendance-confirm-payment>button{min-width:300px}@media only screen and (min-width:1280px){#attendanceForm{align-items:center;grid-template-columns:auto 1fr auto 1fr}#attendanceForm>button{grid-column:span 4;margin:0}}#lesson-purchase-form{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr;margin-bottom:1rem}#lesson-purchase-button,#lesson-purchase-cancel-button,#lesson-purchase-confirm-button{grid-column:span 2}.btn-primary{background-color:var(--primary-color)}@media only screen and (min-width:1280px){#lesson-purchase-form{gap:.8rem;grid-template-columns:auto 1fr auto 1fr}#lesson-purchase-button{grid-column:1/5}#lesson-purchase-confirm-button{grid-column:3/5;grid-row:3}#lesson-purchase-cancel-button{grid-column:1/3;grid-row:3}}.appContainer{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100vw}header{grid-area:header}main{background-color:#191919;color:#fff;grid-area:main;min-height:calc(100% - 2rem);padding:1rem;z-index:1}main>h1{color:var(--light)}footer{grid-area:footer}.scroll-container{max-height:100%;overflow-x:hidden;overflow-y:scroll}.h-scroll-container{overflow-x:visible;overflow-y:hidden}.v-scroll-container{overflow-x:hidden;overflow-y:visible}@media only screen and (min-width:768px){.appContainer{grid-template-areas:"header header" "nav main" "nav footer";grid-template-columns:minmax(200px,1fr) 3fr;grid-template-rows:auto 1fr;max-height:100vh}}@media only screen and (min-width:1280px){.appContainer{grid-template-columns:320px 2fr}}.ribbon-left{display:flex;justify-content:flex-start}.ribbon-right{display:flex;justify-content:flex-end}:root{--white:#f8f8f8;--light:#e2e2e2;--dark:#020202;--black:#080808;--dark-gray:#191919;--gray:#343434;--light-gray:#a2a2a2;--primary-color:#ff7e07;--secondary-color:#ffce54;--max-width:800px;--global-padding:16px}body,html{border:0;margin:0;min-height:100vh;outline:0;padding:0}body{background-color:#191919;background-color:var(--dark-gray);color:#020202;color:var(--dark);display:grid;font-family:Montserrat,sans-serif;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;text-align:left}h1,h2,h3,h4,h5,h6{color:#e2e2e2;color:var(--light)}input{min-width:100px}input,select{font-size:1rem}input[type=checkbox]{min-width:10px;padding:10px;transform:scale(1.2)}
/*# sourceMappingURL=main.ec3c1cf5.css.map*/