for toster.ru

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
#webmintro{
position: absolute;
left:50%;
top: 50%;
transform: translate(-50%, -50%);
}
body{
background-image: url(1.jpg);
background-repeat: no-repeat;
background-color:black;
background-position: center top;
background-repeat: no-repeat;
height: 994px;
position: relative;
z-index: 11;
font-family: 'Radiance-Bold';
}
@font-face {
    font-family: 'Radiance';
    src: url('http://media.steampowered.com/apps/dota2/fonts/radiance.eot');
    src: url('http://media.steampowered.com/apps/dota2/fonts/radiance.eot?#iefix') format('embedded-opentype'),
         url('http://media.steampowered.com/apps/dota2/fonts/radiance.woff') format('woff'),
         url('http://media.steampowered.com/apps/dota2/fonts/radiance.ttf') format('truetype'),
         url('http://media.steampowered.com/apps/dota2/fonts/radiance.svg#ywftsvg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Radiance-Bold';
    src: url('http://media.steampowered.com/apps/dota2/fonts/radiance-bold.eot');
    src: url('http://media.steampowered.com/apps/dota2/fonts/radiance-bold.eot?#iefix') format('embedded-opentype'),
         url('http://media.steampowered.com/apps/dota2/fonts/radiance-bold.woff') format('woff'),
         url('http://media.steampowered.com/apps/dota2/fonts/radiance-bold.ttf') format('truetype'),
         url('http://media.steampowered.com/apps/dota2/fonts/radiance-bold.svg#ywftsvg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#name{
position: absolute;
width: 70px;
text-align: center;
height: 80px;
top: 80px;
line-height: 74px;
font-size: 74px;
color: white;
letter-spacing: 4px;
left:50%;
right:50%
transform: translate(-50%, -50%);
}

</style>
</head>

<body>
<div id="name">check</div>
<video width="917" height="515" id="webmintro" preload autoplay=>
  <source src="mines3.webm" type="video/webm" />

</video>


</body>
</html>