* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --color-primary: #191d2b;
  --color-secondary: #27ae60;
  --color-white: #ffffff;
  --color-black: #000;
  --color-grey0: #f8f8f8;
  --color-grey-1: #dbe1e8;
  --color-grey-2: #b2becd;
  --color-grey-3: #6c7983;
  --color-grey-4: #454e56;
  --color-grey-5: #2a2e35;
  --color-grey-6: #12181b;
  --color-grey-7: #d3d3d3;
  --br-sm-2: 14px;
  --box-shadow-1: 0 3px 15px rgba(0, 0, 0, 0.3);
  --test: rgb(39, 174, 96, 0.95);
}

html,
body {
  height: 100%;
}

body {
  background-color: var(--color-primary);
  font-family: "Poppins", sans-serif;
  font-size: 1.1rem;
  color: var(--color-white);
  transition: all 0.4s ease-in-out;
}

.detail {
  padding-top: 2rem;
}
.detail .container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.detail .container a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
}
.detail .container a .img {
  width: 20%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1.5rem;
  border-radius: 25px;
  box-shadow: 4px 5px 20px var(--color-white);
}
.detail .container a .img-1 {
  width: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1.5rem;
  border-radius: 25px;
  box-shadow: 4px 5px 20px var(--color-white);
}
.detail .container .text .title {
  text-align: center;
}
.detail .container .text .texte {
  text-align: center;
  padding-top: 1rem;
}
.detail .container .desc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
  border: 2px solid;
  padding: 1rem;
  border-radius: 20px;
}
.detail .container .desc .subject {
  font-size: 1.2rem;
  text-decoration: underline;
  font-weight: 600;
}

.retour {
  border: 2px solid var(--color-white);
  position: absolute;
  top: 10%;
  left: 5%;
  background-color: rgb(60, 60, 60);
  border-radius: 10px;
  box-shadow: 1px 1px 10px var(--color-white);
}
.retour a {
  color: var(--color-white);
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.retour a svg {
  width: 40px;
  padding: 0.5rem;
}/*# sourceMappingURL=club-photo.css.map */