Biography & Early Wealth Journey

slick-bubbles-container { display: block; } slick-bubbles-header { display: block; margin: 9px 6px; font-size: 14px; line-height: 14px; color: #fff; text-shadow: 1px 1px 1px #000; text-align: left; } slick-bubbles-list { list-style: none; margin: 0 6px; padding: 0 0 9px 0; display: grid; grid-auto-flow: column; overflow: scroll hidden; width: 100vw; width: calc(100vw - 12px); gap: 2vw; } slick-bubbles-list .slick-bubble { flex: 0 0 auto; margin: 0; text-decoration: none; text-align: center; width: 100px; } slick-bubbles-list .slick-bubble .slick-bubble-image { display: block; background-color: var(--background-color); border-radius: 50%; margin: 0 auto 6px auto; padding: 2px; border: 2px solid var(--lightgreen); width: 100%; width: calc(100% - 8px); } slick-bubbles-list .slick-bubble img { display: block; width: 100%; height: auto; aspect-ratio: 1/1; border-radius: 50%; } slick-bubbles-list .slick-bubble .slick-bubble-name { font-size: 12px; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; text-decoration: none; } @media screen and (max-width: 770px) { slick-bubbles-list { align-items: flex-start; margin-top: 10px; } slick-bubbles-list .slick-bubble { width: calc((100vw / 5) - 12px); } slick-bubbles-list .slick-bubble img { width: 100%; height: auto; aspect-ratio: 1/1; } } @media (max-width: 600px) { #glass { height: 205px; } } @media screen and (min-width: 771px) { slick-bubbles-container { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: center; height: 100%; } #shell:not(.no-glass) #glass slick-bubbles-container { margin-top: 10vh; } slick-bubbles-list { display: flex; flex-wrap: nowrap; overflow-x: auto; justify-content: center; align-items: flex-start; width: 100%; gap: 10px; overflow: hidden; } slick-bubbles-list .slick-bubble.slick-bubble-5 { display: none !important; } }