[data-md-color-scheme="slate"] {
    --md-default-bg-color: hsla(228, 7%, 14%, 1);
    --md-footer-bg-color--dark: hsla(228, 8%, 7%, 0.58);
    --md-footer-bg-color: hsla(220, 7%, 7%, 1);
    --md-code-bg-color: hsla(228, 7%, 12%, 1);
}

*, *::before, *::after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

a,
a:focus,
a:hover,
a:link,
a:visited {
color: inherit;
text-decoration: none;
}

body {
    display: flex;
    justify-content: center;
    height: 110vh;
    margin: 0;
}

/* Centralize primary content column */
.centered-column {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

/* Style profile picture */
.profile-picture {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    object-fit: cover;
    margin: 0 auto 1rem;
    margin-top: 4rem;
}

/* Format greeting header */
.headline {
    font-size: 1.5rem;
    margin: 0 0 0.5rem;
}

/* Insert sub-headline */
.sub-headline {
    font-size: 1rem;
    margin: 0 0 0.25rem;
}

/* Enclose social media icons and govern their appearance */
.social-media-group {
    display: inline-block;
    margin: 1rem 0;
    margin-bottom: 2rem;
}

.social-links li {
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.125rem;
}

/* Customize introductory paragraph */
.introductory-paragraph {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 2rem;
}

.ln {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.fa-linkedin:hover {
    color: #0e76a8;
}

.git {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.fa-github:hover {
    background: linear-gradient(155deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.x-twitter {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.fa-x-twitter:hover {
    color: #00acee;
}

.email {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.fa-envelope:hover {
    color: #c71610;
}