body {
    background: black;
    font-family: 'VT323';
    color: white;
}
a {
    text-decoration: none;
    color: white;
}
img {
    width: auto;
    height: 100%;
}

.main {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    min-height: 100%;
    background: inherit;
    z-index: 1;
}


@media screen and (min-height: 540px){
    footer {
        position: fixed;
        bottom: 0;
    }
}

.card {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card > * {
    width: 100%;
}

.avatar {
    max-height: 500px;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid white;
}

.avatar > img{
    height: 250px;
}

.links {
    display: flex;
    justify-content: space-between;
}

.links > a.icon {
    font-size: 40px;

}



/**
 FONTS
 */

/* vt323-regular - latin */
@font-face {
    font-family: 'VT323';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/vt323-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/vt323-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/vt323-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/vt323-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/vt323-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/vt323-v17-latin-regular.svg#VT323') format('svg'); /* Legacy iOS */
}

/* icomoon - icons */
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?u3zvdd');
    src:  url('../fonts/icomoon.eot?u3zvdd#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?u3zvdd') format('truetype'),
    url('../fonts/icomoon.woff?u3zvdd') format('woff'),
    url('../fonts/icomoon.svg?u3zvdd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-gitlab:before {
    content: "\e900";
}

.icon-envelope:before {
    content: "\f003";
}

.icon-drupal:before {
    content: "\f1a9";
}

.icon-location:before {
    content: "\e947";
}

.icon-telegram:before {
    content: "\ea95";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-github:before {
    content: "\eab0";
}