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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#fff;font-family:Roboto,sans-serif;margin:0;padding:0}.App-header{color:#fff;padding:15px;text-align:center}.App-header,.nav-bar{background-color:maroon}.nav-bar{align-items:center;display:flex;flex-direction:column;padding:10px 20px}.site-title{color:#fff;font-size:24px;margin-top:10px}.nav-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;max-width:100%;width:100%}.nav-link{background-color:initial;border:2px solid #fff;border-radius:5px;color:#fff;font-size:16px;margin:5px;padding:10px 20px;text-align:center;text-decoration:none;transition:.3s;white-space:nowrap}.nav-link:hover{background-color:#fff;color:maroon}.hero-section{background-position:50%;background-size:cover;color:#fff;padding:50px;text-align:center}.ant-collapse>.ant-collapse-item>.ant-collapse-header{background-color:maroon;color:#fff;font-size:16px;opacity:.8}.ant-table-thead>tr>th{background-color:#34495e;color:#fff}.hero-button{background-color:maroon;border:2px solid #fff;border-radius:5px;color:#fff;display:inline-block;padding:12px 24px;text-decoration:none;transition:.3s}.hero-button:hover{background-color:#fff;color:maroon}.decision-container{margin-top:20px;text-align:center;transition:all .5s ease-in-out}.button-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.button-container .Recall-button{background-color:maroon;border:2px solid #000;color:#fff;cursor:pointer;padding:10px}.button-container button{background-color:initial;border:2px solid maroon;border-radius:30px;box-shadow:0 2px 5px #0000001a;color:#0f0f0f;cursor:pointer;font-size:14px;margin:6px;padding:8px 16px;transition:background-color .3s ease,color .3s ease}.button-container button:hover{background-color:#0056b3;border:2px solid #000;color:#fff}.decision-button{background-color:maroon;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;margin:10px;padding:10px 15px;transition:.3s}.decision-button:hover{background-color:#fff;color:maroon}.welcome-container{margin-top:20px}.welcome-message{color:maroon;font-size:30px}.welcome-image{border-radius:10px;box-shadow:2px 2px 10px #0003;margin-bottom:50px;margin-top:50px;max-width:75%}.attendance-section{background-color:#f8f9fa;border-radius:10px;box-shadow:5px 5px 10px #0000001a;margin-top:20px;padding:15px;text-align:center}.attendance-title{color:maroon;font-size:50px;font-weight:700}.attendance-text{color:#333;font-size:16px;margin-top:10px}.website-text{font-size:24px}.faq-container{margin-top:20px;padding:20px}.faq-title{color:maroon;font-size:28px}.faq-text{color:#333;font-size:16px;margin-top:10px}.website-text{color:maroon;font-size:22px;margin-top:20px}.tutorial-text{color:#333;font-size:18px;margin:5px 0}.Back-button{background-color:initial;border:none;border-radius:30px;box-shadow:0 2px 5px #0000001a;color:#0f0f0f;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:1rem;padding:8px 16px;transition:background-color .3s ease}.Back-button:hover{background-color:#0056b3;color:#fff}@media (max-width:768px){.nav-bar{padding:10px}.nav-links{align-items:center;flex-direction:column;gap:10px}.nav-link{font-size:14px;max-width:300px;padding:10px;width:90%}.site-title{font-size:20px;text-align:center}}.welcome-container{background-color:#f9f9f9;margin:0 auto;max-width:1100px;padding:30px;text-align:center}.welcome-message{color:#036;font-size:2.5rem;font-weight:700;margin-bottom:15px}.intro-text{color:#333;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px}.welcome-image-container{margin:30px 0}.welcome-image{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:auto;max-width:100%}.attendance-section{margin-top:50px}.section-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:900px;padding:25px;text-align:left}.attendance-title{color:#036;font-size:1.8rem;margin-bottom:15px}.attendance-text{color:#555;font-size:1rem;line-height:1.6}.usage-section{margin-top:50px}.website-text{color:#036;font-size:1.6rem;font-weight:700;margin-bottom:15px}.tutorial-list{list-style-type:none;margin:0;padding:0}.tutorial-item{color:#333;font-size:1.1rem;line-height:1.6;margin-bottom:12px;text-align:left}.tutorial-item:before{color:#0af;content:"✔";font-weight:700;margin-right:10px}.faq-container{background-color:#f9f9f9;margin:0 auto;max-width:1100px;padding:30px;text-align:center}.faq-title{color:#036;font-size:2.5rem;font-weight:700;margin-bottom:20px}.faq-item{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:900px;padding:20px;text-align:left}.faq-question{color:#036;font-size:1.6rem;font-weight:700;margin-bottom:10px}.faq-answer{color:#555;font-size:1.1rem;line-height:1.6}@media (max-width:768px){.faq-title{font-size:2rem}.faq-question{font-size:1.4rem}.faq-answer{font-size:1rem}.nav-link{display:block;font-size:1.1rem;margin:8px auto;text-align:center;width:90%}}.attendance-facts{color:#444;font-size:1.1rem;line-height:1.8;list-style-type:none;margin-top:15px;padding:0;text-align:left}.attendance-facts li{margin-bottom:10px}.attendance-image-container{margin-top:30px;text-align:center}.attendance-image{border-radius:10px;box-shadow:0 4px 12px #00000026;height:auto;max-width:50%}.image-button{align-items:center;background-color:#fff;border:2px solid maroon;border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;font-size:14px;height:150px;padding:15px;text-align:center;transition:.3s;width:150px}.image-button:hover{background-color:maroon;color:#fff}.button-icon{height:90px;margin-bottom:8px;width:90px}
/*# sourceMappingURL=main.c16592b7.css.map*/