/* FONT FACE */
@font-face {
  font-family: "TanPearl";
  src: url("../fonts/tan-pearl.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "LeagueSpartan";
  src: url("../fonts/League_Spartan/LeagueSpartan-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "LeagueSpartan";
  src: url("../fonts/League_Spartan/LeagueSpartan-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "LeagueSpartan";
  src: url("../fonts/League_Spartan/LeagueSpartan-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "LeagueSpartan";
  src: url("../fonts/League_Spartan/LeagueSpartan-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "LeagueSpartan";
  src: url("../fonts/League_Spartan/LeagueSpartan-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* VARIABLES */
/********
* COURS *
********/
.cours {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.cours-item {
  width: 100%;
  padding: 2rem;
  margin-top: 5rem;
  background-color: #fff;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.cours-item > *:not(.btn-wave) {
  width: 100%;
}
.cours-item__titre {
  padding-top: 4rem;
  text-align: center;
}
.cours-item__image {
  position: absolute;
  height: 8rem;
  top: -5rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .cours-item {
    width: calc(50% - 2rem);
  }
}