style.css

:root{--color-text: hsl(0, 0%, 20%);--color-text-secondary: hsl(0, 0%, 40%);--color-heading: hsl(0, 0%, 25%);--color-primary: hsl(197, 100%, 35%);--color-secondary: hsl(49.74, 100%, 62%);--color-page: hsl(0, 0%, 100%);--color-box: hsl(0, 0%, 93%);--color-box-light: hsl(0, 0%, 97%);--color-box-variant: hsl(0, 0%, 88%);--color-box-dark: hsl(0, 0%, 80%);--color-link: hsl(197, 100%, 30%);--color-link-underline: hsla(197, 100%, 30%, 0.4)}@media(prefers-color-scheme: dark){:root{--color-text: hsl(0, 0%, 95%);--color-text-secondary: hsl(0, 0%, 65%);--color-heading: hsl(0, 0%, 90%);--color-primary: hsl(197, 100%, 35%);--color-secondary: hsl(49.74, 100%, 62%);--color-page: hsl(0, 0%, 0%);--color-box: hsl(0, 0%, 7%);--color-box-light: hsl(0, 0%, 3%);--color-box-variant: hsl(0, 0%, 12%);--color-box-dark: hsl(0, 0%, 20%);--color-link: hsl(197, 100%, 70%);--color-link-underline: hsla(197, 100%, 70%, 0.4)}}@font-face{font-family:"communistregular";src:url("communist.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}html{color:var(--color-text);font-family:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;font-size:1.1em;line-height:1.5;background-color:var(--color-page)}body{margin:0}h1,h2{font-family:"communistregular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}h1{margin:0 0 .4em 0;color:var(--color-heading);font-size:3em;letter-spacing:-0.03em;line-height:1em}h2{font-size:1.8em;line-height:1.1em}@media(max-width: 50em){.hideOnMobile{display:none}h1{margin-bottom:.7em;font-size:1.8em;line-height:1.2em}}@media(max-width: 40em){html{font-size:1rem}.hideOnMobile{display:none}}.page{display:grid;grid-template-columns:[left] minmax(5vw, 1fr) [logo] minmax(10em, 15vw) [content] minmax(10em, 50em) [right] minmax(5vw, 1fr);grid-template-rows:[top] 5vh [center] 1fr [bottom] 5vh}.page .logo{grid-column-start:logo;grid-column-end:logo;grid-row-start:center;grid-row-end:center;padding-right:4em;text-align:right}.page .logo img{position:sticky;top:5vh;max-width:100%}.page .main{grid-column-start:content;grid-column-end:content;grid-row-start:center;grid-row-end:center;display:block;max-width:50em}@media(max-width: 40em){.page{grid-template-columns:[left] minmax(5vw, 1fr) [content] minmax(10em, 35em) [right] minmax(5vw, 1fr);grid-template-rows:[top] 5vh [logo] auto [center] 1fr [bottom] 5vh}.page .logo{grid-column-start:content;grid-column-end:content;grid-row-start:logo;grid-row-end:logo;padding-bottom:2em;text-align:left}.page .logo img{position:unset;max-width:25vw}}.textlink{transition:background-color .3s ease-out,box-shadow .3s ease-out;border-radius:.2rem;color:var(--color-link);text-decoration:underline;text-decoration-color:var(--color-link-underline);white-space:nowrap}.textlink:hover{transition:background-color .15s ease-out,box-shadow .15s ease-out;color:#000;text-decoration:none;background-color:var(--color-secondary);box-shadow:0 0 0 .25em var(--color-secondary)}ul.posts{margin-top:4em;padding:0;list-style:none}ul.posts .pubDate{color:var(--color-text-secondary);font-size:.9em;text-transform:uppercase}ul.posts .pubDate:after{margin:0 .5rem;content:"—"}ul.posts li{content-visibility:auto}ul.posts>li+li{margin-top:3rem;padding-top:3rem}ul.posts .episode-title{margin:.2em 0 1rem 0;display:flex;align-items:center;color:var(--color-heading);font-size:max(1.8rem, 1.8cqw);font-weight:normal;letter-spacing:-0.03em;text-wrap:balance}ul.posts .episode-title .episode-cover{align-self:center;flex-grow:0;flex-shrink:0;margin-right:.3em;background-color:var(--color-text)}ul.posts .episode-title .episode-cover img{float:left;width:max(4rem, 4.5cqw);height:max(4rem, 4.5cqw);border:.1em solid var(--color-text)}ul.posts .episode-title .episode-cover img[src="logo-drig.svg"]{border-width:0}ul.posts p{margin:0;columns:2 20em;column-gap:4em;column-rule:1px solid #ccc;line-height:1.4em}ul.posts .player{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}ul.posts .player audio{width:100%;max-width:30rem}ul.posts .player span{color:var(--color-text-secondary);font-size:.9em;flex-shrink:0}@media(max-width: 50em){ul.posts h2{font-size:1.5em}}.podcastDescription{margin:.5em 0 0 0;font-size:1.25em}.introduction{max-width:35em}/*# sourceMappingURL=style.css.map */