html,
body {
    height: 100%;
    background-color: #e9ecef;
}

body {
    display: flex;
    align-items: center;
}

#avatar {
    width: 150px;
    height: auto;
}

#not-official {
    font-size: 0.7em;
}

/**
 * Custom styling on social media buttons for extra swag.
 */
.btn-dark {
    border-color: #000000;
    color: #fff;
}

/**
 * Twitter
 */
.btn-twitter {
    background-color: #1671aa;
}

/**
 * Twitch - Branding guidelines: https://brand.twitch.tv/brand/
 */
.btn-twitch {
    background-color: #9146ff;
}

/**
 * YouTube - Branding guidelines: https://www.youtube.com/about/brand-resources/
 */
.btn-youtube {
    background-color: #a50000;
}

/**
 * Instagram's logo has too many fancy colors that I can be bothered to do it.
 * So I'm sticking to black and white :)
 */
.btn-instagram {
    background-color: #000000;
    color: #ffffff;
}

/**
 * Discord - Branding guidelines: https://discord.com/new/branding
 */
.btn-discord {
    background-color: #5567ac;
}

.btn-merch {
    background-color: #318300;
}