.fond {
  background-color: #020020;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
}

h1 {
  text-shadow: 5px 0 10px #525c85;
  font-size: 500%;
  color: #020020;
  text-align: center;
  -webkit-transition: text-shadow 500ms ease-in-out;
  transition: text-shadow 500ms ease-in-out;
}

h1:hover {
  text-shadow: 5px 0 10px #757EA9;
}

.construction {
  width: 7%;
}

.portfolio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.portfolio__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 250px;
  height: 250px;
  margin: 3%;
  -webkit-box-shadow: 0 0 10px #394164;
          box-shadow: 0 0 10px #394164;
  text-align: center;
  color: white;
  font-size: 150%;
  border-radius: 20px;
  -webkit-filter: brightness(50%);
          filter: brightness(50%);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.portfolio__item:hover {
  -webkit-box-shadow: inset -3px -3px 10px #394164;
          box-shadow: inset -3px -3px 10px #394164;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}

h2 {
  font-size: 100%;
  font-weight: normal;
}

.cv {
  background-color: #00838F;
  color: #FFFCF8;
}

.cv__flags {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.cv__flags--flag {
  width: auto;
  height: 75%;
}

.cv__profil {
  width: 40%;
  height: auto;
  border: 3px solid #212121;
  border-radius: 100%;
  margin: 1%;
}

.ohmyfood {
  background-color: #579C87;
  color: #FDCB46;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ohmyfood__bloc_titre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 30%;
}

.ohmyfood__bloc_medaille {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0;
}

.ohmyfood__medaille {
  width: auto;
  height: auto;
}

.lachouette {
  background-color: #F3976C;
}

.logo-agence {
  width: 90%;
}

.logo-chouette {
  width: 50%;
}

.orinoco {
  background-color: #f3e9f1;
}

.orinoco--titre {
  width: 90%;
}

.orinoco--logo {
  width: 50%;
}

.sopekocko {
  background-color: #FDEDDF;
}

.sopekocko__logo {
  width: 90%;
}

.fas {
  color: #394164;
  font-size: 150%;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

@media all and (max-device-width: 480px) {
  h1 {
    text-shadow: 5px 0 10px #757EA9;
  }
  .portfolio__item {
    -webkit-filter: none;
            filter: none;
  }
}
/*# sourceMappingURL=index.css.map */