* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-size: 1.5vh;
}
#main-char img {
  display: block;
  margin: 3vh 0vh;
  max-width: 100%;
}
#main-char-intro,
#rules {
  margin: 4vh 10% 4vh 10%;
  width: 80vw;
}
#rulesUA {
  margin: 4vh 10% 5vh 10%;
  width: 80vw;
}
#rulesENG {
  margin: 4vh 10% 5vh 10%;
  width: 80vw;
}
#play-btn,
#rules-btn {
  width: 25vw;
  height: 6vh;
  padding: 1.75vh 4vw 1.75vh 4vw;
}
#play-btn:hover,
#rules-btn:hover {
  width: 24.5vw;
  height: 5.5vh;
}
#nav-buttons {
  display: block;
  float: right;
}
#nav-buttons a {
  padding: 1vh;
  text-decoration: none;
  font-size: 1.5vh;
  display: block;
}