You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

47 lines
668 B

3 years ago
.avatar {
height: 200px;
3 years ago
display: flex;
gap: 2em;
3 years ago
}
3 years ago
.avatar h1 {
font-size: 2em;
3 years ago
}
3 years ago
.avatar h4 {
font-weight: normal;
}
.avatar > .icon {
width: 25%;
transition-duration: 0.3s;
}
.avatar > .icon > img {
box-shadow: var(--box-shadow);
3 years ago
border-radius: 100%;
}
.avatar > .icon:hover {
3 years ago
transition-duration: 0.3s;
transform: scale(1.1) rotate(-20deg);
3 years ago
}
/* mobile */
@media (max-aspect-ratio: 4/5) {
3 years ago
.avatar {
flex-direction: column;
height: unset;
text-align: center;
gap: unset;
}
.avatar > .icon {
width: 100%;
}
3 years ago
.avatar h1 {
font-size: 1.5em;
}
3 years ago
}