:root{--theme: #858063;--accent: #706685}*{box-sizing:border-box}html{margin:0;padding:0}body{font-size:15px;padding:0;margin:0}.container{max-width:850px;margin:0 auto}nav.main-nav ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:3px;background:var(--theme);border-bottom:1px solid silver;list-style:none;margin:0;padding:0;a{padding:0 10px;flex:1 1 auto;height:35px;line-height:35px;font-weight:700;&:hover{background:linear-gradient(to bottom,oklch(from var(--theme) calc(l + .08) c h),var(--theme))}display:block;text-align:center;color:#fff;text-decoration:none}}footer{margin-top:2em;text-align:center}header,main>h1{background-color:oklch(from var(--theme) calc(l - .28) c h);background-image:url(images/lines.svg);background-position:top right;background-repeat:no-repeat;background-size:cover;margin:0 0 20px}header{color:#fff;padding:20px;h1{margin:0 0 20px}p{margin:1em 0}}h1{color:oklch(from var(--theme) calc(l + .2) c h);font-weight:bolder}main>h1{padding:20px;margin:0 0 20px}h2,h3,h4,h5,h6{color:oklch(from var(--theme) calc(l - .05) c h);small{color:gray}}h2{display:flex;flex-direction:row;margin:50px 0 20px;align-items:center;gap:15px;&:after{content:"";flex:1 1;border-bottom:2px dotted}}video{box-shadow:0 0 10px silver;max-width:100%}figure{margin:20px 0;text-align:center;padding:5px;background:#eee;figcaption{font-weight:700}}img{max-width:100%}.person-name{font-size:larger}.btn{display:inline-block;padding:7px 15px;text-decoration:none;color:#fff;background-color:var(--accent);border:1px solid oklch(from var(--accent) calc(l - .12) c h);border-radius:5px;&:hover,&:focus{background-color:oklch(from var(--accent) calc(l + .08) c h)}&:active:focus{background-color:oklch(from var(--accent) calc(l - .04) c h)}}dl.fancy{display:grid;grid-template-columns:max-content 1fr;dt{font-weight:bolder;display:flex;align-items:center}dt,dd{margin:0;padding:10px;border-bottom:1px solid silver}dt:first-of-type,dd:first-of-type{border-top:2px solid silver}dt:last-of-type,dd:last-of-type{border-bottom:2px solid silver}&.no-out-border{dt:first-of-type,dd:first-of-type{border-top:none}dt:last-of-type,dd:last-of-type{border-bottom:none}}&.stripe{dt:nth-child(4n+1),dd:nth-child(4n+2){background:#eee}}}dl.members .sub{font-size:90%;color:#444}ul.phd-candidates{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.panel{border:1px solid silver;border-radius:6px;.panel-heading{border-radius:6px 6px 0 0;background:linear-gradient(to bottom,var(--accent),oklch(from var(--accent) calc(l - .06) c h));color:#fff;padding:10px;border-bottom:1px solid silver}.panel-body{padding:10px}}.text-center{text-align:center}.top-image{max-width:100%}.research-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;list-style:none;margin:0;padding:0;>li>a{display:block;position:relative;border:1px solid white;min-height:200px;overflow:hidden;img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.15s transform}&:hover{border-color:var(--accent);box-shadow:0 0 20px gray;.research-desc{background-color:#783200b3}}&:focus img,img:hover{transform:scale(1.05)}.research-desc{position:absolute;pointer-events:none;background-color:#00000080;left:5px;bottom:5px;padding:10px;p{margin:0;color:#fff}h3{margin:0;color:#fff;font-weight:bolder}}}}.research-lead{margin:0 0 25px auto;width:fit-content;padding:8px 15px;background:oklch(from var(--theme) l c h / 20%);border-top:2px dotted var(--theme);border-bottom:2px dotted var(--theme)}.alert{border:2px solid var(--accent);background:oklch(from var(--accent) l c h / 10%);padding:15px;border-radius:10px;margin:20px 0}.research-navigation{margin:5px 0;display:flex;padding:2px;>a{color:#b37f11;font-weight:bolder;text-decoration:none;padding:3px 8px;&.next{margin-left:auto}&:hover{background:oklch(from var(--accent) l c h / 20%)}}footer &{margin:40px 0 0}}.literature{border:1px solid hsl(from var(--theme) h s 55);border-radius:8px;margin:1.5em;padding:1em;position:relative;h3{margin:0 0 .5em;padding:0 .5em;background:#fff;position:absolute;top:-.8em;left:.7em}ul{margin:0;padding-left:1.2em;list-style:square;b{color:var(--accent)}}}