.site {
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
}

.avatar {
    height: 55%;
    max-height: 90vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.border-section {
    border: 1px solid #E6E6E6;
    font-weight: 300;
    margin: auto;
    width: 50%;
    padding: 0;
    max-width: 250px;
}

.title {
    font-size: 2.2em;
    font-weight: 400;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    text-align: center;
}

.subtitle {
    font-size: 1.2em;
    font-weight: 250;
    margin-bottom: 0.5em;
    text-align: center;
}

.subtitle .role {
    font-weight: 350;
}

.subtitle .list {
    font-size: 0.7em;
}

.noto-sans {
    font-family: "Noto Sans", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}