@font-face {
    font-family: 'LBlack';
    src: url('lato-black-webfont.woff2') format('woff2'),
    url('lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LLight';
    src: url('lato-light-webfont.woff2') format('woff2'),
    url('lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LMediumItalic';
    src: url('lato-mediumitalic-webfont.woff2') format('woff2'),
    url('lato-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    margin: 0;
    background: url(wallpaper.jpg) no-repeat, #161616;
	background-size: 50%;
    color: white;
}

.centralWidget {
    width: 400px;
    margin: 0 auto;
    margin-top: 50vh;
    transform: translateY(-50%);
    border: 5px solid white;
    padding: 50px;
    font-family: "LLight";
    font-size: 18px;
}

.name
{
    font-family: "LBlack";
    font-size: 25px;
}

.desc
{
    font-family: "LMediumItalic";
}

.line {
    line-height: 30px;
}

img {
    vertical-align: -4px;
}

a {
    text-decoration: none;
    color: white;
    transition-duration: 0.25s;
}

a:hover {
    background-color: white;
    color: black;
}