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}.drawer-layout{background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.header{align-items:center;background-color:#fffdf1;color:#fff;display:flex;height:70px;left:0;padding:0 60px;position:fixed;right:0;top:0;z-index:1001}.drawer-toggle{background:#0000;padding:100}.sidebar-logo{color:#d8a73f;font-size:auto;margin-left:20px}.title{color:#f8c557}.drawer-sidebar{background-color:#5a6c58;color:#fff;display:flex;flex-direction:column;gap:20px;height:calc(100% - 60px);left:-350px;padding:20px;position:fixed;top:60px;transition:left .3s ease;width:350px;z-index:1000}.sidebar-item{border-radius:6px;margin-top:20px}.sidebar-item:hover{background-color:#39553f;color:#fffdf1}.sidebar-item span{font-size:20px}.main-content{background:linear-gradient(90deg,#39553f 0,#5a6c58 40%,#a8a080 70%,#d3c196);box-sizing:border-box;flex:1 1;height:calc(100vh - 90px);margin-top:30px;overflow-x:hidden;overflow-y:auto;text-align:left;transition:margin-left .3s ease;width:100%}.banner-image-trans{height:700px;opacity:.2;width:2000px}.banner-image{box-shadow:0 4px 30px #00000040;display:block;height:500px;width:100%}.banner-container,.banner-container1{margin-left:-20px;margin-right:-20px;position:relative;text-align:center}.banner-container1{box-shadow:0 4px 30px #00000040}.banner-container2{height:auto;max-width:auto;text-align:left}.para{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:100px;font-weight:700;margin-bottom:-10px;padding:6px 14px}.banner-text-left{color:#fff;left:25%;text-align:left;top:40%;transform:translate(-40%,-50%)}.banner-text-center,.banner-text-left{border-radius:10px;padding:10px;position:absolute}.banner-text-center{font-size:30px;left:50%;text-align:center;top:45%;transform:translate(-50%,-50%)}.features-grid{flex-wrap:wrap;gap:30px;margin-top:50px;width:3000px}.feature-card,.features-grid{display:flex;justify-content:center}.feature-card{align-items:center;background-color:#497248;border-radius:12px;box-shadow:0 4px 30px #00000040;color:#fff;cursor:pointer;flex-direction:column;height:290px;padding:10px 5px;transition:transform .3s ease,background .3s ease;width:260px}.feature-card:hover{background-color:#4a5948;transform:scale(1.1)}.feature-card p{font-size:16px;margin-top:10px}.drawer-sidebar.open~.main-content{margin-left:340px}.auth-buttons{display:flex;gap:10px;margin-left:auto}.signup-btn{border:1px solid #1ba68a;border-radius:15px;height:35px;width:100px}.learn-btn,.signup-btn{background-color:#06231d;box-shadow:0 4px 30px #00000040;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:700;padding:6px 14px;text-align:center;transition:.3s}.learn-btn{border:1px solid #1ba68a;border-radius:20px;height:50px;margin-top:20px;width:180px}.login-btn{background-color:initial;border:1px solid #1ba68a;border-radius:15px;box-shadow:0 4px 30px #00000040;color:#000;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:700;height:35px;padding:6px 14px;text-align:center;transition:.3s;width:100px}.login-btn:hover{background-color:#06231d;color:#fff}.learn-btn:hover,.signup-btn:hover{background-color:#fff;color:#000}.h1,h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:55px}.h1{color:#2b332a}.footer{align-items:center;background-color:#2b332a;bottom:0;color:#fff;display:flex;height:60px;left:0;padding:0 60px;position:fixed;right:0;z-index:1000}.footer p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;margin:0}.custom-footer{background-color:#39483f;color:#9da79b;font-size:14px;width:auto}.footer-top{align-items:center;background-color:#faf9f0;display:flex;justify-content:space-between;padding:15px 20px}.footer-logo{color:#c79e3b;font-size:28px;font-weight:700}.footer-socials{display:flex;gap:15px}.social-icon{background-color:#c79e3b;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;padding:8px}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}.footer-section{display:flex;flex-direction:column;gap:8px;padding-left:100px;padding-right:100px}.footer-section h4{color:#9da79b;font-weight:700}.drawer-layout{display:flex;height:100vh;overflow:hidden;position:relative}.drawer-toggle{background-color:initial;border:none;color:#39553f;cursor:pointer;left:20px;position:absolute;top:20px;z-index:20}.drawer-sidebar.open{left:0}.sidebar-logo{color:#e4b142;font-family:KronaOne-Regular,sans-serif;font-size:1.8rem;font-weight:700;text-align:center}.sidebar-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.75rem;padding:.5rem 1rem;transition:background-color .2s ease}.sidebar-item:hover{background-color:#497248}.drawer-content{flex:1 1;margin-left:0;padding:2rem;width:100%}.dashboard-drawer-layout{background-color:#f5f5f5;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.dashboard-header{align-items:center;background-color:#fffdf1;color:#fff;display:flex;height:70px;left:0;padding:0 60px;position:fixed;right:0;top:0;z-index:1001}.dashboard-drawer-toggle{background:#0000;border:none;color:#39553f;cursor:pointer;padding:100}.dashboard-sidebar-logo{color:#d8a73f;font-size:auto;font-weight:700;margin-left:20px}.dashboard-title{color:#f8c557}.dashboard-drawer-sidebar{background-color:#5a6c58;color:#fff;display:flex;flex-direction:column;gap:20px;height:calc(100% - 60px);left:-350px;padding:20px;position:fixed;top:60px;transition:left .3s ease;width:350px;z-index:1000}.dashboard-drawer-sidebar.open{left:0}.dashboard-sidebar-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;margin-top:20px;transition:background-color .2s ease}.sidebar-item:last-child{color:#e4b142;margin-top:auto}.dashboard-sidebar-item:hover{background-color:#39553f;color:#fffdf1}.dashboard-sidebar-item span{font-size:20px}.dashboard-banner-image-trans{height:700px;opacity:.2;width:2000px}.dashboard-banner-image{box-shadow:0 4px 30px #00000040;display:block;height:100vh;width:100%}.dashboard-banner-container,.dashboard-banner-container1{margin-left:-20px;margin-right:-20px;position:relative;text-align:center}.dashboard-banner-container1{box-shadow:0 4px 30px #00000040}.dashboard-banner-container2{height:auto;max-width:auto;text-align:left}.dashboard-para{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:100px;font-weight:700;margin-bottom:-10px;padding:6px 14px}.dashboard-banner-text-left{border-radius:10px;color:#fff;left:25%;padding:10px;position:absolute;text-align:left;top:40%;transform:translate(-40%,-50%)}.dashboard-banner-text-center{border-radius:10px;font-size:30px;left:50%;padding:10px;position:absolute;text-align:center;top:45%;transform:translate(-50%,-50%)}.dashboard-features-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:50px;width:3000px}.dashboard-feature-card{align-items:center;background-color:#497248;border-radius:12px;box-shadow:0 4px 30px #00000040;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:center;padding:10px 5px;transition:transform .3s ease,background .3s ease;width:280px}.dashboard-feature-card:hover{background-color:#4a5948;transform:scale(1.1)}.dashboard-feature-card p{font-size:16px;margin-top:10px}.dashboard-drawer-sidebar.open~.dashboard-main-content{margin-left:340px}.dashboard-auth-buttons{display:flex;gap:10px;margin-left:auto}.dashboard-signup-btn{border:1px solid #1ba68a;border-radius:15px;height:35px;width:100px}.dashboard-learn-btn,.dashboard-signup-btn{background-color:#06231d;box-shadow:0 4px 30px #00000040;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:700;padding:6px 14px;text-align:center;transition:.3s}.dashboard-learn-btn{border:1px solid #1ba68a;border-radius:20px;height:50px;margin-top:20px;width:180px}.dashboard-login-btn{background-color:initial;border:1px solid #1ba68a;border-radius:15px;box-shadow:0 4px 30px #00000040;color:#000;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:700;height:35px;padding:6px 14px;text-align:center;transition:.3s;width:100px}.dashboard-login-btn:hover{background-color:#06231d;color:#fff}.dashboard-learn-btn:hover,.dashboard-signup-btn:hover{background-color:#fff;color:#000}.dashboard-h1{color:#2e402d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:55px;margin-top:90px}.card-wrapper{background-color:#f5f1df;border-radius:12px;box-shadow:8px 8px 0 #2b4430;padding:20px;width:600px}.meta,.top-section{display:flex;justify-content:space-between}.meta{color:#cfa405;font-size:14px;font-weight:700}.meta-text{flex:1 1;text-align:left}.meta-text.right{text-align:right}.music-title{color:#cfa405;margin:20px 0}.range-slider{accent-color:#517c5a;margin-bottom:8px;margin-left:5px;width:100%}.control-buttons{display:flex;gap:12px;margin-left:55px}.control-btn{background:#0000;border:none;color:#2b4430;cursor:pointer;font-size:20px}.control-btn.large{font-size:28px}.control-btn:hover{color:#000}.album-image{border-radius:10px;height:160px;object-fit:cover;width:320px}.divider{border:0;border-top:2px solid #2b4430;margin:20px 0}.playlist-title{color:#cfa405;font-size:20px;margin-bottom:10px;text-align:left}.playlist-table{border-collapse:collapse;width:100%}.table-row{border-bottom:1px solid #ddd6b9}.table-head{font-weight:700}.table-data,.table-head{text-align:left;vertical-align:middle}.table-data{font-size:13px}.track-image{border-radius:6px;height:42px;object-fit:cover;width:42px}.main-content3{align-items:center;background:linear-gradient(90deg,#39553f 0,#5a6c58 40%,#a8a080 70%,#d3c196);box-sizing:border-box;flex:1 1;height:calc(100vh - 60px);justify-content:center;margin-top:60px;overflow-x:hidden;overflow-y:hidden;text-align:left;transition:margin-left .3s ease;width:100%}.forcenter{margin-left:30%;margin-top:100px}.maincontent10{background:linear-gradient(135deg,#39553f,#5a6c58 30%,#a8a080 60%,#d3c196);box-sizing:border-box;height:calc(100vh - 10px);margin-top:10px;overflow-x:hidden;overflow-y:auto;padding-bottom:3rem;text-align:left}.maincontent10,.todo-list{flex:1 1;transition:margin-left .3s ease;width:100%}.todo-list{margin-left:80px;margin-top:80px;padding:2rem}.todo-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:flex-start;margin:0 auto;max-width:900px;padding-top:1rem;width:100%}.todo-item{background-color:#b7c28c;border-radius:16px;box-shadow:6px 6px 0 #2e402d;gap:1rem;padding:1.2rem 1.8rem;transition:transform .2s ease,background-color .3s ease}.screen-text{color:#fff;font-weight:800;margin-bottom:.5rem;text-align:center}.addTask{background-color:#d4c29a;border-radius:12px;box-shadow:4px 4px 0 #2e402d;color:#2e402d;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:70px;padding:1rem 1.5rem;transition:transform .2s ease;width:100%}.sub-text{color:#fff;font-size:1.9rem;font-weight:600;margin-bottom:2rem;text-align:center}.todo-item{align-items:center;background-color:beige;border-radius:12px;box-shadow:4px 4px 0 #2e402d;color:#2e402d;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:70px;justify-content:center;padding:1rem 1.5rem;transition:transform .2s ease;width:100%}.todo-item:hover{transform:translateY(-2px)}.todo-checkbox{accent-color:#39553f;cursor:pointer;height:22px;width:22px}.todo-item span{flex:1 1;font-size:1.2rem}.todo-checkbox:checked+span{color:#515443;opacity:.7;text-decoration:line-through}.drawer-content{align-items:center;display:flex;justify-content:center;min-height:110vh;padding:3rem}.container{background-color:#f9f6eb;border-radius:12px;box-shadow:4px 4px 12px #0003;margin-left:-100px;margin-top:-200px;max-width:600px;padding:3rem;text-align:center;width:100%}.mode-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.mode-btn{background-color:#dddcbc;border:none;border-radius:8px;color:#555;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.8rem;transition:all .2s ease}.mode-btn.active{background-color:#b8c0a6;color:#2d2d2d;font-weight:700}.timer{color:#000;font-size:5.5rem;font-weight:700;margin-bottom:2rem}.controls{display:flex;gap:1.5rem;justify-content:center}.btn{background-color:#9cab7c;border:none;border-radius:8px;color:#fefefe;cursor:pointer;font-size:1.3rem;padding:1rem 2rem;transition:background-color .3s ease}.btn:hover{opacity:.9}.btn.start{background-color:#b8c0a6;color:#333;font-weight:700}.btn.pause{background-color:#dddcbc;color:#333}.btn.reset{background-color:#d4c4b0;color:#333}.main-content1{background:linear-gradient(90deg,#39553f 0,#5a6c58 40%,#a8a080 70%,#d3c196);box-sizing:border-box;flex:1 1;height:calc(100vh - 60px);margin-top:60px;overflow-x:hidden;overflow-y:hidden;text-align:left;transition:margin-left .3s ease;width:100%}.flashcards-drawer-layout{display:flex;flex-direction:column;min-height:100vh}.flashcards-drawer-header{align-items:center;display:flex;justify-content:space-between;padding:1rem}.flashcards-drawer-toggle{background:none;border:none;color:beige;cursor:pointer}.flashcards-drawer-content-main{align-items:center;flex:1 1;justify-content:center;margin-left:10px;margin-top:50px;padding:2rem;transition:margin-left .3s ease;width:95%}.flashcards-container{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 100px);justify-content:center;margin:0 auto;max-width:100px;width:100%}.flashcards-title{color:beige;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.flashcards-collection-label{color:beige;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.flashcards-collection-list{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.flashcards-collection-item{align-items:center;background-color:beige;border-radius:12px;box-shadow:4px 4px 0 #2e402d;color:#2e402d;cursor:pointer;font-size:1.3rem;font-weight:700;height:70px;justify-content:center;padding:1rem 1.5rem;transition:transform .2s ease;width:1250px}.flashcards-collection-item:hover{transform:translateY(-2px)}.flashcards-add-collection-btn{background-color:#d4c29a}.maincontent2{background:linear-gradient(90deg,#39553f 0,#5a6c58 40%,#a8a080 70%,#d3c196);box-sizing:border-box;flex:1 1;height:100vh;margin-top:10px;overflow-x:hidden;overflow-y:hidden;text-align:left;transition:margin-left .3s ease;width:100%}body{font-family:Arial,sans-serif;margin:0}div{box-sizing:border-box}.login-container{display:flex;height:100%;width:100%}.login-box,.login-container{align-items:center;justify-content:center}.login-box{background-color:#39553f;border-radius:12px;box-shadow:0 4px 10px #0000004d;padding:2rem 3rem;text-align:center;width:450px}.screen-text{color:#dfad41;font-size:2rem;font-weight:700;margin-bottom:1rem}.input-field{align-items:center;background-color:#497248;border:2px solid #39553f;border-radius:8px;color:#fff;font-size:1rem;margin:.8rem 0;padding:1rem;width:90%}.input-field::placeholder{color:#abbc86;opacity:1}.input-field:focus{border-color:#e4c78c;outline:none}.text{color:#abbc86;cursor:pointer;font-size:.9rem;margin-top:.5rem}.text:hover{color:#e4c78c}.login-button{background-color:#e5ddd5;border:none;border-radius:8px;color:#39553f;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:20px;padding:.8rem;width:100%}.login-button:hover{background-color:#d0b176}div[style]{background-image:url(/static/media/background.689bffe5eb899c0ea96a.png);background-position:50%;background-size:cover;height:100vh;justify-content:center;width:100vw}.concon,div[style]{align-items:center;display:flex}.concon{flex-direction:column;justify-content:flex-start;min-height:100vh;padding:2rem;position:relative;width:100%}.card-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);max-width:100%;width:100%}.card{background-color:beige;border-radius:12px;box-shadow:5px 5px 0 #2e402d;color:#2e402d;cursor:pointer;display:flex;flex-direction:column;font-size:1.3rem;font-weight:700;height:auto;justify-content:space-between;max-width:100%;min-height:250px;overflow:hidden;padding:1rem 1.5rem;text-align:center;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.add-card{align-items:center;background-color:#d4c29a;display:flex;font-size:2rem;justify-content:center}.study-btn{background-color:#d7b879;border:none;border-radius:8px;box-shadow:3px 3px 0 #2c4030;color:#2c4030;cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem 1rem;position:absolute;right:1rem;top:4rem;transition:background-color .2s ease;z-index:10}.collection-title{margin-top:0}.study-btn:hover{background-color:#b69a59}.flashcard-header{align-items:center;color:beige;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.header-left{display:flex;flex-direction:column}.flashcard-header h1{color:beige;font-size:2rem;font-weight:700;margin-top:0}.flashcard-page1{background-color:#3b5339;color:#fff;font-family:Segoe UI,sans-serif;margin-top:70px;min-height:80vh;padding:2rem}.flashcard-container{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;margin-top:100px}.flashcard{background-color:#f9f8ef;border-radius:24px;box-shadow:10px 10px 0 #2c4030;color:#3e5943;max-width:100%;min-height:400px;padding:3rem;text-align:center;width:100%;width:800px}.flashcard-body{display:flex;flex-direction:column;height:100%;justify-content:center}.answer{font-weight:700;height:2rem;margin-top:1rem;min-height:2rem;opacity:0;transition:opacity .3s ease;visibility:hidden}.answer.show{opacity:1;visibility:visible}.button-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-top:2rem;min-height:100px}.button-container button,.show-answer-btn{background-color:#d7b879;border:none;border-radius:12px;box-shadow:3px 3px 0 #2c4030;color:#3b5339;cursor:pointer;font-size:1rem;font-weight:700;min-width:100px;padding:.6rem 1.5rem;transition:background-color .2s ease}.rating-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.rating-option{align-items:center;display:flex;flex-direction:column}.rating-option .label{color:#eee;font-size:.9rem;margin-bottom:.4rem;opacity:.8}.main-content5{align-items:center;background:linear-gradient(90deg,#39553f 0,#5a6c58 40%,#a8a080 70%,#d3c196);box-sizing:border-box;flex:1 1;height:calc(100vh - 60px);justify-content:center;margin-top:60px;overflow-x:hidden;overflow-y:hidden;overflow-y:auto;text-align:left;transition:margin-left .3s ease;width:100%}.notes-grid{display:flex;gap:16px;overflow-x:auto;padding:10px}.card1{background-color:beige;border-radius:12px;box-shadow:5px 5px 0 #2e402d;color:#2e402d;font-size:1.4rem;height:auto;max-width:100%;min-height:250px;overflow:hidden;padding:10px;text-align:center;transition:transform .2s ease}.card1,.note-card{cursor:pointer;display:flex;flex-direction:column}.note-card{background-color:#fffdeb;border-radius:10px;box-shadow:4px 4px 0 #2b4430;height:300px;padding:16px;width:380px}.note-card,.note-card.add-note{align-items:center;justify-content:center}.note-card.add-note{background-color:#d3c296;color:#2b4430;display:flex;flex-direction:column;font-size:28px}.note-text{font-size:14px;font-weight:700;margin-bottom:10px}.note-text svg{color:#2b4430;margin-bottom:12px}.note-title{color:#2b4430;margin-bottom:8px}.note-preview{color:#444;font-size:13px}.note-detail{background-color:#fffdeb;border-radius:12px;box-shadow:8px 8px 0 #2b4430;margin-left:-8%;margin-top:200px;max-width:700px;padding:20px;width:90%}.note-header{justify-content:space-between}.note-title-detail{color:#2b4430;font-size:20px}.back-btn{align-items:center;background-color:initial;border:none;color:#cfa405;cursor:pointer;display:flex;font-size:16px;gap:5px}.note-body{margin-top:16px}.note-body ul{list-style-type:disc;padding-left:20px}.note-body li{margin-bottom:8px}.modal-overlay{background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{background-color:#fffdeb;border-radius:12px;box-shadow:8px 8px 0 #2b4430;flex-direction:column;max-width:90%;padding:20px;text-align:center;width:400px}.modal-content input,.modal-content textarea{border:1px solid #2b4430;border-radius:8px;font-size:16px;margin:8px 0;padding:12px;width:100%}.modal-content textarea{height:100px;resize:none}.modal-actions{display:flex;justify-content:space-between;margin-top:20px;width:100%}.modal-actions button{background-color:#2b4430;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;width:48%}.modal-actions button:hover{background-color:#cfa405}.modal-actions button:first-child{margin-right:4%}.modal-actions button:last-child{margin-left:4%}.centerewan{margin-left:32%;margin-top:10%}.notepad-title{color:beige;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.main-content9{background:linear-gradient(90deg,#39553f 0,#5a6c58 40%,#a8a080 70%,#d3c196);box-sizing:border-box;flex:1 1;height:calc(100vh - 60px);margin-top:60px;overflow-x:hidden;overflow-y:hidden;text-align:left;transition:margin-left .3s ease;width:100%}.notepad-container{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start;margin-left:30%;margin-top:10%;max-width:700px;width:100%}.note-header{align-items:center;background-color:#f0c03f;border-radius:15px 15px 0 0;box-sizing:border-box;color:#fff;display:flex;font-weight:700;height:250%;padding:10px 20px;width:150%}.add-note-title{font-size:20px;margin-left:10px}.note-card{background:#fff;border-radius:0 0 15px 15px;box-shadow:0 4px 12px #0003;height:250%;padding:20px;width:150%}.note-title{border-bottom:2px solid #3d6846;color:#3d6846;font-size:18px;font-weight:700;margin-bottom:10px;padding-bottom:5px}.note-tasks{margin-top:10px;padding-left:20px}.note-task-item{font-size:16px;margin-bottom:12px}.note-subtext{color:#3d6846;font-size:14px;margin-left:15px;margin-top:3px}.about-page{flex-direction:column;min-height:100vh;text-align:center}.about-page,.drawer-content10{align-items:center;display:flex}.drawer-content10{background:linear-gradient(90deg,#39553f 0,#5a6c58 40%,#a8a080 70%,#d3c196);justify-content:center;min-height:110vh;padding:3rem;width:100%}.about-title{color:#fff;font-size:36px;font-weight:700;margin-bottom:40px}.highlight{color:#e4b142}.members-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px;max-width:1200px;padding:0 20px;width:100%}.flip-card{cursor:pointer;height:350px;max-width:250px;perspective:1000px;width:100%}.flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;backface-visibility:hidden;background-color:initial;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.flip-card-front{display:flex;flex-direction:column;justify-content:flex-end}.member-photo-wrapper{height:100%;position:relative;width:100%}.member-photo{background:linear-gradient(180deg,#000000b3 0,#000),url(/static/media/shandler.4b5c235b4dacd6ac14e1.jpg);background-position:50%;background-size:cover;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.member-info{background-color:#39553f80;border-radius:20%;bottom:10px;color:#fff;left:10px;position:absolute;right:10px;text-align:center;z-index:2}.member-name{font-size:20px;font-weight:700;margin-bottom:1px}.member-role{color:#e4b142;font-size:16px;font-weight:700}.flip-card-back{background-color:#f5f5f5;color:#39553f;padding:20px;transform:rotateY(180deg)}.member-description{font-size:16px;margin-top:10px}.go-back-btn{background-color:#06231d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:50px;padding:12px 30px;transition:background-color .3s}.go-back-btn:hover{background-color:#39553f}@media (max-width:768px){.about-title{font-size:28px}.members-grid{grid-template-columns:1fr 1fr}.flip-card{height:300px;max-width:100%}}@media (max-width:480px){.about-title{font-size:24px;margin-bottom:20px}.members-grid{grid-template-columns:1fr}.flip-card{height:250px;max-width:100%}.go-back-btn{font-size:16px;padding:10px 20px}.see-more-btn{background-color:beige;border:none;border-radius:5px;color:#2e402d;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 25px;transition:background-color .3s ease;width:100%}.see-more-btn:hover{background-color:#cfc39d;color:#2c3e2f}}.about-page1{align-items:center;display:flex;flex-direction:column;min-height:100vh;text-align:center}.drawer-content101{align-items:center;background:linear-gradient(90deg,#39553f 0,#5a6c58 40%,#a8a080 70%,#d3c196);display:flex;justify-content:center;min-height:110vh;padding:3rem;width:100%}.about-title1{color:#fff;font-size:36px;font-weight:700;margin-bottom:40px}.highlight1{color:#e4b142}.members-grid1{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px;max-width:1200px;padding:0 20px;width:100%}.flip-card1{cursor:pointer;height:350px;max-width:500px;perspective:1000px;width:1000px}.flip-card-inner1{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card1.flipped .flip-card-inner1{transform:rotateY(180deg)}.flip-card-back1,.flip-card-front1{align-items:center;backface-visibility:hidden;background-color:initial;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.flip-card-front1{display:flex;flex-direction:column;justify-content:flex-end}.member-photo-wrapper1{height:100%;position:relative;width:100%}.member-photo1{background:linear-gradient(180deg,#000000b3 0,#000),url(/static/media/shandler.4b5c235b4dacd6ac14e1.jpg);background-position:50%;background-size:cover}.member-photo1,.member-photo2{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.member-photo2{background:linear-gradient(180deg,#000000b3 0,#000),url(/static/media/nina.faa893270c2fac1d8bfb.jpg);background-position:50%;background-size:cover}.member-photo3{background:linear-gradient(180deg,#000000b3 0,#000),url(/static/media/cassie.441cd89dc792fe91b951.jpg);background-position:50%;background-size:cover}.member-photo3,.member-photo4{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.member-photo4{background:linear-gradient(180deg,#000000b3 0,#000),url(/static/media/caramel.c071d6f7d0fc35613a50.jpg);background-position:50%;background-size:cover}.member-info1{background-color:#39553f80;border-radius:20%;bottom:10px;color:#fff;left:10px;position:absolute;right:10px;text-align:center;z-index:2}.member-name1{font-size:20px;font-weight:700;margin-bottom:1px}.member-role1{color:#e4b142;font-size:16px}.flip-card-back1{background-color:#f5f5f5;color:#39553f;padding:20px;transform:rotateY(180deg)}.member-description1{font-size:16px;margin-top:10px}.go-back-btn1{background-color:#06231d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:12px 30px;transition:background-color .3s}.go-back-btn1:hover{background-color:#39553f}@media (max-width:768px){.about-title1{font-size:28px}.members-grid1{grid-template-columns:1fr 1fr}.flip-card1{height:300px;max-width:100%}}@media (max-width:480px){.about-title1{font-size:24px;margin-bottom:20px}.members-grid1{grid-template-columns:1fr}.flip-card1{height:250px;max-width:100%}.go-back-btn1{font-size:16px;padding:10px 20px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.cf364fe1.css.map*/