/*PAGE D'ACCUIL*/
 @font-face {
       font-family: Caveat, cursive;
    src: url('fonts/Caveat-VariableFont_wght.ttf');

    font-weight: normal;
    font-style: normal;}

    body 



#background
{   position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url("images/Background.jpg") no-repeat center;
    background-size: cover;
    z-index: -1;
 }



/*BOUTONS Entrer*/

.home a
{   background: none;
    color:rgb(200,200,200);
    text-decoration: none;
}

.home
{
    color: white;
     font-family: 'Caveat', cursive;
     font-weight: 400;
  /*   overflow: hidden;*/
  overflow-x: hidden;
  overflow-y: hidden;
}


#home a:hover
{
    padding: 10px 10px;
    color:white;
    text-decoration: none;
    font-family: 'Caveat', cursive;
    font-weight: 700;
}


#bgLeft
{
    position: fixed;
    left: 0%;
top: 0%;
height: 100vh;
width: 10%;

}
      
#bgRight
{
    position: fixed;
    right: 0%;
    top: 0%;
    height: 100vh;
    width: 10%;
}

#bgTop
{
    position: fixed;
    top: 0%;
   left: 0%;
    right: 0%;
    width: 100%;
    height: 10vh;
}

#bgBottom
{
    position: fixed;
    bottom: 0%;
   left: 0%;
   right: 0%;
    width: 100%;
    height: 10vh;
}

.background
{   
    z-index: -1;
}
.scrollbar
{overflow-y: scroll;
overflow-x: hidden;
  scrollbar-color: white rgb(5,5,5);
scrollbar-width: thin;

}

}

@-moz-document url-prefix() {
.scrollbar {
    overflow-y: scroll;
overflow-x: hidden;}
  scrollbar-color: white rgb(10,10,10);
scrollbar-width: thin;

}
}