@charset "UTF-8";
html {
  font-size: 16px;
  /* 1rem = 16px */
}

html {
  font-size: 16px;
  /* 1rem = 16px */
}

.about_desktop {
  display: flex;
  flex-direction: column;
  width: 96vw;
  margin-right: auto;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-top: 4vh;
}
.about_desktop__top {
  display: flex;
  justify-content: space-around;
}
.about_desktop__top__left {
  margin-right: auto;
}
.about_desktop__top__left h1 {
  font-size: 2rem;
  margin-bottom: 2vh;
}
.about_desktop__top__left div {
  width: 40rem;
  height: 12rem;
  background-color: #f7f7ff;
  border-radius: 1rem;
  padding-top: 1rem;
}
.about_desktop__top__left div p {
  font-size: 1rem;
  width: 36rem;
  margin-right: auto;
  margin-left: auto;
}
.about_desktop__top__right {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  width: 40rem;
}
.about_desktop__top__right__top {
  display: flex;
  justify-content: space-around;
}
.about_desktop__top__right__top__reaLink {
  display: flex;
  text-align: center;
  background-color: #f7f7ff;
  color: #0A0B0A;
  font-size: 3rem;
  height: 5rem;
  width: 22rem;
  border-radius: 1rem;
  transition: all 2s ease-out;
  border: solid 0.5px #091226;
  text-decoration: none;
  margin-right: auto;
}
.about_desktop__top__right__top__reaLink h2 {
  font-weight: 400 !important;
  font-size: 2rem;
  margin: auto;
}
.about_desktop__top__right__top__reaLink:hover {
  border: solid 0.5px #8B0000;
  background-color: #ffffff;
  transition-duration: 1s;
  text-decoration: none;
  color: #051440;
}
.about_desktop__top__right__top__profilePicture {
  display: flex;
  height: 8rem;
  width: 8rem;
  border-radius: 4rem;
  box-shadow: 4px 4px 19px -4px rgba(10, 11, 10, 0.2) !important;
  align-items: center;
  background-color: #ffffff;
}
.about_desktop__top__right__top__profilePicture img {
  width: 6rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 1rem;
}
.about_desktop__top__right__bottom {
  text-align: end;
  margin-top: 2rem;
  font-size: 1rem;
}
.about_desktop__top__right__middle {
  display: flex;
  justify-content: space-around;
  margin-top: 2rem;
}
.about_desktop__top__right__middle__left {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 40rem;
  margin-right: auto;
  gap: 2rem;
}
.about_desktop__top__right__middle__left a {
  display: flex;
  height: 12rem;
  width: 12rem;
  border-radius: 8rem;
  box-shadow: 4px 4px 19px -4px rgba(10, 11, 10, 0.2) !important;
  align-items: center;
  background-color: #ffffff;
  text-align: center;
  text-decoration: none;
}
.about_desktop__top__right__middle__left a img {
  width: 10rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 1rem;
}
.about_desktop__top__right__middle__left a p {
  margin-right: auto;
  margin-left: auto;
  font-size: 8rem;
  font-weight: 400;
  margin-right: 1.5rem;
  transition: all 2s ease-out;
  background-color: transparent;
}
.about_desktop__top__right__middle__left a p:hover {
  transition-duration: 1s;
  text-decoration: none;
  color: #051440;
}
.about_desktop__top__right__middle__left #icone-github {
  width: 12rem;
}
.about_desktop__top__right__middle__right {
  margin-left: auto;
  text-align: end;
}
.about_desktop__top__right__middle__right h1 {
  font-size: 2rem;
  margin-bottom: 2vh;
}
.about_desktop__top__right__middle__right div {
  width: 40rem;
  height: 12rem;
  background-color: #f7f7ff;
  border-radius: 1rem;
  padding-top: 1rem;
  text-align: start;
}
.about_desktop__top__right__middle__right div p {
  font-size: 1rem;
  width: 36rem;
  margin-right: auto;
  margin-left: auto;
}
.about_desktop__valors {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.about_desktop__valors__top {
  font-size: 2rem;
}
.about_desktop__valors__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.about_desktop__valors__bottom div {
  display: flex;
  background-color: #0A0B0A;
  color: #e5e5e5;
  font-size: 2rem;
  height: 5rem;
  width: 22rem;
  border-radius: 1rem;
  transition: all 2s ease-out;
  text-decoration: none;
  align-items: center;
  justify-content: center;
}
.about_desktop__valors__bottom div:hover {
  transition-duration: 1s;
  text-decoration: none;
  color: #f7f7ff;
  background-color: #091226;
}
.about_desktop__valors__bottom div h2 {
  margin: auto;
  text-align: center;
  font-size: 2rem;
}
.about_desktop__bottom {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
}
.about_desktop__bottom__tittle {
  display: flex;
  width: 18rem;
  align-self: center;
  flex-direction: row-reverse;
}
.about_desktop__bottom__tittle__decoration_left {
  display: block;
  height: 2rem;
  width: 2rem;
  transform: rotate(90deg);
}
.about_desktop__bottom__tittle__decoration_left__horizontal {
  height: 4px;
  width: 2rem;
  background-color: #091226;
}
.about_desktop__bottom__tittle__decoration_left__vertical {
  width: 4px;
  height: 2rem;
  background-color: #091226;
}
.about_desktop__bottom__tittle__decoration_right {
  display: block;
  height: 2rem;
  width: 2rem;
  transform: rotate(270deg);
  margin-top: 3rem;
}
.about_desktop__bottom__tittle__decoration_right__horizontal {
  height: 4px;
  width: 2rem;
  background-color: #091226;
}
.about_desktop__bottom__tittle__decoration_right__vertical {
  width: 4px;
  height: 2rem;
  background-color: #091226;
}
.about_desktop__bottom__tittle__h1Content {
  display: flex;
  flex-direction: column;
}
.about_desktop__bottom__tittle__h1Content h1 {
  font-size: 2rem;
  margin: auto;
}
.about_desktop__bottom__hobbies {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 2vh;
}
.about_desktop__bottom__hobbies div {
  display: flex;
  flex-direction: column;
  width: 12rem;
}
.about_desktop__bottom__hobbies div a {
  display: flex;
  height: 12rem;
  width: 12rem;
  border-radius: 8rem;
  box-shadow: 4px 4px 19px -4px rgba(10, 11, 10, 0.2) !important;
  align-items: center;
  background-color: #ffffff;
  text-align: center;
  text-decoration: none;
}
.about_desktop__bottom__hobbies div a img {
  width: 10rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 1rem;
}
.about_desktop__bottom__hobbies div a p {
  margin-right: auto;
  margin-left: auto;
  font-size: 8rem;
  font-weight: 400;
  margin-right: 1.5rem;
  transition: all 2s ease-out;
  background-color: transparent;
}
.about_desktop__bottom__hobbies div a p:hover {
  transition-duration: 1s;
  text-decoration: none;
  color: #051440;
}
.about_desktop__bottom__hobbies div a img {
  width: 8rem;
}
.about_desktop__bottom__hobbies div p {
  font-size: 1rem;
}

/* === MEDIA QUERIES UNIQUEMENT POUR DESKTOP === */
/* Ultra HD (4K) et plus */
/* Écran large WQHD / QHD (2560x1440) */
/* Full HD standard (1920x1080) */
/* HD+ / 1600x900 */
/* HD standard (1366x768 / 1440x900) */
/* Petits laptops ou écran splité verticalement *//*# sourceMappingURL=about_desktop.css.map */