app.css

body {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-style: italic;
  color: #e0e0e0;
  background-image: url('./bg.jpg');
  background-attachment: fixed;
}

.hidden {
  display: none;
}

a {
  color: white;
}

.selector li {
  font-size: 20px;
  margin: 10px 0;
}

.point-indicator {
  position: fixed;
  right: 50px;
  bottom: 20px;
  font-size: 30px;
}

.weapon-table {
  display: inline-block;
  box-sizing: border-box;
  width: 46px;
  vertical-align: top;
}

.weapon {
  display: inline-block;
  width: 46px;
  height: 46px;
  box-sizing: border-box;
  margin-right: 0px;

  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  padding: 2px;
}

.weapon.active {
  background-color: #008ff7;
  box-shadow: inset 0 0 5px 2px #ffffffa1;
}

.weapon.m1::before, .weapon.m2::before {
   content: '';
   position: absolute;
   width: 6px;
   height: 6px;
   border-radius: 3px;
}

.weapon.m1::before {
  background-color: #fffff1;
}

.weapon.m2::before {
   background-color: #f6d64d;
}

.weapon img {
  height: 100%;
  width: 100%;
}