@font-face {
  font-family: "AlternateGothicProCyrillic";
  src: url("/static/fonts/AlternateGothicProCyrillic.woff2") format("woff");
}

body {
  background-color: #fefce582;
  font-family: "IBM Plex Sans";
  line-height: 210%;
}

p {
  font-size: 17px;
  margin-left: 10px;
  max-width: 720px;
}

.head, p.title {
  font-family: AlternateGothicProCyrillic, sans-serif;
}

.mega {
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

div#menu-top-report, div#menu-bottom, div#menu-bottom-report, div#copyright, div#copyright-report, div.front-and-center {
  text-align: center;
}

table.front-and-center {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: center;
  max-width: 600px;
  border-spacing: 13px;
  border: 2px groove;
  border-color: #b5978a73;
}

a.entry-point {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: black;
  text-decoration: none;
}

img.entry-point {
  max-width: 100%;
  height: auto;
}

div.about {
  font-size: 22px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

div#menu-bottom, div#menu-bottom-report {
  margin-top: 20px;
  margin-bottom: 10px;
}

a.menu-link {
  color: #57575785;
  font-size: 18px;
}

div.home-info {
  font-size: 20px;
  line-height: 28px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 479px) {
  div#menu-top-report, div#menu-bottom-report { margin-left: 260px; text-align: left; }
  div#copyright-report { margin-left: 246px; text-align: left; }
}

@media screen and (min-width: 950px) {
  div#menu-top-report, div#menu-bottom-report { margin-left: 370px; text-align: left; }
  div#copyright-report { margin-left: 356px; text-align: left; }
}

@media screen and (min-width: 1200px) {
  div#menu-top-report, div#menu-bottom-report { margin-left: 460px; text-align: left; }
  div#copyright-report { margin-left: 446px; text-align: left; }
}