.title-text {
    font-size: 2rem;
    font-weight: lighter;
}

a:hover {
    text-decoration: underline;
    text-decoration-color: red;
    text-decoration-thickness: 3px;
    transition: text-decoration-color 0.5s;
}

a,
a:active {
    font-weight: bolder;
    position: relative;
    display: inline-block;
    text-decoration: underline;
    text-decoration-color: transparent;
}

a.this {
    text-decoration: underline;
    text-decoration-color: red;
    font-weight: bolder;
    text-decoration-thickness: 3px;
}

a:visited,
a:link {
    color: black;
}

div.pad>span {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: red;
    color: white;
    padding: 0.5rem;
    font-size: 0.8rem;
    font-weight: bolder;
    text-transform: uppercase;
}

.about {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    text-align: justify;
}

.invert {
    filter: invert(1);
}