@font-face {
    font-family: 'schabo-condensed';
    src: url('SCHABO-Condensed.woff2') format('woff2'),
         url('SCHABO-Condensed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'schabo-condensed';
    flex-direction: column;
    display: flex;
}


.profile-container {
    flex: 4;
    display: flex;
    flex-direction: column;
}

.black-section {
    background-color: #000;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 8;
    max-height: 70%;
}

.white-section {
    background-color: #fff;
    text-align: center;
    padding: 20px 0;
    flex: 2;
}


.name {
   line-height: .85;
   font-size: min(47vw, 30vh);
}


.social-links {
    margin-top: 20px;
}

.social-links a {
    display: inline-block;
    margin: 0 10px;
}

.social-links img {
    width: 50px;
    height: 50px;
}