@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.lexend-400 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.lexend-700 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

h1 { font-family: Barlow;  }

#main-menu span { font-family: Barlow; font-weight:800; }
#main-menu a { font-family: Barlow; }
#main-menu a:hover { background:#0693e3;  }
.submenu .selected { border-left: 3px solid #0693e3; } 

#stat-block li div { border-radius:0;  }
.stat-val { font-family: Barlow; }
.stat-msg { font-family: Barlow; } 

.about { display:none; }

#main-menu-button .button-decor, #main-menu-button .button-decor::after, #main-menu-button .button-decor::before { background:#0693e3; }

.menu-box { box-shadow: 3px 0px 30px rgba(166, 166, 166, 0.4); }