body {
    background-image: url(imgs/bks/bkbod.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .navbarColor {
    background-color: #b4c4bae1;
 
  }
  /* -------------------------- HOME -------------------------- */
  #firstTitle {
    /* color: #ecb318; */
    color: #db7600;
    /* color: rgb(189, 167, 95); */
    font-size: 10rem;
    /* color: #678018; */
    /* font-family: 'RocknRoll One', sans-serif; */
    font-family: 'brother_demoregular';
    /* font-family: 'Leckerli One', cursive; */
  }

  #parallax {
    position: relative;
    background-image: url(imgs/bks/bk5.png), url(imgs/bks/bk4.png), url(imgs/bks/bk3.png), url(imgs/bks/bk2.png), url(imgs/bks/bk1.png);
    /* background-image: url(imgs/bk6.png), url(imgs/bk5.png), url(imgs/bk4.png), url(imgs/bk3.png), url(imgs/bk2.png), url(imgs/bk1.png); */

    background-repeat: no-repeat;
    background-position: center;
    background-position: 50% 50%;
    min-height: 100vh;
    background-size: cover;
  }

  #btnJouer {
    margin-top: 230px !important;
    padding: 15px 50px 15px 50px;
    font-size: 1.3rem;
    border-radius: 50px;
    background-color: #fefae0;
    color: #283618;
    /* color: #8fb360; */
    border: none;
  }

  #btnJouer:hover {
    transform: scale(1.2);
    transition: all ease 0.5s;
  }

  .notreProjet {
    background-image: linear-gradient(to bottom, #8a4029, black);
    /* #34190c */
    color: rgb(247, 243, 230);
  }


  @media screen and (max-width: 1250px) {

    #firstTitle {
      font-size: 5rem;
    }

  }