.hero-card__role {
color: #7ec8e3;
}
.panel {
background: #0b1320;
padding: 28px;
border: 2px solid #b9cde2;
}
.panel + .panel {
margin-top: 16px;
}
.hero-card {
background: #203a58;
}
.hero-card h1 {
font-size: 48px;
}
.hero-nav a:hover,
.link-card:hover {
background: #2a3f5c;
}
.hero-nav a:focus-visible,
.link-card:focus-visible {
outline: 3px solid #7ec8e3;
outline-offset: 3px;
}
.avatar-photo {
max-width: 100%;
height: auto;
}