/* 
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 700

.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/
/*
font-family: "linotype-didot-headline", serif;
font-weight: 400;
font-style: normal;
*/
body {
  margin: 0;
  padding: 0;
  background-color: #FEEEE5;
}

#containeraccueil {
  background-color: #FEEEE5;
}
#containeraccueil h1 {
  font-family: "linotype-didot-headline", serif;
  font-size: "36px";
}
#containeraccueil h2 {
  font-family: "linotype-didot-headline", serif;
  font-size: "24px";
}
#containeraccueil h3 {
  font-family: "linotype-didot-headline", serif;
  font-size: 16px;
}
#containeraccueil p {
  font-family: "Oswald", sans-serif;
  font-size: "14px";
}

/* SLIDER-------------------------------------------------------------------*/
#slider {
  background-color: #FEEEE5;
  padding-left: 20px;
  padding-right: 20px;
}

/* PROFIL-------------------------------------------------------------------*/
#profil {
  display: flex;
  justify-content: center;
  background-color: #1F3052;
  padding: 20px;
}
#profil img {
  justify-content: left;
  width: 454px;
}

#textp {
  justify-content: right;
  color: #FCDDCB;
  margin-left: 40px;
}
#textp p {
  color: #FCDDCB;
}
#textp button {
  background-color: #CD6A6B;
  color: #FCDDCB;
  font-family: "Oswald", sans-serif;
  border-radius: 6px;
  text-align: center;
  animation: ease 1s;
}
#textp button:hover {
  transform: scale(1.2);
}

/* HARDSKILLS-------------------------------------------------------------------*/
#hardskills {
  padding: 20px;
}
#hardskills h2 {
  color: #1F3052;
  text-align: center;
}
#hardskills #emoji {
  display: flex;
  justify-content: center;
  gap: 20px;
}
#hardskills #emoji img {
  width: 13px;
}
#hardskills #carte {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
#hardskills .card {
  background-color: #1F3052;
  width: 335px;
  text-align: center;
}
#hardskills .card h2 {
  color: #FCDDCB;
}
#hardskills .card ul {
  padding: 0;
}
#hardskills .card ul li {
  font-family: "Oswald", sans-serif;
  font-size: "14px";
  color: #FCDDCB;
  list-style-type: none;
  text-align: center;
}

/* LOGICIELS-------------------------------------------------------------------*/
#logiciels {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}
#logiciels h2 {
  color: #1F3052;
  text-align: center;
  position: relative;
}
#logiciels h2::after {
  content: "";
  position: absolute;
  background: #1F3052;
  width: 300px;
  height: 2px;
  top: -30px;
  left: 0;
  margin-left: 50%;
  transform: translate(-50%);
}

#competence {
  display: flex;
  justify-content: center;
  gap: 170px;
}
#competence .domaine h3 {
  color: #1F3052;
  text-align: center;
}
#competence .domaine img {
  width: 100px;
}

/* PROJETS-------------------------------------------------------------------*/
#projets {
  background-color: #1F3052;
  display: flex;
  padding: 20px;
  /*
  h2::after{
      content: "";
      position: absolute;
      background: $beige;
      width: 300px;
      height: 2px;
      top: 12px;
      left: 90px;
  }
  */
}
#projets h2 {
  color: #FCDDCB;
  text-align: left;
  position: relative;
}
#projets button {
  background-color: #CD6A6B;
  color: #FCDDCB;
  font-family: "Oswald", sans-serif;
  border-radius: 6px;
  text-align: center;
  animation: ease 1s;
}
#projets button:hover {
  transform: scale(1.2);
}

#projets {
  display: flex;
  justify-content: space-evenly;
}

#projets a img {
  width: 120px;
  height: 240px;
  object-fit: cover;
}

/*
#projets div a {
    width: 120px;
    display: flex;
    flex-wrap: wrap;
}
*/

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