@CHARSET "UTF-8";
.homepage {
  width: 740px;
}
.homepage a.comixbutton {
  display: block;
  float: left;
  width: 350px;
  height: 300px;
  background-color: white;
  background-image: url('/images/homepage/homebuttons.png');
  background-repeat: none;
  margin: 10px;
}
.homepage a.hitstickbutton {
  display: block;
  float: left;
  width: 300px;
  height: 100px;
  background-color: white;
  background-image: url('/images/homepage/hitstickbutton.png');
  background-repeat: no-repeat;
  background-position: 15px -2px;
  margin: 10px;
}
.hitstickbutton:hover {
  background-position: 20px -102px !important;
}
#jorinbutton {
  display: block;
  float: left;
  width: 300px;
  height: 180px;
  margin: 10px;
  background-image: url('/images/homepage/jorinbutton.png');
}
#jorinbutton:hover {
  background-image: url('/images/homepage/jorinbuttonhover.png');
}
.hitstickbutton:hover {
  background-position: 20px -102px !important;
}
.sebranka {
  background-position: 0px 0px;
}
.sebranka:hover {
  background-position: 0px -300px;
}
.favmix {
  background-position: -350px 0px;
}
.favmix:hover {
  background-position: -350px -300px;
}
.oglaf {
  width: 400px !important;
  background-image: url('/images/homepage/oglafhomepage.png') !important;
  background-position: 0px 0px !important;
}
.oglaf:hover {
  background-position: -400px 0px !important;
}
.forumbutton {
  display: block;
  float: left;
  width: 300px;
  height: 180px;
  background-color: white;
  background-image: url('/images/homepage/forumbutton.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 10px;
}
.forumbutton:hover {
  background-position: 0 -180px !important;
}
@media screen and (max-width: 740px) {
  .homepage {
    width: 100%;
    padding-top: 50px;
  }
  .homepage .comixbutton {
    width: 80% !important;
    margin: 5px 10% !important;
    height: 0 !important;
    padding-top: 68%;
    background-size: 200%;
  }
  .homepage .comixbutton.oglaf {
    padding-top: 60%;
  }
  .homepage .hitstickbutton {
    width: 80% !important;
    margin: 5px 10% !important;
  }
  .sebranka:hover {
    background-position: 0px -100%;
  }
  .favmix {
    background-position: -100% 0px;
  }
  .favmix:hover {
    background-position: -100% -100%;
  }
  .oglaf:hover {
    background-position: -100% 0px !important;
  }
}