website/sass/css/team.scss

43 lines
540 B
SCSS
Raw Normal View History

2023-03-20 18:06:57 +00:00
@import "defs";
2023-03-27 16:03:45 +00:00
.team {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px
}
2023-03-20 18:06:57 +00:00
.team_box {
2023-03-27 16:03:45 +00:00
max-width: 434px;
}
.team_box-img_wrap {
2023-03-20 18:06:57 +00:00
float: left;
2023-03-27 16:03:45 +00:00
}
.team_box-text {
display: inline;
}
.team_box-text-spacer {
height: 32px;
2023-03-20 18:06:57 +00:00
}
.team_box-img {
// 70% ~= 1/sqrt(2)
mask-image: radial-gradient(circle, #000 69%, transparent 70%);
width: 160px;
2023-03-27 16:03:45 +00:00
margin-right: 16px;
}
.team_box-title {
font-family: Amatic;
font-size: 200%;
2023-03-20 18:06:57 +00:00
}
.team_box-subtitle {
2023-03-27 16:03:45 +00:00
font-family: Amatic;
font-size: 150%;
color: $violet;
2023-03-20 18:06:57 +00:00
}