: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; } h1, h2, h3, h4, h5, h6 { margin: 8px 0; } p { margin: 0; } .spacer { flex: 1; } .toolbar { height: 60px; margin: -8px; display: flex; align-items: center; background-color: #badcfd; font-weight: 600; } .toolbar img { margin: 0 16px; } .toolbar #twitter-logo:hover { opacity: 0.8; } .content { display: flex; margin: 32px auto; 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; } a, a:visited, a:hover { color: #1976d2; text-decoration: none; } a:hover { color: #125699; } footer { margin-top: 8px; display: flex; align-items: center; line-height: 20px; } footer a { display: flex; align-items: center; } /* Responsive Styles */ @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; } } .sidebar-toggle { padding-right: 1.25rem; text-decoration: none; color: var(--text-hint-color); font-size: 3.5rem; } .footer{ display: block; margin-top: auto; z-index: 99999!important; overflow: hidden; width: auto; height: 100px; }