.page-home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:80px 40px 40px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;display:flex;overflow-y:auto}.page-home h1{color:red;background-color:#cf6e6e;border-radius:100px;width:100%;font-size:75px}.btn-page-home{background-color:#ecb3b3;margin-top:-103px;margin-left:50px;margin-right:50px;padding:10px 40px}.btn-page-home h3{text-align:center;margin-top:3px;font-size:30px}.btn-page-home p{font-size:20px;position:relative}@media (min-width:500px) and (max-width:640px){.btn-page-home{width:340px;margin-top:-88px}.page-home h1{margin-top:150px;padding:9px 20px;font-size:50px}.btn-page-home h3{font-size:25px}.btn-page-home p{font-size:21px}}@media (min-width:641px) and (max-width:768px){.btn-page-home{width:430px;margin-top:-100px}.page-home h1{margin-top:200px;font-size:70px}.btn-page-home h3,.btn-page-home p{font-size:30px}}@media (min-width:1440px){.btn-page-home{margin-top:-113px}.page-home h1{margin-top:80px;font-size:90px}.page-home h3{font-size:45px}.page-home p{font-size:35px}}@media (min-width:4600px) and (max-width:5600px){.page-home{margin-top:200px;margin-bottom:100px}.page-home h1{margin-top:10px;font-size:250px}.page-home h3{font-size:140px}.page-home p{font-size:110px}.btn-page-home{margin-top:-230px}}@media (min-width:5601px) and (max-width:7000px){.page-home{margin-top:200px;margin-bottom:100px}.page-home h1{margin-top:10px;font-size:250px}.page-home h3{font-size:140px}.page-home p{font-size:120px}.btn-page-home{width:6400px;margin-top:-230px}}.page-about{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:80px 40px 40px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;display:flex;overflow-y:auto}.page-about h1{margin-bottom:30px;font-size:50px}.page-about p{text-align:center;margin-bottom:35px;font-size:1.4rem}.about-title{color:#1a237e;margin-bottom:20px;font-size:2.5rem}.about-desc{color:#444;text-align:justify;max-width:800px;margin:0 auto 50px;font-size:1.2rem;line-height:1.8}.member-container{flex-wrap:wrap;justify-content:center;gap:50px;display:flex}.member-card{cursor:pointer;background:#fcff3909;border-radius:20px;width:490px;height:650px;padding-top:20px;transition:all .3s;overflow:hidden;box-shadow:0 6px 15px #0000001a}.member-card:hover{transform:translateY(-10px);box-shadow:0 0 25px #f13c0579,0 0 40px #f13c0579}.member-img-box{border-radius:16px;width:100%;height:490px;padding-top:6px;overflow:hidden}.member-img{object-fit:cover;width:400px;height:480px;margin-bottom:10px;transition:all .4s}.member-card:hover .member-img{filter:brightness(1.1);transform:scale(1.05)}.member-name{color:#0078d7;text-align:center;margin-top:11px;font-size:1.95rem;font-weight:600}.member-icons{justify-content:center;gap:25px;margin:16px 0 20px;padding-top:0;display:flex}.icon{font-size:27px;transition:transform .2s,color .3s}.icon:hover{transform:scale(1.5)}.icon:active{transform:scale(1.6)}.icon.github,.icon.github:hover{color:#000}.role{text-align:center;color:#1606f0ab;margin-top:-3px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:22px}@media (max-width:768px){.about-title{margin-top:160px}}@media (min-width:500px) and (max-width:640px){.member-card{width:440px;height:600px}.member-img-box{height:400px}.member-img{width:350px;height:420px;margin-top:20px}.member-name{font-size:32px}.icon{font-size:35px}.role{font-size:30px}.page-about p{text-align:start;word-break:break-word;max-width:80%;margin-left:auto;margin-right:auto;font-size:1.6rem;line-height:1.3}}@media (min-width:641px) and (max-width:767px){.member-card{width:540px;height:730px}.member-img-box{height:530px}.member-img{width:450px;height:500px;margin-top:30px}.member-name{font-size:35px}.icon{font-size:40px}.role{font-size:30px}.page-about p{text-align:start;word-break:break-word;max-width:80%;margin-left:auto;margin-right:auto;font-size:1.9rem;line-height:1.3}}@media (min-width:1440px){.about-title{margin-top:80px}}@media (min-width:1920px){.about-title{margin-top:90px}.page-about h1{font-size:90px}.page-about p{text-align:start;word-break:break-word;max-width:80%;margin-left:auto;margin-right:auto;font-size:3rem;line-height:1.3}.member-card{width:800px;height:1010px}.member-img-box{height:750px}.member-img{width:650px;height:700px;margin-top:40px}.member-name{font-size:50px}.icon{font-size:55px}.role{font-size:40px}.member-container{gap:50px}}@media (min-width:4600px) and (max-width:5600px){.page-about{margin-top:150px}.page-about h1{margin-bottom:100px;font-size:15rem}.page-about p{text-align:start;word-break:break-word;max-width:80%;margin-left:auto;margin-right:auto;font-size:10rem;line-height:1.3}.member-card{width:2000px;height:2480px}.member-img-box{height:1900px}.member-img{width:1600px;height:1700px;margin-top:150px}.member-name,.icon{font-size:120px}.role{font-size:100px}.member-container{gap:100px}}@media (min-width:5601px) and (max-width:7000px){.page-about{margin-top:200px;margin-bottom:200px}.page-about h1{margin-bottom:100px;font-size:15rem}.page-about p{text-align:center;word-break:break-word;max-width:50%;margin-left:auto;margin-right:auto;font-size:10.2rem;line-height:1.3}.member-card{width:2400px;height:2900px}.member-img-box{height:2250px}.member-img{width:1900px;height:2000px;margin-top:180px}.member-name{font-size:140px}.icon{font-size:130px}.role{font-size:120px}.member-container{gap:150px}}.page-startLearning{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-y:auto}.sidebar-header{justify-content:space-between;align-items:center;margin-top:90px;margin-bottom:14px;display:flex}.sidebar-header h6{color:#222;margin:0;font-size:27px}.toggle-sidebar-btn-fixed{z-index:999;cursor:pointer;background-color:#f8f8f8;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;position:fixed;top:105px;left:275px;box-shadow:0 1px 5px #0000004d}.toggle-sidebar-btn-fixed:hover{background-color:#e0e0e0;transform:scale(1.1)}.sidebar-closed .toggle-sidebar-btn-fixed{left:60px}.sidebar{background-color:#ebeaea;border-right:1px solid #ddd;width:230px;height:100vh;padding:20px;transition:all .3s;position:fixed;top:0;left:0;overflow-y:auto}.sidebar.collapsed{width:70px;transition:all .3s;overflow:hidden}.sidebar.collapsed h6{display:none}.sidebar.collapsed ul{opacity:0;pointer-events:none}.content{flex:1;margin-left:280px;padding:100px 40px 20px;transition:margin-left .3s}.sidebar-closed .content{margin-left:100px}.sidebar-closed .page-content{width:1100px;margin-right:-30px}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.sidebar ul{text-align:start;flex-direction:column;margin:0;padding:0 0 40px;list-style:none;display:flex}.btn-sidebar{color:#333;cursor:pointer;background-color:#f0f0f0;border-radius:4px;margin:3px;padding:8px 5px;font-size:20px;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s}.btn-sidebar:hover{background-color:#e0e0e0}.btn-sidebar.active{color:#1a1818;background-color:#b8b6b6}.page-content{color:#333;background-color:#fff;border-radius:16px;width:950px;margin:40px auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;box-shadow:0 4px 15px #0000001a}.page-content h1{background-color:#7fffd4;border-radius:15px;padding:5px 10px;font-size:35px}hr{border:none;border-top:2px solid #e2e8f0;margin:25px 0}h2{color:#1a202c;margin-top:30px;margin-bottom:10px;padding:0 20px;font-size:1.5rem;position:relative}h2:before,h2:after{content:"";border-style:solid;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}h2:before{border-width:15px 0 15px 10px;border-color:#0000 #0000 #0000 #2b6cb0;left:0}h2:after{border-width:15px 10px 15px 0;border-color:#0000 #2b6cb0 #0000 #0000;right:0}h3{color:#2d3748;text-align:start;margin-top:15px;margin-bottom:8px;font-size:1.2rem}p{text-align:start;margin:6px 0;font-size:1rem}img{border-radius:10px;margin:15px auto;display:block;box-shadow:0 2px 10px #0003}p:before{content:""}.operator-symbol{color:#333;background-color:#f0f0f0;border:1px solid #ccc;border-radius:10px;margin:0 2px;padding:0 8px;font-family:Courier New,monospace;font-weight:700;display:inline-block}@media (min-width:500px) and (max-width:640px){.sidebar{z-index:200;background-color:#ebeaea;border-right:1px solid #ddd;width:200px;height:calc(100vh - 170px);padding:30px;transition:left .3s;position:fixed;top:130px;left:-135px;overflow-y:auto}.sidebar-open .sidebar{left:0}.toggle-sidebar-btn-fixed{width:40px;height:40px;top:240px;left:150px}.content{margin:180px 10px 20px;transition:filter .3s}.sidebar-open .content{filter:blur(1px)}.page-content{font-size:.9rem}.page-content h1{font-size:1.3rem}.page-content h2{font-size:1.1rem}.page-content h3{font-size:.85rem}.page-content p{font-size:.65rem}img{width:150px}.btn-sidebar{padding:5px 10px;font-size:1.2rem}.page-content{width:auto;margin:20px auto;padding:20px;font-size:.9rem}.sidebar-closed .content{margin-left:0}.sidebar-closed .page-content{width:445px;margin-left:-20px}.sidebar-closed .toggle-sidebar-btn-fixed{left:4px}.sidebar-open .toggle-sidebar-btn-fixed{left:270px}.sidebar-open:before{content:"";z-index:150;background:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0}.sidebar h6{font-size:30px}}@media (min-width:641px) and (max-width:768px){.sidebar{z-index:200;background-color:#ebeaea;border-right:1px solid #ddd;width:200px;height:calc(100vh - 170px);padding:30px;transition:left .3s;position:fixed;top:130px;left:-135px;overflow-y:auto}.sidebar-open .sidebar{left:0}.toggle-sidebar-btn-fixed{width:45px;height:45px;top:240px;left:150px}.content{margin:180px 10px 20px;transition:filter .3s}.sidebar-open .content{filter:blur(1px)}.page-content{font-size:.9rem}.page-content h1{font-size:1.3rem}.page-content h2{font-size:1.1rem}.page-content h3{font-size:.85rem}.page-content p{font-size:.65rem}img{width:150px}.btn-sidebar{padding:5px 10px;font-size:1.2rem}.page-content{width:auto;margin:20px auto;padding:20px;font-size:.9rem}.sidebar-closed .content{margin-left:0}.sidebar-closed .page-content{width:550px;margin-left:-20px}.sidebar-closed .toggle-sidebar-btn-fixed{left:4px}.sidebar-open .toggle-sidebar-btn-fixed{left:270px}.sidebar-open:before{content:"";z-index:150;background:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0}.sidebar h6{font-size:30px}}@media (min-width:769px) and (max-width:1023px){.sidebar{z-index:100;width:175px}.sidebar-closed .content{margin-left:0}.sidebar-closed .page-content{width:580px;margin-right:-110px}.toggle-sidebar-btn-fixed{width:40px;height:40px;top:105px;left:222px}.sidebar-closed .toggle-sidebar-btn-fixed{left:65px}.content{margin-top:80px;margin-left:220px;padding:30px}.page-content{width:85%;font-size:1rem}}@media (width:1024px){.sidebar{z-index:100;width:175px}.sidebar-closed .content{margin-left:0}.sidebar-closed .page-content{width:750px;margin-right:-110px}.toggle-sidebar-btn-fixed{width:60px;height:60px;top:105px;left:221px}.sidebar-closed .toggle-sidebar-btn-fixed{left:47px}.content{margin-top:80px;margin-left:220px;padding:30px}.page-content{width:85%;font-size:1rem}}@media (min-width:1025px) and (max-width:1439px){.sidebar{width:230px}.sidebar-closed .content{margin-left:-150px}.sidebar-closed .page-content{width:1000px;margin-right:-110px}.content{width:1100px;margin-left:280px}.page-content{width:80%}}@media (min-width:1440px){.sidebar{width:200px;height:calc(100vh - 40px);position:fixed;top:40px;overflow-y:auto}.sidebar-closed .content{margin-left:-150px}.sidebar-closed .page-content{width:1200px;margin-right:-255px}.page-content{width:999px}.content{margin-top:20px;margin-left:235px}.toggle-sidebar-btn-fixed{top:125px;left:245px}}@media (width:1920px){.sidebar{width:300px;height:calc(100vh - 60px);position:fixed;top:40px;overflow-y:auto}.sidebar-closed .content{margin-left:-200px}.sidebar-closed .page-content{width:1600px;margin-right:-210px}.page-content{width:1400px;margin-left:110px}.content{margin-top:20px;margin-left:235px}.toggle-sidebar-btn-fixed{top:125px;left:285px}}@media (min-width:4600px) and (max-width:5600px){.sidebar{z-index:100;width:800px;height:calc(100vh - 280px);padding:70px;position:fixed;top:140px;overflow-y:auto}.sidebar-closed .content{margin-left:-200px}.sidebar-closed .page-content{width:4200px;margin-right:250px}.page-content{width:3400px;margin-left:640px;font-size:4rem}.page-content h1{font-size:10rem}.page-content h2{font-size:8rem}.page-content h3{font-size:7rem}.page-content p{font-size:6rem}img{width:30%}.content{margin-top:300px;margin-bottom:50px;margin-left:235px}.toggle-sidebar-btn-fixed{width:170px;height:170px;top:240px;left:750px}.btn-sidebar{padding:20px 40px;font-size:5rem}.sidebar-closed .toggle-sidebar-btn-fixed{left:20px}.sidebar-header h6{font-size:100px}h2:before{border-width:55px 0 55px 35px;border-color:#0000 #0000 #0000 #2b6cb0;left:0}h2:after{border-width:55px 35px 55px 0;border-color:#0000 #2b6cb0 #0000 #0000;right:0}}@media (min-width:5601px) and (max-width:7000px){.sidebar{z-index:100;width:1000px;height:calc(100vh - 300px);padding:100px;position:fixed;top:120px;overflow-y:auto}.sidebar-closed .content{margin-left:-200px}.sidebar-closed .page-content{width:5200px;margin-right:450px}.page-content{width:4300px;margin-left:950px;font-size:4rem}.page-content h1{font-size:10rem}.page-content h2{font-size:8rem}.page-content h3{font-size:7rem}.page-content p{font-size:6rem}img{width:30%}.content{margin-top:330px;margin-bottom:50px;margin-left:235px}.toggle-sidebar-btn-fixed{width:180px;height:180px;top:300px;left:1000px}.btn-sidebar{padding:45px 60px;font-size:5rem}.sidebar-closed .toggle-sidebar-btn-fixed{left:50px}.sidebar-header h6{font-size:120px}h2:before{border-width:55px 0 55px 35px;border-color:#0000 #0000 #0000 #2b6cb0;left:0}h2:after{border-width:55px 35px 55px 0;border-color:#0000 #2b6cb0 #0000 #0000;right:0}}.logo-container{text-align:start;justify-content:start;align-items:start;display:flex}.logo{letter-spacing:-2px;margin:0;font-family:Poppins,Prompt,sans-serif;font-size:40px;font-weight:400;left:20px}.learning{color:#f6c400}.python{color:#1a3dad;margin-left:8px;font-weight:800}.smile{color:#f6c400;margin:0 5px;display:inline-block;position:relative;top:8px;transform:rotate(180deg)scale(1.3)}nav{z-index:1000;background-color:#f5f5f5;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:80px;padding:2px 60px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 5px #0000001a}.nav-links{flex-wrap:wrap;flex:5;justify-content:center;align-items:center;gap:40px;display:flex}.nav-link{color:#1976d2;border-radius:6px;padding:8px 14px;font-family:Prompt,sans-serif;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover{color:#0d47a1;background-color:#1976d21a}.nav-link.active{color:#fc0;border-bottom:2px solid #fc0}.nav-logo{flex:2;justify-content:flex-start;align-items:center;display:flex}@media (max-width:480px){nav{font-size:8px}.logo{font-size:20px}}@media (max-width:768px){nav{flex-direction:column;align-items:flex-start;height:auto;padding:10px 20px}.nav-logo{justify-content:space-between;width:100%}.nav-links{flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin-top:10px}.nav-link{text-align:left;border-bottom:1px solid #ddd;border-radius:0;width:100%;padding:10px 0;display:block}.nav-link:last-child{border-bottom:none}}@media (min-width:769px) and (max-width:1439px){nav{padding:10px 40px}.nav-links{gap:25px}.nav-link{padding:6px 10px;font-size:.95rem}}@media (min-width:1440px){nav{padding:20px 120px}.nav-links{gap:50px}.nav-link{font-size:1.1rem}}@media (min-width:4600px) and (max-width:5600px){nav{padding:80px 200px}.nav-links{gap:300px}.logo{font-size:120px}.nav-link{padding:6px 10px;font-size:5rem}}@media (min-width:5601px) and (max-width:7000px){nav{padding:100px 200px}.nav-links{gap:300px}.logo{font-size:150px}.nav-link{padding:6px 10px;font-size:5rem}}