body {
  overflow-x: hidden;
}

/* Properties of the nav bar */
nav {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px 0 0;
  /* Reveal the nav button */
  /* Design of the button */
}
nav .logo {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 17px;
  margin-left: 15px;
}
nav .logo img {
  width: 25px;
  height: auto;
}
nav .logo i.material-icons {
  margin-right: 20px;
  color: #DAF3FF;
}
nav .navButton {
  display: inline-block;
  /* Place line logo under each other */
}
nav .navButton label {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  /* Dimension of the button and duration of the animation from line to cross */
}
nav .navButton label div {
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  margin: 3px;
}
nav .navButton label div:nth-child(1) {
  width: 25px;
  height: 2px;
  background: linear-gradient(to right, #DF9F1F 50%, transparent 10.01%);
}
nav .navButton label div:nth-child(2) {
  width: 25px;
  height: 2px;
  background-color: #DAF3FF;
}
nav .navButton label div:nth-child(3) {
  width: 25px;
  height: 2px;
  background: linear-gradient(to left, #DF9F1F 50%, transparent 10.01%);
}
nav #navCheck:checked ~ .navButton > label > .line1 {
  transform: translateY(8px) rotate(45deg);
  -webkit-transform: translateY(8px) rotate(45deg);
  -moz-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  background-color: #DF9F1F;
  transform-origin: center;
}
nav #navCheck:checked ~ .navButton > label > .line2 {
  opacity: 0;
}
nav #navCheck:checked ~ .navButton > label > .line3 {
  transform: translateY(-8px) rotate(-45deg);
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -moz-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  background-color: #DF9F1F;
  transform-origin: center;
}
nav #navCheck:checked ~ .navLinks {
  height: calc(100vh - 50px);
}
nav .navLinks {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 0px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  background-color: #001428;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
nav .navLinks a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  font-size: 18px;
}
nav .navLinks a:hover {
  background-size: 0% 0%;
}
nav .navLinks .mobileSpace {
  margin-bottom: 100px;
}

/*# sourceMappingURL=navBarMobile.css.map */