@font-face {
  font-family: "nimbus_sans_lregular";
  src: url("../../fonts/NimbusSanL-Reg-webfont.eot");
  src: url("../../fonts/NimbusSanL-Reg-webfont.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/NimbusSanL-Reg-webfont.woff") format("woff"),
    url("../../fonts/NimbusSanL-Reg-webfont.ttf") format("truetype"),
    url("../../fonts/NimbusSanL-Reg-webfont.svg#nimbus_sans_lregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: "nimbus_sans_lregular";
}

header {
  display: flex;
}

header img {
  width: 60%;
}

main {
  display: flex;
  justify-content: space-evenly;
}

.button {
  width: 200px;
  height: 150px;
  cursor: pointer;
  font-size: 1.3em;
  color: white;
  text-decoration: none;
  display: block;
  line-height: 7;
  text-align: center;
}

.button:nth-of-type(1) {
  background-color: var(--bg-color-bandeau-menu);
  box-shadow: var(--bg-color-bandeau-menu) 2px 5px 2px;
}

.button:nth-of-type(2) {
  background-color: var(--bg-color-menu);
  box-shadow: var(--bg-color-menu) 2px 5px 2px;
}

.button:nth-of-type(3) {
  background-color: #18358c;
  box-shadow: #18358c 2px 5px 2px;
}