*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Verdana",sans-serif;color:#0a0a0a;line-height:1.6;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:"Verdana",sans-serif;font-weight:bold;margin:0 0 1rem 0}p,li,blockquote{font-family:"Verdana",sans-serif}strong,em{color:#d35400}code,pre{font-family:"Courier New",monospace;ggbackground-color:#f0efeb;color:#0a0a0a;padding:.2rem .4rem;border-radius:.25rem;overflow-x:auto}.container{width:100%;padding:0 1.5rem;max-width:1200px;margin:0 auto}header{background-color:#795548;color:#f0efeb}header>div{min-height:5rem;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;font-size:1.5rem;font-weight:bold}header>div>h1{margin:auto 0;flex:1 0 300px;padding:0 1.5rem;font-size:2rem;line-height:5rem}header>div>input[type=checkbox]{display:none}header>div>input[type=checkbox]:checked~nav{display:block}header>div>label{flex:0 0 5rem;display:none;width:5rem;height:5rem;background-color:#f0efeb;color:#3e2723;font-size:2rem;line-height:5rem;text-align:center;margin:auto}@media (max-width: 768px){header>div>label{display:block}}@media (max-width: 399px){header>div>label{flex:0 0 100%}}header>div>nav{padding:0 1.5rem;display:flex;flex-direction:inherit;flex-wrap:inherit;gap:2rem}@media (max-width: 768px){header>div>nav{display:none;width:100%;background-color:#3e2723}header>div>nav>div{line-height:2rem;padding:1rem 0}}header a{color:#f0efeb;text-decoration:none}header a:hover{color:#f9c9b0;text-decoration:underline}main{background-color:#fff;padding:1em 0}footer{background-color:#3e2723;color:#f0efeb}footer .container{display:flex;padding:.5rem}footer .container div{margin:0 auto}#intro{font-size:1.2rem}.lecturers-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 4rem;padding:2rem 0}.lecturers-container .lecturer-card{display:flex;flex-direction:column;align-items:center;text-align:center;width:240px}.lecturers-container .lecturer-card .photo{width:240px;height:240px;background:#f0efeb;border-radius:50%;object-fit:cover;border:2px solid #3f88c5;margin-bottom:.75rem}.lecturers-container .lecturer-card .name{margin-bottom:.25rem;color:#795548;font-size:1.1rem;font-weight:bold}.lecturers-container .lecturer-card .bio{min-height:6em}.lecturers-grid,.courses-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-top:1rem}.lecturer,.course{border:1px solid #ccc;border-radius:10px;padding:1rem;text-align:center}.lecturer img{width:100px;border-radius:50%;object-fit:cover;margin-bottom:.5rem}