*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background-color:#f9fafb;color:#0f172a}main{display:flex;flex-direction:column;width:100%;min-height:100vh;justify-content:flex-start;align-items:center;padding:32px 16px}section{width:min(100%,850px);padding:0 8px}.studentCard{border:1px solid black;width:100%;max-width:500px;min-height:50px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;margin-bottom:10px;border-radius:25px;background-color:#fff}a{text-decoration:none;color:#4169e1}a:hover{text-decoration:underline}figure{display:flex;flex-direction:column;align-items:center;gap:12px}figcaption{text-align:center;font-style:italic}figure img{width:100%;max-width:500px;height:auto;border-radius:12px}em{text-align:center;justify-self:center;display:flex}section{max-width:800px;margin:0 auto}input[type=text]{border-radius:25px;padding:8px 12px;text-align:center;border:1px solid black;margin-bottom:10px;width:100%;max-width:420px}label{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}#filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;margin-bottom:12px;width:100%;max-width:500px}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:royalblue;cursor:pointer}#links{display:flex;list-style:none;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding-left:0;margin:8px 0}@media(max-width:640px){main{padding:24px 12px}section{padding:0}figure img{max-width:100%}label{align-items:flex-start;gap:4px}#filter-options{grid-template-columns:1fr;max-width:100%}#links{flex-direction:column;align-items:flex-start}.studentCard{max-width:100%}}