.portrait { position: relative; display: inline-flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; width: var(--width); margin: calc(20 * var(--width) / 150); text-align: center; line-height: 1.5; text-decoration: none; }

.portrait .portrait_image { display: inline-block; width: var(--width); height: var(--width); border-radius: 999px; overflow: hidden; box-shadow: 0 0 5px 0 #00000030; }

.portrait .portrait_image img { object-fit: cover; width: 100%; height: 100%; }

.portrait .portrait_name { font-family: "Poppins", sans-serif; font-size: 0.9rem; font-weight: 500; }

.portrait .portrait_description { margin-top: -10px; font-family: "Poppins", sans-serif; font-size: 0.9rem; }

.portrait .role { display: flex; justify-content: center; align-items: center; position: absolute; left: calc(0.13 * var(--width)); top: calc(0.13 * var(--width)); margin: 0; width: calc(0.25 * var(--width)); height: calc(0.25 * var(--width)); font-size: calc(16 * var(--width) / 150); background: #ffffff; color: #9e9e9e; border-radius: 999px; transform: translate(-50%, -50%); box-shadow: 0 0 5px 0 #00000030; }

/*# sourceMappingURL=portrait.css.map */