body {
  background-image: url("/img/background.png");
  text-align: center;
  background-size: cover;
}
.main {
  width: 1171px;
  height: 811px;
  margin: auto;
}

.logo {
  background-image: url("/img/logo.png");
  background-size: cover;
  width: 345px;
  height: 345px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  
}

.forum {
    background-image: url("/img/forum.png");
    text-decoration: none;
    display: inline;
    float: left;
    width: 347px;
    height: 120px;
    background-size:cover;
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
   }

.forum:hover {
    background-image: url("/img/forum-pres.png");
    text-decoration: none;
    display: inline;
    float: left;
    width: 347px;
    height: 120px;
    background-size:cover;
   }
.about {
    background-image: url("/img/about.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 347px;
    height: 100px;
    background-size:cover;
    margin-top:auto;
    margin-left:auto;
    margin-right:auto;
}
.about:hover {
    background-image: url("/img/about-pres.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 347px;
    height: 100px;
    background-size:cover;
    margin-top:auto;
    margin-left:auto;
    margin-right:auto;
}
.links {
    display: inline-block;
    margin: 0 auto;
    width: 1041px;
}
.teamspeak {
    background-image: url("/img/teamspeak.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 347px;
    height: 90px;
    background-size:cover;
    margin-top:auto;
    margin-left:auto;
    margin-right:auto;
}
.teamspeak:hover {
    background-image: url("/img/teamspeak-pres.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 347px;
    height: 90px;
    background-size:cover;
    margin-top:auto;
    margin-left:auto;
    margin-right:auto;
}
.social {
    width: 640px;
    margin: 0 auto;
    display: inline-block;
    margin-top: 100px;
}

.twitter {
  background-image: url("/img/twitter.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 110px;
    height: 110px;
    background-size:cover;
    margin-left:25px;
    margin-right:25px;
}
.twitter:hover {
  background-image: url("/img/twitter_pres.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 110px;
    height: 110px;
    background-size:cover;
    margin-left:25px;
    margin-right:25px;
}
.vk {
  background-image: url("/img/vk.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 110px;
    height: 110px;
    background-size:cover;
    margin-left:25px;
    margin-right:25px;
}
.vk:hover {
  background-image: url("/img/vk_pres.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 110px;
    height: 110px;
    background-size:cover;
    margin-left:25px;
    margin-right:25px;
}



.facebook {
  background-image: url("/img/facebook.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 110px;
    height: 110px;
    background-size:cover;
    margin-left:25px;
    margin-right:25px;
}
.facebook:hover {
  background-image: url("/img/facebook_pres.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 110px;
    height: 110px;
    background-size:cover;
    margin-left:25px;
    margin-right:25px;
}
.youtube {
  background-image: url("/img/youtube.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 110px;
    height: 110px;
    background-size:cover;
    margin-left:25px;
    margin-right:25px;
}
.youtube:hover {
  background-image: url("/img/youtube_pres.png");
    text-decoration: none;
    display:inline;
    float: left;
    width: 110px;
    height: 110px;
    background-size:cover;
    margin-left:25px;
    margin-right:25px;
}