2023-01-26 22:29:16 +00:00
|
|
|
body {
|
2023-01-30 23:55:36 +00:00
|
|
|
background-color: var(--secondary);
|
2023-01-26 22:29:16 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#users {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.person {
|
2023-01-30 23:55:36 +00:00
|
|
|
color: var(--text);
|
2023-01-26 22:29:16 +00:00
|
|
|
width: 30em;
|
|
|
|
|
height: fit-content;
|
2023-01-30 23:55:36 +00:00
|
|
|
background-color: var(--primary);
|
2023-01-26 22:29:16 +00:00
|
|
|
border-radius: 10px;
|
|
|
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
|
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.profile, .profile img {
|
|
|
|
|
border-radius: 10px 0px 0px 10px;
|
|
|
|
|
width: 10em;
|
|
|
|
|
height: 10em;
|
|
|
|
|
padding: 0;
|
|
|
|
|
display: block;
|
2023-01-30 23:55:36 +00:00
|
|
|
background-color: var(--banner);
|
2023-01-26 22:29:16 +00:00
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.info {
|
|
|
|
|
margin: 20px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.info span {
|
|
|
|
|
width: 280px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
