h2 {
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
body {
    text-wrap: balance;
}

.name {
    font-size: 6rem;
}

.bio {
    font-size: var(--font-size-1);
    text-wrap: auto;
}

hr {
    margin-block: 1rem;
}

h2 {
    color: dimgray;
    font-size: var(--font-size);
    line-height: var(--line-height);
    letter-spacing: var(--letter-space);
}

.item-title {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-space-1);
}

li::marker {
    content: "- ";
}

.year {
    font-size: var(--font-size-1b);
    line-height: var(--line-height-1b);
    letter-spacing: var(--letter-space-1b);
}

.download-btn {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 3rem;
    height: 3rem;
    background-color: var(--primary-clr);
    color: var(--bg-clr);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: scale 0.2s ease-in-out;
    z-index: 10;
}

.download-btn:hover,
.download-btn:focus {
    color: var(--bg-clr);
    scale: 1.1;
}

.download-btn svg {
    width: 1.25rem;
    height: 1.25rem;
}

@media print {
    .download-btn {
        display: none;
    }
}