@font-face{
    font-family: "Teko Light";
    src: url('https://ysoftware.ru/gallifreyan/Teko-Light.ttf'),
    url('Teko-Light.ttf'); /* IE */
}
body{
	background-color:#1080dd;
	color:white;
	background: url('bg.jpg') no-repeat left center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
	background-size: cover;
	height:100%;
}
#grid1{
	font-family: Teko Light;
}
#grid4{
	list-style-type: square;
}
html, body
{
    height: 100%;
}
*
{
    padding: 0;
    margin: 0;
}
h1, h2, h3{
	text-shadow: 2px 2px black;
}
#header{
	-webkit-backdrop-filter: blur(30px);
	z-index:1;
	background-color:rgba(0, 0, 0, .4);
	width:100%;
}
#barlink{
	color:#e4e4e4;
	font-family:Teko Light;
	text-decoration:none;
}
#barlink:hover {
	text-decoration:underline;
}
.button {
	transition: all .2s ease-in-out;
}
.button:hover {
	transform: scale(1.1);
}
#yandex{
	position:absolute;
	bottom:0;
	margin:0;
	padding:0;
}