/*
Custom classes for `_overrides/home.html`
They must be loaded before home is rendered, otherwise
the profile image will not be centered correctly.
*/
.mdx-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 80vh;
}

.mdx-profile-image {
    width: 300px;
    height: 300px;
    border-radius: 50%;
}

.mdx-icon {
    width: 32px;
    height: 32px;
    margin: 8px 8px;
    fill: var(--md-default-fg-color);
}