html, body {
    font-family: "Ubuntu Sans", sans-serif;
    background-color: #212529;
    color: #c5c5c5;
}

.container {
    width: 570px !important;
    max-width: 100% !important;
    padding: 0 20px;
    animation: fadeIn 2s ease forwards;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.avatar {
    display: block;
    width: 140px;
    max-width: 100%;
    margin: auto;
}

h1 {
    font-size: 62px;
    font-weight: 400;
    color: #ffffff;
    text-indent: -999999px;
    position: absolute;
}

h2 {
    font-size: 52px;
    font-weight: 400;
    color: #ffffff;
}

p {
    font-size: 18px;
}

p a, p a:link, p a:visited {
    color: #ffffff;
    font-weight: 600;
}

p a:hover {
    text-decoration: none;
}

p.d-flex > svg {
    display: block;
    max-width: 20px;
}

p.d-flex > svg.bi-envelope-fill {
    margin: 4px 20px 0 0;
}

p.d-flex > svg.bi-linkedin {
    margin: 4px 19px 0 1px;
}

p.d-flex  > svg + span {
    display: block;
}