52 lines
753 B
CSS
52 lines
753 B
CSS
/* Parameters light */
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--name-color: #e61515;
|
|
--pronouns-color: #646062;
|
|
}
|
|
}
|
|
|
|
/* Parameters dark */
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--name-color: #ee9cc5;
|
|
--pronouns-color: #7c7579;
|
|
}
|
|
}
|
|
|
|
/* Page theme */
|
|
main {
|
|
color: var(--font-color);
|
|
font-size: var(--font-size);
|
|
margin-inline: 25%;
|
|
padding: 2em 1em;
|
|
}
|
|
|
|
/* Name header */
|
|
.name {
|
|
font-size: 2.2rem;
|
|
color: var(--name-color);
|
|
}
|
|
|
|
.subname {
|
|
margin-top: 0;
|
|
font-size: large;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.pronouns {
|
|
font-size: smaller;
|
|
color: var(--pronouns-color);
|
|
}
|
|
|
|
.avatar {
|
|
width: 65px;
|
|
border-radius: 50%;
|
|
float: right;
|
|
}
|
|
|
|
/* Description */
|
|
h1 {
|
|
font-weight: 600;
|
|
margin-bottom: 0;
|
|
}
|