body {
    color: #717296;
    font-family: Arial, sans-serif;
}

.card {
    font-size: 1.125em; /* 18px */
    width: 70%;
    max-width: 340px;
    padding: 1.875em;
    background: #ddebf8;
    border-bottom: 8px solid #d8cefe;
    border-radius: 5px;
    margin: 1.25em auto;
}

.info {
    font-size: 3em; /* 22.5px */
}

.name {
    font-size: 2rem; /* 32px */
    color: #4F4180;
    margin: 0 0 0.15em;
}

.title {
    font-size: 1.25rem; /* 20px */
    margin: 0;
}

h2 {
    font-size: 1.375rem; /* 22px */
}

h3 {
    font-size: 1.25rem; /* 20px */
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: dotted 1px #B5BFE1;
    padding-bottom: 1.75em;
    margin-bottom: 1.75em;
}

.avatar {
    width: 80px;
    border-radius: 50%;
    border: solid 2px white;
}

ul {
    padding: 0;
    margin-bottom: 0;
    margin-left: 1.25em;
}

ul li {
    margin-bottom: 0.35em;
}

a {
    color: #847196;
}