@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{position:relative}#root{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.sec-space{padding:1.5rem 0}.extra-space{padding-top:6rem}.obj-width{max-width:1200px;margin:auto}h1{color:#1f2937;font-size:26px;font-weight:600;line-height:60px}h2{color:#1f2937;font-size:22px;font-weight:600;line-height:60px}h3{color:#1f2937;font-size:18px;font-weight:500}h4{color:#1f2937;font-size:16px;font-weight:500}p{color:#374151}hr{height:1px;border:none;background-color:#ccc;margin-bottom:16px}.custom-list{margin-left:20px;margin-bottom:10px}.publication-list{display:flex}#show-more{padding-top:1rem}#g-btn{text-decoration:none;background:#3b49df;color:#fff;padding:10px 30px;border-radius:8px;cursor:pointer}#kid-btn{text-decoration:none;background:#ffee05;color:#222!important;font-weight:600!important;padding:10px 20px;border-radius:8px;cursor:pointer}.professor-profile{display:flex;justify-content:space-between;align-items:start}.professor-profile .professor-image{margin-top:1.4rem;width:240px;height:240px;background-color:#2d7ea8}.professor-profile .professor-image img{width:100%;height:100%;object-fit:cover;object-position:center;background-size:cover}.professor-profile .professor-info{width:75%}.professor-profile .social-links{margin-top:20px}.professor-profile .social-links a{list-style:none;color:#222;font-size:22px;margin-right:16px}.research-overview{display:flex;justify-content:space-between;align-items:start}.research-overview .image{width:40%}.research-overview .body{width:55%}.research-project{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ccc;padding:16px 0}.research-project .research-thumbnail{width:27%;height:200px;background-color:#2d7ea8}.research-project img{width:100%;height:100%;object-fit:cover;object-position:center;background-size:cover}.research-project .body{width:70%}.research-project .body a{margin-right:16px}.member-card{display:flex;align-items:start;justify-content:space-between;margin-bottom:16px}.member-card .photo{width:180px;height:180px;background-color:#2d7ea8}.member-card .photo img{width:100%;height:100%;object-fit:cover;object-position:center;background-size:cover}.member-card .body{width:80%}footer{background-color:#f5f5f5;color:#4a4a4a;padding:1rem 0;border-top:1px solid #d1d5db;font-size:.875rem}footer .container{display:flex;justify-content:space-between;align-items:center}footer a{text-decoration:underline;color:#4a4a4a}footer a:hover{color:#111}#key{font-size:.8rem;background:#ffc710;padding:10px 20px;border-radius:20px}#keywords{display:flex;list-style:none;flex-wrap:wrap}#keywords li{color:#fff;background:#2d7ea8;padding:.3rem .6rem;margin-right:.5rem;margin-bottom:.5rem;border-radius:5px;cursor:pointer}@media(max-width:1300px){.sec-space{padding:1.5rem 0}.extra-space{padding-top:6rem}.obj-width{max-width:90%}}@media(max-width:999px){.research-overview{flex-direction:column;justify-content:space-between}.research-overview .image,.research-overview .body{width:100%}.professor-profile .professor-info{width:65%}.member-card .body{width:70%}}@media(max-width:530px){.professor-profile{flex-direction:column}.professor-profile .professor-info{width:100%}.member-card{flex-direction:column}.member-card .photo{width:140px;height:140px}.member-card .body{width:100%}footer .container{flex-direction:column;align-items:start}}.site-header{background-color:#343a40;position:fixed;top:0;right:0;width:100%;z-index:99}.container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{color:#fff;font-size:1.7rem;font-weight:600;text-decoration:none}nav ul{display:flex;justify-content:flex-end;align-items:center;list-style:none}nav a,.dropdown-label{text-decoration:none;color:#fff;margin-left:40px;font-size:1.1rem;font-weight:500}.nav a.active{border-bottom:2px solid #fff}.dropdown{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;box-shadow:0 8px 16px #0003;z-index:1;min-width:200px;background-color:#2d6ce0}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{padding:12px 0;text-decoration:none;display:block}.dropdown-menu li:hover{background-color:#2052af}#w-btn{background:#fff;color:#1f4a40;padding:10px;border-radius:50%;width:80px;height:80px}#w-btn i{line-height:80px;padding:0 2px;font-size:1.3rem;font-weight:700;line-height:1.3rem;color:#1b2b85}.menu-toggle{display:none}@media(max-width:999px){nav{position:fixed;top:80px;right:-300px;width:300px;height:100vh;background:#1b2b85;box-shadow:0 40px 60px #0000001a;transition:.3s;padding:80px 0 0 10px}nav ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}nav ul li{margin-top:25px}nav.open{right:0}.dropdown-menu{background-color:transparent;box-shadow:none;position:static}.dropdown-menu li{margin-bottom:0!important;padding:0;margin-left:20px;font-size:1.1rem;font-weight:500;position:static;min-width:auto}.dropdown-menu li:hover{background:none}.menu-toggle{display:initial;color:#fff;font-size:2rem;padding-left:20px;background:none;border:none}}.slider{position:relative;width:100%;height:320px;overflow:hidden;border-radius:12px}.slider img{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;transition:opacity .6s ease-in-out}.slider button{position:absolute;top:50%;transform:translateY(-50%);background:#0000008c;color:#fff;border:none;font-size:2rem;padding:8px 14px;cursor:pointer;border-radius:6px;z-index:5;transition:background .25s ease}.slider button:hover{background:#000000bf}.slider button:first-of-type{left:14px}.slider button:last-of-type{right:14px}@media(max-width:600px){.slider{height:220px}.slider button{font-size:1.3rem;padding:6px 10px}}
