body {
    background: #FFFFFF;
    background-size: cover;
    margin: 0;
    padding: 0;
}
#container {
  top: 50%; /* Отступ в процентах от верхнего края окна */
  left: 50%; /* Отступ в процентах от левого края окна */
  width: 400px; /* Ширина блока */
  height: 400px; /* Высота блока */
  position: absolute; /* Абсолютное позиционирование блока */
  margin-top: -200px; /* Отрицательный отступ от верхнего края страницы, должен равняться половине высоты блока со знаком минус */
  margin-left: -200px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
}
#logo {
    display:block;
    max-width: 400px;
    margin: 0 auto;
    width: 99%;
}
.social {display: inline-block;
       
}
.social a {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 10px 10px 0;
	text-align: center;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 24px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
}
.social a:hover {color: #fff;}
.social svg {
	margin-top: 7px;
	width: 32px;
	height: 32px;
}
.discord a:hover {background: #7289da;}
.facebook a:hover {background: #3b5998;}
.instagram a:hover {background: #3f729b;}
.twitter a:hover {background: #00acee;}