body {
    background: #07080f;
    font-family: 'Raleway';
    color: #FFFFFF;
    height: 100%;
    width: 100%
}

.container {
    -ms-transform: translateY(-50%);
    -webkit-transform: translate(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    max-width: max-content;
}

.intro {
    padding-bottom: 0.5em;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
}

.links,
.bottom {
    padding-bottom: 0.5em;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
}

a.yabro {
    color: #d16969;
}
a.yabro:hover,
a.yabro:focus {
    color: #ab4949;
}

a.github {
    color: #768599;
}
a.github:hover,
a.github:focus {
    color: #525d6b;
}

a.linkedin {
    color: #0976b4;
}
a.linkedin:hover,
a.linkedin:focus {
    color: #086498;
}

a.twitter {
    color: #1d9bf0;
}
a.twitter:hover,
a.twitter:focus {
    color: #086498;
}

a.telegram {
    color: #24a4e4;
}
a.telegram:hover,
a.telegram:focus {
    color: #086498;
}

a.email {
    color: #bd7db7;
}
a.email:hover,
a.email:focus {
    color: #965a91;
}