a {
    font-weight: var(--link-weight);
    padding: 0.5rem 1rem;
    position: relative;
    right: 0px;
    left: -1rem;
    text-decoration: underline;
    text-decoration-thickness: 0.1em;
    text-decoration-color: #ddd;
    color: inherit;
    background-position: right;
    transition: all var(--animation-duration) var(--animation-timing-function);
}
a:visited {
    color: #0099cc;
}

a:hover {
    color: #5d5d6a;
    background-color: var(--link-bg-color);
    padding-left: 20px;
    padding-right: 200px;
    left: -15px;
}

h1.title {
    color: var(--title-color);
    font-size: 3rem;
    line-height: 4.5rem;
    font-weight: var(--font-weight);
}

p {
    margin: 0;
    font-size: 1rem;
    line-height: 2.25rem;
    /*font-weight: var(--link-weight);*/
}

main {
    display: grid;
    place-items: center;
}