: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:#fff;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#fff}.bg-login{background-image:url(bg.aaebde71873e2006.jpg);background-size:cover;background-repeat:no-repeat;background-position:bottom;padding-top:70px}.vh-100{height:100vh!important}.btn{border-radius:0!important}.btn-primary{background-color:#ed9e1c!important;border-color:#ed9e1c!important}.btn-secondary{background-color:#fff;border-color:#ed9e1c;color:#ed9e1c}h1,h2,h3,h4,h5,h6{margin:8px 0}p{margin:0}.spacer{flex:1}.table td,.table th{padding:.25rem;vertical-align:top;border-top:1px solid #dee2e6;font-weight:700}.toolbar{position:absolute;top:0;left:0;right:0;height:100px;display:flex;align-items:center;flex-direction:column;color:#fff;font-weight:600}.toolbar img{margin:10px;text-align:center;max-height:90px}.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:45px auto 32px;padding:0 16px;max-width:1020px;flex-direction:column}.content-small{display:flex;margin:32px auto;padding:0 16px;max-width:460px;flex-direction:column}.content-medium{display:flex;margin:32px auto;padding:0 16px;max-width:660px;flex-direction:column}svg.material-icons{height:24px;width:auto}svg.material-icons:not(:last-child){margin-right:8px}.card svg.material-icons path{fill:#888}.card-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:16px}.card{all:unset;border-radius:4px;border:1px solid #eee;background-color:#fafafa;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);box-shadow:0 4px 17px #00000059}.card-container .card:not(.highlight-card):hover .material-icons path{fill:#696767}.card.highlight-card{background-color:#1976d2;color:#fff;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}a,a:visited,a:hover{color:#1976d2;text-decoration:none}a:hover{color:#125699}.terminal{position:relative;width:80%;max-width:600px;border-radius:6px;padding-top:45px;margin-top:8px;overflow:hidden;background-color:#0f0f10}.terminal:before{content:"\2022\2022\2022";position:absolute;top:0;left:0;height:4px;background:rgb(58,58,58);color:#c2c3c4;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:#fff;padding:0 1rem 1rem;margin:0}.circle-link{height:40px;width:40px;border-radius:40px;margin:8px;background-color:#fff;border:1px solid #eeeeee;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);box-shadow:0 3px 15px #0003}footer{margin-top:8px;display:flex;align-items:center;line-height:20px}footer a{display:flex;align-items:center}.github-star-badge{color:#24292e;display:flex;align-items:center;font-size:12px;padding:3px 10px;border:1px solid rgba(27,31,35,.2);border-radius:3px;background-image:linear-gradient(-180deg,#fafbfc,#eff3f6 90%);margin-left:4px;font-weight:600}.github-star-badge:hover{background-image:linear-gradient(-180deg,#f0f3f6,#e6ebf1 90%);border-color:#1b1f2359;background-position:-.5em}.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}@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}}