/* reset.css
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1,
h2,
h3,
h4 {
  font-family: "Manrope", sans-serif;
}

p, li, a, input, label {
  font-family: "Manrope", sans-serif;
}

/* Taille des REM en Base 10 */
html {
  font-size: 47.5%;
}

body {
  height: auto;
}

.background-search {
  background-color: #01241D;
}

.background-classic {
  background-color: #E6EAE9;
  height: 100vh;
  overflow: hidden;
}

.hide {
  display: none;
}

button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

.icon-heart::before {
  content: url(../img/icon-like.svg);
  width: 2.4rem;
  height: 2.4rem;
}

.imgpartner {
  width: auto;
  height: 56px;
}

@media (min-width: 360px) {
  html {
    font-size: 62.5%;
  }
  .hero__paragraph {
    line-height: 16px;
    font-size: 1.4rem;
  }
}
/* Style Menu */
.menu {
  position: absolute;
  width: 100%;
  bottom: 0%;
  z-index: 100;
}
.menu__title {
  display: none;
}
.menu__wrapper {
  background-color: #FFFFFF;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 1.6rem;
  height: 7.1rem;
}
.menu__text {
  display: none;
}
.menu__item {
  display: flex;
}
.menu__item--select {
  display: block;
}
.menu__link {
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.menu__item:hover .menu__link--accueil {
  background-color: rgba(1, 36, 29, 0.6156862745);
  border-radius: 50px;
  content: url(../img/icon-accueil_white.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}
.menu__item:hover .menu__link--aleatoire {
  background-color: rgba(1, 36, 29, 0.6156862745);
  border-radius: 50px;
  content: url(../img/icon-aleatoire_white.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}
.menu__item:hover .menu__link--categories {
  background-color: rgba(1, 36, 29, 0.6156862745);
  border-radius: 50px;
  content: url(../img/icon-categories_white.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}
.menu__item:hover .menu__link--populaire {
  background-color: rgba(1, 36, 29, 0.6156862745);
  border-radius: 50px;
  content: url(../img/icon-populaire_white.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}
.menu__item:hover .menu__link--contact {
  background-color: rgba(1, 36, 29, 0.6156862745);
  border-radius: 50px;
  content: url(../img/icon-contact_white.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}
.menu__link--accueil::after {
  content: url(../img/icon-accueil.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}
.menu__link--categories::after {
  content: url(../img/icon-categories.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}
.menu__link--aleatoire::after {
  content: url(../img/icon-aleatoire.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}
.menu__link--populaire::after {
  content: url(../img/icon-populaire.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}
.menu__link--contact::after {
  content: url(../img/icon-contact.svg);
  width: 32px;
  height: 32px;
  padding: 6px;
}

@media (min-width: 950px) {
  #home {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: row;
  }
  .text-bold {
    font-weight: 800;
  }
  .menu {
    width: 26.8rem;
    height: 100%;
    position: relative;
    background-color: #E6EAE9;
    border-right: 1px solid #01241D;
  }
  .menu__title {
    display: block;
    font-size: 2.4rem;
    font-weight: 500;
    padding-top: 6.2rem;
    text-align: center;
  }
  .menu__nav {
    margin-top: 3.2rem;
  }
  .menu__text {
    display: block;
    color: #01241D;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 700;
    margin-left: 1.6rem;
  }
  .menu__wrapper {
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    height: 100%;
  }
  .menu__item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .menu__item--select {
    display: block;
    width: 100%;
  }
  .menu__item--select .menu__text {
    color: #FFFFFF;
  }
  .menu__item--select .menu__link {
    background-color: #01241D;
  }
  .menu__item--select .menu__link::after {
    content: url(../img/icon-chevron_white.svg);
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .menu__link {
    background-color: #E6EAE9;
    width: 100%;
    height: 5.6rem;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    align-items: center;
    border-radius: 0;
  }
  .menu__link::after {
    content: url(../img/icon-chevron.svg);
    padding-right: 1.6rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .menu__item:hover .menu__link {
    background-color: rgba(1, 36, 29, 0.6156862745);
    border-radius: 0;
    content: none;
    width: 100%;
    height: 5.6rem;
    padding: 0;
  }
  .menu__item:hover .menu__link::after {
    content: url(../img/icon-chevron_white.svg);
  }
  .menu__item:hover .menu__text {
    color: #FFFFFF;
  }
}
.card-categories {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 40rem;
}
.card-categories__link {
  display: flex;
  align-items: center;
  text-transform: none;
  background-color: #B9EEBA;
  height: 6.6rem;
}
.card-categories__link--false {
  display: flex;
  align-items: center;
  text-transform: none;
  background-color: #F48F87;
  height: 6.6rem;
}
.card-categories__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.5rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.card-categories__title::after {
  content: url(../img/icon-arrowlink.svg);
}

.card-categories__link--false {
  display: none;
}

@media (min-width: 950px) {
  .card-categories {
    margin-bottom: 0px;
  }
}
.contact {
  margin-left: 2rem;
  margin-right: 2rem;
}
.contact__information {
  background-color: #01241D;
  display: flex;
  flex-direction: column;
  gap: 26px;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
}
.contact__coordinated {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px #FFFFFF solid;
}
.contact__title {
  font-style: normal;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 4.5rem;
  margin-top: 0rem;
}
.contact__text {
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 4.5rem;
  color: #FFFFFF;
}
.contact__link {
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 4.5rem;
  color: #FFFFFF;
}
.contact__item--facebook::before {
  content: url(../img/icon-facebook.svg);
}
.contact__item--youtube::before {
  content: url(../img/icon-youtube.svg);
}
.contact__item--podcast::before {
  content: url(../img/icon-podcast.svg);
}

@media (min-width: 950px) {
  .container {
    display: grid;
    grid-template-columns: 26.8rem 1fr 1fr;
    grid-template-rows: 6rem 1fr 1fr;
    gap: 4rem 4.8rem;
    grid-auto-flow: row;
    grid-template-areas: "menu topbar topbar" "menu content content" "menu content content";
  }
  .menu {
    grid-area: menu;
  }
  .topbar {
    grid-area: topbar;
  }
  .content {
    grid-area: content;
  }
  .contact__text {
    font-style: normal;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 4.5rem;
  }
  .contact__coordinated {
    gap: 0.8rem;
  }
  .contact__link {
    font-style: normal;
    font-weight: 600;
    font-size: 2rem;
    line-height: 4.5rem;
  }
  .contact__information {
    padding-top: 8.5rem;
    padding-bottom: 8.5rem;
    margin-top: 0rem;
  }
  .contact__title {
    font-style: normal;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 4.5rem;
    margin-top: 3.6rem;
  }
}
/* Style Accueil */
.homepage {
  background-image: url(../img/5_slider.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  overflow: hidden;
}

.accueil {
  position: relative;
  display: grid;
}

.content {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.hero {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
}
.hero__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hero__subtitle {
  display: none;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 600;
  width: 40%;
}
.hero__informations {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  gap: 16px;
}
.hero__subtitle--search {
  color: #01241D;
  font-size: 1.6rem;
  font-weight: 600;
  width: 40%;
  display: none;
}
.hero__logo {
  display: block;
  width: 4.4rem;
  height: 4.4rem;
}
.hero__title {
  overflow: hidden;
  color: #FFFFFF;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.5rem;
}
.hero__title-search {
  overflow: hidden;
  color: #01241D;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.5rem;
}
.hero__paragraph {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 20px;
}
.hero__searchbar {
  width: 100%;
  border-bottom: 0.1rem solid #FFFFFF;
  padding-bottom: 0.4rem;
  display: flex;
  flex-direction: row;
}
.hero__searchbar--search {
  width: 100%;
  border-bottom: 0.1rem solid #01241D;
  padding-bottom: 0.4rem;
  display: flex;
  flex-direction: row;
}
.hero__input {
  width: 100%;
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  font-size: 2.4rem;
  line-height: 4.5rem;
  font-weight: 600;
}
.hero__input--search {
  width: 100%;
  background-color: transparent;
  border: none;
  color: #01241D;
  font-size: 2.4rem;
  line-height: 4.5rem;
  font-weight: 600;
}
.hero__button {
  background-color: transparent;
  border: none;
  color: transparent;
}
.hero__btn {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 1.2rem;
  border-radius: 5rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.hero__btn--search {
  color: #01241D;
  border: 0.1rem solid #01241D;
  padding: 1.2rem;
  border-radius: 5rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.hero .hero__input::-moz-placeholder {
  color: #FFFFFF;
}
.hero .hero__input::placeholder {
  color: #FFFFFF;
}
.hero .hero__input:focus {
  outline: none;
}
.hero .hero__input--search::-moz-placeholder {
  color: #FFFFFF;
}
.hero .hero__input--search::placeholder {
  color: #FFFFFF;
}
.hero .hero__input--search:focus {
  outline: none;
}

.partner {
  display: none;
  gap: 1.6rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20rem;
}
.partner__text {
  color: #FFFFFF;
  font-weight: 600;
  line-height: 2rem;
  font-size: 1.4rem;
  text-align: center;
  margin-left: 5.4rem;
  margin-right: 5.4rem;
}
.partner__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 75%;
}

@media (min-width: 950px) {
  .container {
    display: grid;
    grid-template-columns: 26.8rem 1fr 1fr;
    grid-template-rows: 60px 1fr 1fr;
    gap: 8.4rem 4.8rem;
    grid-auto-flow: row;
  }
  .menu {
    grid-area: 1/1/4/2;
  }
  .main {
    grid-area: 2/2/4/4;
    width: 80%;
  }
  .topbar {
    grid-area: 1/2/2/4;
  }
  .partner {
    display: flex;
    position: inherit;
    justify-self: center;
    align-self: end;
    height: 11.1rem;
    padding-bottom: 6.2rem;
  }
  .content {
    grid-area: 2/2/3/3;
  }
  .content {
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
  }
  .partner__text {
    font-style: normal;
    font-weight: 600;
    font-size: 2rem;
    line-height: 4.5rem;
  }
  .hero__title {
    overflow: hidden;
    color: #FFFFFF;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.5rem;
  }
  .hero__logo {
    display: block;
  }
  .hero__informations {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
  }
  .hero__subtitle {
    width: auto;
    display: block;
  }
  .hero__subtitle--search {
    width: auto;
    display: block;
  }
}
@media (min-width: 321px) {
  .hero__paragraph {
    line-height: 16px;
  }
}
.topbar {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 4rem;
}

.categories {
  margin-top: 0rem;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
  gap: 2.4rem;
  flex-direction: column;
}
.categories__title {
  display: flex;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 4.5rem;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 0.1rem solid #01241D;
}
.categories__slider {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
}
.categories__link {
  display: flex;
  border-radius: 2.5rem;
  padding: 0.8rem 1.6rem;
  text-decoration: none;
  background-color: #B9EEBA;
  border: 0.1rem solid transparent;
}
.categories__link--false {
  display: flex;
  border: 0.1rem solid #01241D;
  border-radius: 2.5rem;
  padding: 0.8rem 1.6rem;
  text-decoration: none;
  background-color: transparent;
}
.categories__text {
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.categories__wrapper {
  overflow: scroll;
  height: 65rem;
}

@media (min-width: 950px) {
  .container {
    display: grid;
    grid-template-columns: 26.8rem 1fr 1fr;
    grid-template-rows: 6rem 1fr 1fr;
    gap: 3.6rem 4.8rem;
    grid-auto-flow: row;
    grid-template-areas: "menu topbar topbar" "menu categories categories" "menu categories categories";
  }
  .menu {
    grid-area: menu;
  }
  .categories {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 5rem 1fr;
    gap: 2.4rem 5rem;
    grid-auto-flow: row;
    justify-content: space-between;
    grid-area: categories;
    margin-top: 3.2rem;
  }
  .main {
    grid-area: 2/1/3/3;
  }
  .wrapper {
    grid-area: 2/1/3/2;
  }
  .hover {
    grid-area: 2/2/3/3;
  }
  .title {
    grid-area: 1/1/2/2;
  }
  .button {
    justify-self: end;
    grid-area: 1/2/2/3;
  }
  .topbar {
    grid-area: topbar;
  }
  .hover {
    width: 100%;
    height: 65rem;
    background-color: #B9EEBA;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../img/image-senior.png);
  }
}
.card-categories {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 40rem;
}
.card-categories__link {
  display: flex;
  align-items: center;
  text-transform: none;
  background-color: #B9EEBA;
  height: 6.6rem;
}
.card-categories__link--false {
  display: flex;
  align-items: center;
  text-transform: none;
  background-color: #F48F87;
  height: 6.6rem;
}
.card-categories__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.5rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.card-categories__title::after {
  content: url(../img/icon-arrowlink.svg);
}

.card-categories__link--false {
  display: none;
}

@media (min-width: 950px) {
  .card-categories {
    margin-bottom: 0px;
  }
}
.sous-cat {
  margin-left: 2rem;
  margin-right: 2rem;
}
.sous-cat__title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 45px;
}
.sous-cat__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  overflow: scroll;
  height: 57vh;
}

.red-card {
  background: #F48F87;
}

.green-card {
  background: #B9EEBA;
}

.card-content {
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: all 0.5s ease-out;
}
.card-content__advice {
  transition: all 1s ease-out;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.card-content__paragraph {
  transition: all 1s ease-out;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
}
.card-content__legend {
  display: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.card-content__likes {
  padding: 8px 12px;
  border: 1px solid #01241D;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  visibility: visible;
}
.card-content__likes::before {
  content: url(../img/icon-like.svg);
  width: 24px;
  height: 24px;
}
.card-content__button {
  border: 1px solid #01241D;
  border-radius: 50px;
  padding: 8px 12px;
}
.card-content__textbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
}
.card-content__textbtn::after {
  content: url(../img/icon-arrowmore.svg);
  transition: all 0.3s ease-out;
}
.card-content__textbtnless::after {
  content: url(../img/icon-arrowless.svg);
  transition: all 0.3s ease-out;
}
.card-content__textbtnless:hover::after {
  rotate: 45deg;
  transition: all 0.3s ease-out;
}
.card-content__textbtn:hover::after {
  rotate: 45deg;
  transition: all 0.3s ease-out;
}
.card-content__btnwrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media (min-width: 950px) {
  .sous-cat__wrapper {
    height: 650px;
    width: 80vw;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .card-content {
    width: 250px;
    height: 250px;
    justify-content: space-between;
  }
  .card-content__textbtnless:hover::after {
    rotate: -45deg;
    transition: all 0.3s ease-out;
  }
  .card-content__textbtn:hover::after {
    rotate: -45deg;
    transition: all 0.3s ease-out;
  }
}
.middle-like {
  display: none;
}

.not-like {
  display: none;
}

.wrapper-pop {
  height: 47vh;
}

.titlebar {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  justify-content: space-between;
}

@media (min-width: 950px) {
  .wrapper-pop {
    height: auto;
  }
  .titlebar {
    display: flex;
    flex-direction: row;
    gap: 0px;
    justify-content: space-between;
    margin-right: 17rem;
  }
}
.search-results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: auto;
  gap: 16px;
  height: 500px;
}

.search-results li {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  height: auto;
  max-height: 300px;
}

.search-results h3 {
  color: #01241D;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 25px;
}

.search-results p {
  color: #01241D;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
}

.search-results span {
  color: #01241D;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

@media (min-width: 950px) {
  .search-results {
    height: 650px;
  }
  .search-results {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: auto;
    gap: 16px;
    height: 650px;
  }
  .search-results li {
    width: 30%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px;
    height: auto;
    max-height: 250px;
  }
}
.aleatoire {
  margin-top: 0rem;
  display: flex;
  flex-direction: column;
  width: 81%;
  margin-right: 2rem;
  margin-left: 2rem;
}

.random-result {
  display: none;
  margin-top: 1.6rem;
  width: 100%;
  padding: 1.6rem;
  height: auto;
  min-height: 15rem;
}

.random-result h3 {
  color: #01241D;
  font-style: normal;
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.5rem;
}

.random-result p {
  color: #01241D;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.5rem;
}

.random-result span {
  font-family: "Manrope";
  color: #01241D;
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
}

.random-button {
  display: flex;
  align-self: center;
  margin-top: 1.2rem;
  border: 0.1rem solid #01241D;
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  color: #01241D;
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.5rem;
  padding: 1.4rem;
  border-radius: 5rem;
}

.random-button::after {
  content: url(../img/icon-aleatoire.svg);
  width: 3.2rem;
  height: 3.2rem;
}

@media (min-width: 950px) {
  .aleatoire {
    margin-top: 3.2rem;
  }
  .random-button {
    margin-top: 3.2rem;
  }
}/*# sourceMappingURL=style.css.map */