*{--white: #fff;--blue-100: #1976d2;--blue-200: #125699;--gray-100: #eee;--gray-200: #fafafa;--gray-300: #c2c3c4;--gray-400: #888;--dark-gray-100: rgb(58, 58, 58);--dark-gray-200: #303030;--dark-gray-300: rgba(27,31,35,.2);--dark-gray-400: rgba(27,31,35,.35);--dark-gray-500: rgb(15, 15, 16);--body-background-light: var(--white);--toolbar-background-light: var(--blue-100);--toolbar-color-light: var(--white);--card-border-color-light: var(--gray-100);--card-background-light: var(--gray-200);--card-background-highlight-light: var(--blue-100);--card-color-highlight-light: var(--white);--link-color-light: var(--blue-100);--link-color-hover-light: var(--blue-200);--terminal-background-header-light: var(--dark-gray-100);--terminal-background-body-light: var(--dark-gray-500);--terminal-color-light: var(--gray-300);--terminal-pre-color-light: var(--white);--svg-cloud-fill-light: var(--gray-100);--matrial-icon-fill-light: var(--gray-300);--rocket-smoke-fill-light: var(--gray-100);--circle-link-background-light: var(--white);--circle-link-border-color-light: var(--gray-100);--switcher-background-light: var(--white);--switcher-background-active-light: var(--gray-100);--body-background-dark: var(--dark-gray-100);--toolbar-background-dark: var(--dark-gray-400);--toolbar-color-dark: var(--white);--card-border-color-dark: var(--dark-gray-200);--card-background-dark: var(--dark-gray-200);--card-background-highlight-dark: var(--blue-100);--card-color-highlight-dark: var(--white);--link-color-dark: var(--blue-100);--link-color-hover-dark: var(--blue-200);--terminal-background-header-dark: var(--dark-gray-400);--terminal-background-body-dark: var(--dark-gray-500);--terminal-color-dark: var(--gray-300);--terminal-pre-color-dark: var(--gray-200);--svg-cloud-fill-dark: var(--dark-gray-200);--matrial-icon-fill-dark: var(--gray-300);--rocket-smoke-fill-dark: var(--dark-gray-300);--circle-link-background-dark: var(--dark-gray-100);--circle-link-border-color-dark: var(--dark-gray-200);--switcher-background-dark: var(--dark-gray-300);--switcher-background-active-dark: var(--dark-gray-400)}:root{color-scheme:light;--background: var(--body-background-light);--toolbar-background: var(--toolbar-background-light);--toolbar-color: var(--toolbar-color-light);--card-border-color: var(--card-border-color-light);--card-background: var(--card-background-light);--card-background-highlight: var(--card-background-highlight-light);--card-color-highlight: var(--card-color-highlight-light);--link-color: var(--link-color-light);--link-color-hover: var(--link-color-hover-light);--terminal-background-header: var(--terminal-background-header-light);--terminal-background-body: var(--terminal-background-body-light);--terminal-color: var(--terminal-color-light);--terminal-pre-color: var(--terminal-pre-color-light);--svg-cloud-fill: var(--svg-cloud-fill-light);--matrial-icon-fill: var(--matrial-icon-fill-light);--rocket-smoke-fill: var(--rocket-smoke-fill-light);--circle-link-background: var(--circle-link-background-light);--circle-link-border-color: var(--circle-link-border-color-light);--switcher-background: var(--switcher-background-light);--switcher-background-active: var(--switcher-background-active-light)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--background: var(--body-background-dark);--toolbar-background: var(--toolbar-background-dark);--toolbar-color: var(--toolbar-color-dark);--card-border-color: var(--card-border-color-dark);--card-background: var(--card-background-dark);--card-background-highlight: var(--card-background-highlight-dark);--card-color-highlight: var(--card-color-highlight-dark);--link-color: var(--link-color-dark);--link-color-hover: var(--link-color-hover-dark);--terminal-background-header: var(--terminal-background-header-dark);--terminal-background-body: var(--terminal-background-body-dark);--terminal-color: var(--terminal-color-dark);--terminal-pre-color: var(--terminal-pre-color-dark);--svg-cloud-fill: var(--svg-cloud-fill-dark);--matrial-icon-fill: var(--matrial-icon-fill-dark);--rocket-smoke-fill: var(--rocket-smoke-fill-dark);--circle-link-background: var(--circle-link-background-dark);--circle-link-border-color: var(--circle-link-border-color-dark);--switcher-background: var(--switcher-background-dark);--switcher-background-active: var(--switcher-background-active-dark)}}[color-scheme=light]{color-scheme:light;--background: var(--body-background-light);--toolbar-background: var(--toolbar-background-light);--toolbar-color: var(--toolbar-color-light);--card-border-color: var(--card-border-color-light);--card-background: var(--card-background-light);--card-background-highlight: var(--card-background-highlight-light);--card-color-highlight: var(--card-color-highlight-light);--link-color: var(--link-color-light);--link-color-hover: var(--link-color-hover-light);--terminal-background-header: var(--terminal-background-header-light);--terminal-background-body: var(--terminal-background-body-light);--terminal-color: var(--terminal-color-light);--terminal-pre-color: var(--terminal-pre-color-light);--svg-cloud-fill: var(--svg-cloud-fill-light);--matrial-icon-fill: var(--matrial-icon-fill-light);--rocket-smoke-fill: var(--rocket-smoke-fill-light);--circle-link-background: var(--circle-link-background-light);--circle-link-border-color: var(--circle-link-border-color-light);--switcher-background: var(--switcher-background-light);--switcher-background-active: var(--switcher-background-active-light)}[color-scheme=dark]{color-scheme:dark;--background: var(--body-background-dark);--toolbar-background: var(--toolbar-background-dark);--toolbar-color: var(--toolbar-color-dark);--card-border-color: var(--card-border-color-dark);--card-background: var(--card-background-dark);--card-background-highlight: var(--card-background-highlight-dark);--card-color-highlight: var(--card-color-highlight-dark);--link-color: var(--link-color-dark);--link-color-hover: var(--link-color-hover-dark);--terminal-background-header: var(--terminal-background-header-dark);--terminal-background-body: var(--terminal-background-body-dark);--terminal-color: var(--terminal-color-dark);--terminal-pre-color: var(--terminal-pre-color-dark);--svg-cloud-fill: var(--svg-cloud-fill-dark);--matrial-icon-fill: var(--matrial-icon-fill-dark);--rocket-smoke-fill: var(--rocket-smoke-fill-dark);--circle-link-background: var(--circle-link-background-dark);--circle-link-border-color: var(--circle-link-border-color-dark);--switcher-background: var(--switcher-background-dark);--switcher-background-active: var(--switcher-background-active-dark)}.card svg.material-icons path{fill:#888}.circle-link{background-color:var(--terminal-pre-color);border:1px solid var(--background)}:host{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:14px;color:#333;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--background)}h1,h2,h3,h4,h5,h6{margin:8px 0}p{margin:0}.spacer{flex:1}.toolbar{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;background-color:var(--toolbar-background);color:var(--toolbar-color);font-weight:600}.toolbar img{margin:0 16px}.toolbar #twitter-logo{height:40px;margin:0 8px}.toolbar #youtube-logo{height:40px;margin:0 16px}.toolbar #twitter-logo:hover,.toolbar #youtube-logo:hover{opacity:.8}.content{display:flex;margin:82px auto 32px;padding:0 16px;max-width:960px;flex-direction:column;align-items:center}svg.material-icons{height:24px;width:auto}svg.material-icons:not(:last-child){margin-right:8px}.card svg.material-icons path{fill:var(--matrial-icon-fill)}.card-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:16px}.card{all:unset;border-radius:4px;border:1px solid var(--card-border-color);background-color:var(--card-background);height:40px;width:200px;margin:0 8px 16px;padding:16px;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .2s ease-in-out;line-height:24px}.card-container .card:not(:last-child){margin-right:0}.card.card-small{height:16px;width:168px}.card-container .card:not(.highlight-card){cursor:pointer}.card-container .card:not(.highlight-card):hover{transform:translateY(-3px)}.card.highlight-card{background-color:var(--card-background-highlight);color:var(--card-color-highlight);font-weight:600;border:none;width:auto;min-width:30%;position:relative}.card.card.highlight-card span{margin-left:60px}svg#rocket{width:80px;position:absolute;left:-10px;top:-24px}svg#rocket-smoke{height:calc(100vh - 95px);position:absolute;top:10px;right:180px;z-index:-10}svg#rocket-smoke>path{fill:var(--rocket-smoke-fill)}a,a:visited,a:hover{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-color)}.terminal{position:relative;width:80%;max-width:600px;border-radius:6px;padding-top:45px;margin-top:8px;overflow:hidden;background-color:var(--terminal-background-body)}.terminal:before{content:"\2022\2022\2022";position:absolute;top:0;left:0;height:4px;background:var(--terminal-background-header);color:var(--terminal-color);width:100%;font-size:2rem;line-height:0;padding:14px 0;text-indent:4px}.terminal pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:var(--terminal-pre-color);padding:0 1rem 1rem;margin:0}.circle-link{height:40px;width:40px;border-radius:40px;margin:8px;background-color:var(--circle-link-background);border:1px solid var(--circle-link-border-color);display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:1s ease-out}.circle-link:hover{transform:translateY(-.25rem)}footer{margin-top:8px;display:flex;align-items:center;line-height:20px}footer a{display:flex;align-items:center}.github-star-badge{display:flex;align-items:center;font-size:12px;padding:3px 10px;border:1px solid rgba(27,31,35,.2);border-radius:3px;margin-left:4px;font-weight:600}.github-star-badge .material-icons{height:16px;width:16px;margin-right:4px}svg#clouds{position:fixed;bottom:-160px;left:-230px;z-index:-10;width:1920px;fill:var(--dark-gray-100)}svg#clouds>path{fill:var(--svg-cloud-fill)}@media screen and (max-width: 767px){.card-container>*:not(.circle-link),.terminal{width:100%}.card:not(.highlight-card){height:16px;margin:8px 0}.card.highlight-card span{margin-left:72px}svg#rocket-smoke{right:120px;transform:rotate(-5deg)}}@media screen and (max-width: 575px){svg#rocket-smoke{display:none;visibility:hidden}}