Files
einundzwanzig.space/css/main-2781a53c61612416ef3abaf1791b5875.css
2021-06-16 20:20:47 +00:00

1 line
16 KiB
CSS

@-webkit-keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}:root{--color-neutral-0:#fff;--color-neutral-10:#f9f9f9;--color-neutral-50:#888;--color-neutral-90:#222;--color-neutral-95:#1B1B1B;--color-overlay-bg:rgba(200, 200, 200, .95);--color-body-text:var(--color-neutral-90);--color-body-bg:var(--color-neutral-0);--color-card-bg:var(--color-neutral-10);--color-accent:#f7931a;--color-accent-highlight:#dd7901;--color-derweg:#00B4CF;--color-interview:#151515;--color-secondary:var(--color-neutral-50);--space-xs:.125rem;--space-s:.25rem;--space-m:.5rem;--space-l:1rem;--space-xl:1.75rem;--space-xxl:3rem;--transition-duration-fast:0.25s;--transition-duration-medium:0.75s;--transition-duration-slow:1.5s;--font-family-base:'Inconsolata', monospace;--font-weight-regular:400;--font-weight-bold:700;--font-size-base:18px;--font-size-xs:.75rem;--font-size-s:.85rem;--font-size-m:1rem;--font-size-l:1.25rem;--font-size-xl:1.75rem;--font-size-xxl:2.5rem;--font-size-xxxl:4rem}@media screen and (max-width:599px){:root{--wrap-padding-horizontal:var(--space-l)}}@media screen and (min-width:600px) and (max-width:839px){:root{--wrap-padding-horizontal:var(--space-xl)}}@media screen and (min-width:840px){:root{--wrap-padding-horizontal:var(--space-xxl)}}:root{--logo-height:calc(8.95522vw - var(--wrap-padding-horizontal)*2/134*12)}:root[data-theme=dark]{--color-body-text:var(--color-neutral-0);--color-body-bg:var(--color-neutral-90);--color-card-bg:var(--color-neutral-95);--color-overlay-bg:rgba(0, 0, 0, .95)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-body-text:var(--color-neutral-0);--color-body-bg:var(--color-neutral-90);--color-card-bg:var(--color-neutral-95);--color-overlay-bg:rgba(20, 20, 20, .95)}}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:100%;src:url(../fonts/inconsolata-400.woff2) format('woff2')}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:700;font-stretch:100%;src:url(../fonts/inconsolata-700.woff2) format('woff2')}*,::after,::before{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}@media (prefers-reduced-motion:reduce){*,::after,::before{-webkit-animation:none!important;animation:none!important;transition:none!important}}body,html{height:100%}html{line-height:1.45;font-family:var(--font-family-base);font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;color:var(--color-body-text);background-color:var(--color-body-bg);transition-property:color,background}h1,h2,h3,h4,h5,h6{line-height:1}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none!important}h1{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-regular)}h2,h3{font-size:var(--font-size-xl);color:var(--color-secondary)}h3{font-size:var(--font-size-l)}h4,h5,h6{font-size:var(--font-size-m)}a,a svg,body{transition-duration:var(--transition-duration-fast)}a{outline:0;color:var(--color-accent);text-decoration:none;transition-property:color,background}a.plain{color:inherit}@media not all and (hover:none){a:hover{color:var(--color-accent-highlight);text-decoration:none}a:hover.plain{color:var(--color-accent)}}a svg{transition-property:color}.main h2,p,ul{margin-bottom:var(--space-l)}ul{margin-left:1rem}#soundboard h2,p+h2,ul+h2{margin-top:var(--space-xl)}p+h3,p+h4,p+h5,p+h6,ul+h3,ul+h4,ul+h5,ul+h6{margin-top:var(--space-xl);margin-bottom:var(--space-m)}button,pre{font-family:inherit;font-size:inherit}img:-moz-loading{visibility:hidden}::-webkit-progress-value{background-color:var(--color-accent)}::-ms-fill{background-color:var(--color-accent)}::-moz-progress-bar{background-color:var(--color-accent)}.main h1,[aria-hidden=true]{display:none}.button,.header .nav nav a{text-transform:uppercase;font-weight:var(--font-weight-bold)}.button{display:inline-block;text-align:center;padding:var(--space-m) var(--space-l);color:#2a1801;background-color:var(--color-accent);text-decoration:none;border-radius:var(--space-m);transition-property:color,background;transition-duration:var(--transition-duration-fast)}@media not all and (hover:none){.button:hover{color:#2a1801;background-color:var(--color-accent-highlight);text-decoration:none}}.podlove-subscribe-button-iframe{margin-top:var(--space-m);border-radius:var(--space-m)}#podlove-subscribe-popup{background-color:var(--color-overlay-bg)!important}#podlove-subscribe-popup #podlove-subscribe-popup-modal *{font-family:var(--font-family-base)!important;font-weight:var(--font-weight-regular)!important}#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-clients,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-finish,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-podcast,#podlove-subscribe-popup #podlove-subscribe-popup-modal .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal .podlove-logo,#podlove-subscribe-popup #podlove-subscribe-popup-modal .top-bar{color:var(--color-body-text)!important;background-color:var(--color-card-bg)!important;transition-property:color,background-color;transition-duration:var(--transition-duration-fast)}#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-clients .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-clients li,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-finish .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-finish li,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-podcast .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal #podlove-subscribe-panel-podcast li,#podlove-subscribe-popup #podlove-subscribe-popup-modal .device-cloud-switch .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal .device-cloud-switch li,#podlove-subscribe-popup #podlove-subscribe-popup-modal .podlove-logo .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal .podlove-logo li,#podlove-subscribe-popup #podlove-subscribe-popup-modal .top-bar .device-cloud-switch,#podlove-subscribe-popup #podlove-subscribe-popup-modal .top-bar li{border-color:var(--color-body-bg)!important}.wrap{margin-left:auto;margin-right:auto;padding-left:var(--wrap-padding-horizontal);padding-right:var(--wrap-padding-horizontal);max-width:calc(840px + var(--wrap-padding-horizontal)*2)}.main{flex:1;padding-bottom:var(--space-xxl)}@media screen and (max-width:599px){.main{padding-top:calc(var(--logo-height) + var(--space-xxl)*1.525)}}@media screen and (min-width:600px) and (max-width:839px){.main{padding-top:calc(var(--logo-height) + var(--space-xxl)*1.825)}}@media screen and (min-width:840px){.main{padding-top:var(--space-l)}}.main section{margin-bottom:var(--space-xxl)}.header{color:var(--color-body-text);background-color:var(--color-body-bg);transition-property:color,background-color,box-shadow;transition-duration:var(--transition-duration-fast)}@media screen and (max-width:599px){.header{padding-top:var(--space-l);padding-bottom:var(--space-m)}}@media screen and (min-width:600px) and (max-width:839px){.header{padding-top:var(--space-l);padding-bottom:var(--space-l)}}@media screen and (min-width:840px){.header{padding-top:var(--space-xl);padding-bottom:var(--space-l)}}@media screen and (max-width:839px){.header{position:fixed;top:0;left:0;right:0;z-index:10}body.topbar .header{box-shadow:0 5px 5px rgba(0,0,0,.1)}}.header a{color:var(--color-body-text)}@media not all and (hover:none){.header a:hover{color:var(--color-accent);text-decoration:none}}.header .wrap{flex-direction:column;align-items:center}.header .brand{display:block;margin-bottom:var(--space-m)}.header .logo{display:block;width:100%;height:var(--logo-height);max-width:840px;max-height:76px}.header .nav{display:flex;align-self:flex-start;align-items:center;justify-content:space-between;line-height:1}@media screen and (max-width:599px){.header .nav{margin-bottom:var(--space-s)}}@media screen and (max-width:839px){.header .nav{margin-top:var(--space-m);font-size:var(--font-size-xl)}}@media screen and (min-width:840px){.header .nav{margin-top:var(--space-l);font-size:var(--font-size-xxl)}}.header .nav nav{display:flex;align-items:center}.header .nav nav a{margin-right:var(--space-l);cursor:pointer;line-height:0}.header .nav nav a.current{color:var(--color-accent)}.header .nav button{display:inline-block;position:relative;top:2px}@media screen and (max-width:360px){.header .nav button{visibility:hidden}}.header .nav button svg{height:4.5vw;width:4.5vw;min-height:24px;min-width:24px;max-height:42px;max-width:42px;display:block}.theme{display:inline-block;align-items:center;justify-content:center;color:inherit;background:0 0;cursor:pointer;border:0;outline:0}@media not all and (hover:none){.theme:hover{color:var(--color-accent)}}.footer{text-align:center;font-size:var(--font-size-xs);color:var(--color-secondary);background-color:var(--color-card-bg);transition-property:background-color;transition-duration:var(--transition-duration-fast);padding:var(--space-l) 0}@media screen and (min-width:600px){.footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between}}.episodeItem .content>:last-child,.footer .wrap p:last-child{margin-bottom:0}.footer .social,.ticker{display:flex;align-items:center}.footer .social{justify-content:center}#team .member img,.footer .social a{display:inline-block}.footer .social a svg{height:24px;width:24px;display:block}.footer .social>*+*{margin-left:var(--space-l)}.ticker{position:relative;overflow:hidden;background:var(--color-card-bg);transition-property:background-color;transition-duration:var(--transition-duration-fast);margin:-15px 0 var(--space-xl);padding:var(--space-m) 0;flex-wrap:nowrap;font-size:var(--font-size-xs)}.ticker:after{position:absolute;top:0;left:0;bottom:0;content:'₿reaking:';padding:var(--space-m);text-transform:uppercase;color:var(--color-neutral-0);background:var(--color-accent);font-weight:var(--font-weight-bold)}.ticker span{white-space:nowrap;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-animation-name:marquee;animation-name:marquee;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.shopTeaser{display:grid;grid-gap:var(--space-l);margin-bottom:var(--space-l)}@media screen and (max-width:599px){.shopTeaser{grid-template-columns:1fr 1fr}}@media screen and (min-width:600px){.shopTeaser{grid-template-columns:1fr 1fr 1fr 1fr}}.shopTeaser img{display:block;width:100%;border-radius:var(--space-m)}.lnNodes{display:flex;flex-wrap:wrap}@media screen and (max-width:599px){.lnNodes{flex-direction:column}.lnNodes .lnNode{margin-top:var(--space-xl)}}@media screen and (min-width:600px){.lnNodes .lnNode{margin-top:var(--space-l);margin-right:var(--space-xxl)}}.lnNodes img{width:240px;height:240px;border-radius:var(--space-m);margin:var(--space-l) 0}.lnNodes button{display:block;width:240px}#podcast .categories{display:inline-flex;flex-wrap:wrap;list-style:none;margin:0 0 var(--space-l) 0}#podcast .categories li{margin:0 var(--space-m) var(--space-m) 0}#podcast .categories a{display:inline-block;text-align:center;padding:var(--space-s) var(--space-l);color:var(--color-body-text);text-decoration:none;border-radius:var(--space-xl);border:1px solid var(--color-secondary)}@media not all and (hover:none){#podcast .categories a:hover{color:var(--color-neutral-0);background-color:var(--color-secondary);text-decoration:none}}#podcast .current{margin-bottom:4rem}#episode .player{margin-bottom:var(--space-xxl)}#team .members,.episodes{display:grid;grid-gap:var(--space-xl)}.episodes{grid-template-columns:1fr}@media screen and (max-width:839px){.episodes{grid-template-columns:1fr}}@media screen and (min-width:840px){.episodes{grid-template-columns:1fr 1fr}}.episodeItem{margin:0;border-radius:var(--space-l);background-color:var(--color-card-bg);transition-property:background-color;transition-duration:var(--transition-duration-fast)}@media screen and (max-width:599px){.episodeItem{padding:var(--space-l)}}@media screen and (min-width:600px){.episodeItem{padding:var(--space-xl)}}.episodeItem a,.player{display:flex}@media not all and (hover:none){.episodeItem a:hover .meta{color:inherit}}.episodeItem .media{margin-right:var(--space-l)}.episodeItem .media a,.episodeItem .media img{display:block;border-radius:var(--space-s)}@media screen and (max-width:599px){.episodeItem .media a,.episodeItem .media img{height:60px;width:60px}}@media screen and (min-width:600px){.episodeItem .media a,.episodeItem .media img{height:100px;width:100px}}.episodeItem .meta{display:flex;flex-wrap:wrap;justify-content:space-between;color:var(--color-secondary)}.episodeItem .content{flex:1}.player{border-radius:var(--space-m);overflow:hidden}@media screen and (max-width:599px){.player{flex-direction:column;min-width:300px;max-width:400px}.player__coverlink{width:100%}}@media screen and (min-width:600px){.player__coverlink{width:25%}}.player__cover{display:block;width:100%}.player__bottom{flex:1;color:var(--color-body-text);background-color:var(--color-card-bg);transition-property:color,background-color;transition-duration:var(--transition-duration-fast)}.player__progress{display:block;background-color:var(--color-secondary);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--space-m);cursor:pointer;border:0}#team .member header,.player__time{display:flex;justify-content:space-between}.player__time{padding:var(--space-m) var(--space-l);color:var(--color-secondary);font-size:var(--font-size-s)}.player__speed:before{cursor:pointer}.player__speed.amplitude-playback-speed-10:before{content:'1.0x'}.player__speed.amplitude-playback-speed-15:before{content:'1.5x'}.player__speed.amplitude-playback-speed-20:before{content:'2.0x'}.player__controls{display:flex;align-items:center;padding:var(--space-m) var(--space-l) var(--space-l)}.player__button{width:70px;height:70px;margin-right:var(--space-l);cursor:pointer}.player__button svg{width:100%;height:100%}.player__button__icon--pause,.player__button__icon--play{display:none;color:var(--color-secondary)}@media not all and (hover:none){.player__button__icon--pause:hover,.player__button__icon--play:hover{color:var(--color-accent)}}.lnNodes img,.player__button.amplitude-paused .player__button__icon--play,.player__button.amplitude-playing .player__button__icon--pause{display:block}.player__info{flex:1;text-align:left}@media not all and (hover:none){.player__info a:hover .player__album{color:inherit}}#team .member .links a,.player__album{color:var(--color-secondary)}#team .members{margin:0;list-style:none}@media screen and (max-width:599px){#team .members{grid-template-columns:1fr}}@media screen and (min-width:600px){#team .members{grid-template-columns:1fr 1fr}}#team .member{margin:0;padding:var(--space-xl);border-radius:var(--space-l);background-color:var(--color-card-bg);transition-property:background-color;transition-duration:var(--transition-duration-fast)}#team .member img{border-radius:50%;height:100px;width:100px}#team .member header{flex-wrap:wrap;align-items:center;margin-top:var(--space-l)}#team .member h2{font-size:var(--font-size-xl);margin:0 var(--space-l) var(--space-l) 0}#team .member p{margin-bottom:0}#team .member .links{display:flex;margin-bottom:var(--space-l)}@media not all and (hover:none){#team .member .links a:hover{color:var(--color-accent)}}#team .member .links svg{display:block;height:var(--font-size-l);width:var(--font-size-l)}#team .member .links a+a{margin-left:var(--space-m)}#soundboard .sounds{display:grid;grid-gap:var(--space-l);margin:0;list-style:none;grid-auto-rows:1fr}@media screen and (max-width:360px){#soundboard .sounds{grid-template-columns:1fr}}@media screen and (min-width:360px) and (max-width:599px){#soundboard .sounds{grid-template-columns:1fr 1fr}}@media screen and (min-width:600px) and (max-width:839px){#soundboard .sounds{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:840px){#soundboard .sounds{grid-template-columns:1fr 1fr 1fr 1fr}}