@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box}:root{--background: #ffffff;--foreground: #171717}:root{--color-background: var(--background);--color-foreground: var(--foreground);--font-sans: var(--font-geist-sans);--font-mono: var(--font-geist-mono)}@media (prefers-color-scheme: dark){:root{--background: #0a0a0a;--foreground: #ededed}}body{background:var(--background);color:var(--foreground);font-family:Barlow Condensed,sans-serif}img{width:100%;height:100%;object-fit:cover;padding:2rem}section{position:relative;width:100vw;height:100svh;background-color:#0f0f0f;color:#e3e3db;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5em;overflow:hidden}.profile-images{width:max-content;display:flex;justify-content:center;align-items:center}img{position:relative;width:70px;height:70px;padding:5px;cursor:pointer;will-change:width,height}.img img{border-radius:.5rem}.profile-names{width:100%;height:20rem;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);overflow:hidden}.name h2{position:absolute;width:100%;text-align:center;text-transform:uppercase;font-family:Barlow Condensed;font-size:20rem;font-weight:900;letter-spacing:-.5rem;line-height:.9;color:#f93535;-webkit-user-select:none;user-select:none;transform:translateY(100%)}.name.default h2{color:#e3e3db;transform:translateY(-100%)}.name h2 .letter{position:relative;transform:translateY(0);will-change:transform}@media (max-width: 900px){section{flex-direction:column-reverse}.profile-images{flex-wrap:wrap;max-width:90%;justify-content:center}.img{width:60px;height:60px;padding:2.5px}.name h1{font-size:4rem;letter-spacing:0}.profile.names{height:4rem}}