*,*::before,*::after{box-sizing:border-box}html{background-color:#100c08;color:#fff}div{padding:0;margin:0}h1,h2,h3,h4,h5,h6,p,nav,a,li,table,th,td{font-family:Space Mono,monospace;font-weight:400;font-style:normal}h1,h2,h3,h4,h5,h6{line-height:1.2}h2{font-size:1.75em;margin:0;color:#ffb000;letter-spacing:.01em}ul,li{padding-block:0}li{margin-block:.35em}p{font-size:1em;margin:0;line-height:1.6}p+p{margin-block-start:1em}a,nav{font-size:1em;margin:0}a{color:#fd1}a:visited,a:active,a:hover{color:#ffb000}a:hover{text-decoration-thickness:.2em}body{margin:0; #frame { margin: auto; max-width: 80em; width: 100%; padding-inline: 1em; #home-content-frame { display: flex; gap: 2em; #home-when-where { display: flex; flex-direction: column; } } @media (max-width: 640px) { #home-content-frame { flex-direction: column; gap: 1em; } } .agenda-timetable { display: grid; grid-template-columns: 1fr 7fr; } #prev-frame { display: flex; flex-direction: column; margin-block: 2em; } #header-frame { background-color: #1b1a17; padding-block: 8em; padding-inline: 3em; #title-frame { display: flex; flex-direction: row; justify-content: space-between; align-items: center; pre { margin: 0; padding: 0; font-family: Space Mono, monospace; font-size: 1em; } #title { font-size: 2em; } } nav { width: 100%; display: flex; justify-content: right; flex-wrap: wrap; a { padding-inline: 0.5em; padding-block: 0.5em; } } } @media (max-width: 640px) { #header-frame { padding-block: 2.5em; padding-inline: 1.25em; #title-frame { flex-direction: column; gap: 1em; align-items: flex-start; pre { font-size: clamp(0.5em, 1.2vw, 0.75em); white-space: pre; } } } } table { width: 100%; border-collapse: collapse; } .agenda-table { width: 100%; border-collapse: collapse; table-layout: fixed; } .agenda-table th, .agenda-table td { text-align: left; padding-block: 0.35em; padding-inline-end: 2em; } .agenda-table th:first-child, .agenda-table td:first-child { width: 9em; white-space: nowrap; } .agenda-table th:last-child, .agenda-table td:last-child { width: 12em; padding-inline-end: 0; } @media (max-width: 640px) { table, .agenda-table { display: block; overflow-x: auto; } } }}