html {
  height: 100%;
}

body {
	background-color: #35353E;
	margin: 0;
	display: flex;
    justify-content: center; /*Центрирование по горизонтали*/
    align-items: center;     /*Центрирование по вертикали */
    width: 100%;
	min-height: 100%;
}

.container {
	width: 500px;
	height: 370px;
}

.logo {
	background-image: url('./images/logo.a95b08d437d1cc805b3f9d4a4a70f5c5.png');
	background-position: center center;
	width: 111px;
	height: 114px;
	margin: 0px auto 50px;
}

.soon {
	font-family: "Lato", sans-serif;
	font-size: 24px;
	color: white;
	width: 100%;
	text-align: center;
}

.player {
	margin: 50px auto 0;
	width: 118px;
	height: 118px;
	border-radius: 8px;
	background-color: rgba(255,255,255,0.1);
	background-repeat: no-repeat;
	background-size: 44px 50px;
	background-position: center center;
}

.player:hover {
	background-color: rgba(255,255,255,0.15);
	cursor: pointer;
}

.player.play {
	background-image: url('./images/play.f18358508530518a3246fcdf771012e3.png');
	background-repeat: no-repeat;
}

.player.pause {
	background-image: url('./images/pause.68950c754b930593288bad7dd332e4e2.png');
}

.social {
	width: 160px;
	font-family: "Lato", sans-serif;
	font-size: 24px;
	color: white;
	text-align: center;
	/*margin:  10px auto 0px;*/
	margin: 20px;	
	height: 70px;
	position: fixed;
	top: 0;
	left: 0;
}

a {
	float: left;
	height: 50px;
	width: 50px;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: center; 
	margin: 10px 10px;
	box-shadow: 0 10px 15px -7px rgba(0,0,0,0.6);
}	

a.telegram {
	background-image: url("./images/TelegramLogo1.png");
	border-radius: 25px;
}

a.vk {
	background-image: url("./images/VK_Logo.png");
	border-radius: 11px;
}