html {
  height: 100%;
  overflow: hidden;
}
@font-face {
  font-family: "codeLight";
  font-weight: lighter;
  src: url("code_light.otf");
}
body {
  background-color: black;
  height: 100%;
  color: silver;
  font-family: Arial, Helvetica, sans-serif;
  cursor: crosshair;
}
h1 {
  font-family: "codeLight";
  font-weight: lighter;
  letter-spacing: 0.2rem;
  font-size: 18px;
}
#outer {
  display: table;
  height: 100%;
  width: 100%;
}
#container {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
a:hover {
  cursor: pointer;
}
#MW {
  width: 50px;
  height: 136px;
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 140px);
}
#M {
  width: 50px;
  height: 80px;
  background-image: url("_img/M.png");
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.5s;
  z-index: 3;
  position: absolute;
}
#M:hover {
  background-position: top;
}
#W {
  width: 50px;
  height: 70px;
  background-image: url("_img/W_vide_bl.png");
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.2s;
  z-index: 2;
  margin-top: 56px;
  position: absolute;
}
#W:hover {
  background-position: bottom;
}
#C {
  width: 50px;
  height: 50px;
  background-image: url("_img/BACKUP_.png");
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.2s;
}