html {
  height: 100%;
}
body {
  font-family: 'roboto-regular', arial;
  color: #282828;
  height: 100%;
  margin: 0;
}
.row {margin-bottom: 30px;}
.wrapper {
  position: relative;
  height: 100%;
}
.content {
  max-width: 800px;
  margin: 50px auto;
  text-align: center;
}
.bouton {
  padding: 20px;
  display: inline-block;
  box-shadow: 0px 3px 0px 0px #2f3942;
  margin-bottom: 10px;
  border-radius: 3px;
  background: #4f5f6f;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(26, 31, 37, 0.6);
  background-color: #4f5f6f;
  cursor: pointer;
}
.bouton:hover {
  background: #64788d;
}
.bouton:active {
  background: #71859a;
}
.bouton::selection {
  background: transparent;
}
.bouton::-moz-selection {
  background: transparent;
}
.bouton:active {
  box-shadow: none !important;
  position: relative;
  top: 3px;
}
.bleu {
  background: #218acb;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(15, 63, 93, 0.6);
  background-color: #218acb;
}
.bleu:hover {
  background: #3fa2e0;
}
.bleu:active {
  background: #55ade3;
}
.bleu.bouton {
  box-shadow: 0px 3px 0px 0px #165d89;
}
.metroid {
  background: #ff1039;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(144, 0, 25, 0.6);
  background-color: #ff1039;
}
.metroid:hover {
  background: #ff4363;
}
.metroid:active {
  background: #ff5d78;
}
.metroid.bouton {
  box-shadow: 0px 3px 0px 0px #c30021;
}
.vert {
  background: #4bcf99;
  color: #000000;
  text-shadow: 1px 1px 1px rgba(176, 234, 210, 0.6);
  background-color: #4bcf99;
}
.vert:hover {
  background: #73dab0;
}
.vert:active {
  background: #87dfbb;
}
.vert.bouton {
  box-shadow: 0px 3px 0px 0px #2ba272;
}
.unegrange {
  background: #f4bf1c;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(138, 106, 7, 0.6);
  background-color: #f4bf1c;
}
.unegrange:hover {
  background: #f6cd4d;
}
.unegrange:active {
  background: #f8d465;
}
.unegrange.bouton {
  box-shadow: 0px 3px 0px 0px #ba8f09;
}
/*# sourceMappingURL=style.css.map */