@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Display&family=Orbitron&display=swap";@use 'sass:color';body{line-height:1.5;margin:0 auto;font-family:noto sans display,sans-serif;font-size:18pt;background:#607d8b;background:#455a64;color:#fff;min-height:100vh;display:flex;flex-direction:column}header{position:relative;font-family:orbitron,sans-serif;display:grid;grid-template-areas:"nav" "padding1" "title" "date" "tickets" "cfp" "padding2";grid-template-rows:auto 3rem auto auto auto auto 3rem}header:before{content:' ';position:absolute;top:0;height:100%;width:100%;background-image:url(../background.webp);background-size:cover;background-position-y:center;background-position-x:center;opacity:.9;z-index:-1}header:after{content:' ';position:absolute;height:100%;width:100%;background:#000;z-index:-2}header h1{grid-area:title;font-size:5em}header h2{grid-area:date;font-size:3em;line-height:1}header h1,header h2{text-align:center;color:#efefef;text-shadow:3px 3px 16px #333;margin:0;padding:0}header div.buy,header div.cfp{margin:1rem auto}header div.buy a,header div.cfp a{display:block;padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 3px #4b626d,inset 0 2px #7b96a3;background:#607d8b}header div.buy a:hover,header div.cfp a:hover{background:#7b96a3}header div.buy{grid-area:tickets}header div.cfp{grid-area:cfp}header nav{grid-area:nav;background:linear-gradient(#000,transparent);padding:1rem}header nav ul{padding:0;margin:0;list-style:none;display:flex;justify-content:space-evenly}header a{color:inherit}@media(max-width:1024px){body{font-size:12pt}header h1{font-size:3em}header h2{font-size:2em}}main,footer{margin:0 auto;width:calc(100% - 4rem);max-width:calc(1800px - 4rem);padding:2rem}main{flex-grow:4}main h1{font-size:3em}main table{border-collapse:collapse;width:80%}main table tr{height:1.5em}main table th,main table td{padding:1rem;border-bottom:2px solid}.speakers+ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1em}.speakers+ul>li{width:420px;font-size:.75em;background-color:#7b96a3;padding:1em;margin:.5em;border-radius:.5rem;box-shadow:3px 3px 3px #4b626d;display:grid;grid-template-areas:"image name" "talk talk" "bio bio" "socials socials";grid-template-columns:1fr 1fr;grid-template-rows:190px 1.3em auto auto}.speakers+ul>li h3{grid-area:name;text-align:center;margin:auto;white-space:nowrap;font-size:1.3em}.speakers+ul>li h4{grid-area:talk;text-align:left;margin:0;font-size:1.2em}.speakers+ul>li p:has(img){grid-area:image;padding:0;margin:0 0 1em}.speakers+ul>li p:has(img) img{display:block;margin:auto;height:160px;border-radius:.5rem}.speakers+ul>li p{grid-area:bio}.speakers+ul>li>ul.socials{grid-area:socials;list-style:none;display:flex;padding:0;gap:1em}.speakers+ul>li>ul.socials a{color:inherit;text-decoration:underline}.photos{display:flex;justify-content:space-around;flex-wrap:wrap;row-gap:2em;width:100%}footer{font-size:.8em}a{color:#00c1ee;text-decoration:none}details{cursor:pointer}ol.agenda{display:grid;padding:0;max-width:80%}ol.agenda>li{list-style:none;display:grid;border-bottom:1px solid #eee;padding:0;grid-template-areas:"time room title speaker" "time room description institution";grid-template-columns:4em 4em 5fr 1fr}ol.agenda>li:first-child{font-weight:700}ol.agenda>li:first-child p{margin-bottom:1em}ol.agenda>li>*{padding:0;margin:0}ol.agenda>li .title{grid-area:title}ol.agenda>li .time{grid-area:time}ol.agenda>li .room{grid-area:room}ol.agenda>li .speaker{grid-area:speaker}ol.agenda>li .institution{grid-area:institution}ol.agenda>li .description{grid-area:description}ol.agenda>li .time,ol.agenda>li .room,ol.agenda>li .title,ol.agenda>li .speaker,ol.agenda>li .description{margin-top:1em}ol.agenda>li .institution,ol.agenda>li .description{margin-bottom:1em}ol.agenda>li .description{font-size:.9em}ol.agenda>li.break{grid-template-areas:"time room title title" "time room description description";grid-template-columns:4em 4em 5fr 1fr}ol.agenda>li.break .title,ol.agenda>li.break .description{text-align:center;font-style:italic}@media(max-width:1024px){ol.agenda{width:100%;max-width:100%}ol.agenda>li{grid-template-areas:"time title speaker";grid-template-columns:4em 5fr 2fr}ol.agenda>li .room,ol.agenda>li .institution,ol.agenda>li .description{display:none}ol.agenda>li .time,ol.agenda>li .room,ol.agenda>li .title,ol.agenda>li .speaker,ol.agenda>li .description{margin-bottom:1em}ol.agenda>li.break{grid-template-areas:"time title speaker";grid-template-columns:4em 5fr 2fr}}footer{font-size:.8em}.conference-footer{background-color:#455a64;border-top:1px solid #607d8b;padding:2rem 0;margin-top:3rem;color:#fff}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.footer-content h3{margin-bottom:1.5rem;color:#fff;font-size:1.25rem;font-weight:600;font-family:orbitron,sans-serif}.conference-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.conference-link{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 3px #4b626d,inset 0 2px #7b96a3;background:#607d8b;color:#fff;text-decoration:none;transition:all .2s ease;font-weight:500;font-family:noto sans display,sans-serif}.conference-link:hover{background:#7b96a3;transform:translateY(-1px);box-shadow:0 4px #4b626d,inset 0 2px #99aeb8}.conference-link.current{background-color:#00c1ee;color:#455a64;font-weight:600;box-shadow:0 3px #006e88,inset 0 2px #22d5ff}.conference-link.current:hover{background-color:#22d5ff;box-shadow:0 4px #006e88,inset 0 2px #55dfff}@media(max-width:768px){.conference-links{flex-direction:column;align-items:center}.conference-link{width:200px}}