.avatar {
    height: 200px;
    display: flex;
    gap: 2em;
}

.avatar h1 {
    font-size: 2em;
}

.avatar h4 {
    font-weight: normal;
}

.avatar > img {
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    border-radius: 100%;
    max-height: 100%;
    transition-duration: 0.3s;
}

.avatar > img:hover {
    transition-duration: 0.3s;
    transform: scale(1.1) rotate(-20deg);
}