@font-face {
  font-family: 'gt-maru';
  src: url('asset/fonts/GTMaruVF-Regular.otf') format('opentype');
}

body {
    margin: 0;
    padding: 0;
    font-family: 'gt-maru', sans-serif;
}

html {
  height: 100%;
  width: 100%;
  font-family: 'gt-maru', sans-serif ;
}

&::-webkit-scrollbar {
   -ms-overflow-style: none;
   overflow: -moz-scrollbars-none;
   display: none;
   width: 0;
   background: transparent;
   background-color: transparent;
 }
 
 &::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px transparent;
   background-color: transparent;
 }
 
 &::-webkit-scrollbar-thumb {
   background-color: transparent;
 }
 * {
   scrollbar-width: none; /* Firefox implementation */
   scrollbar-color: transparent transparent;
 }
 @-moz-document url-prefix() { /* Disable scrollbar Firefox */
   html{
     scrollbar-width: none;
   }
 }

/* p{
  color: blue;
} */

.bleu{
  background-color: #1B95FF;
}

.orange{
  background-color: #FF9614;
  color: black;
}

.vert{
  background-color: #2ACA46;
  color: white;
}

.jaune{
  background-color: #FFE180;
}

.violet-fonce{
  background-color: #7C00FF;
  color: white;
}

.violet-pale{
  background-color: #E1C5FF;
  color: #7C00FF;
}

.light-yellow{
  color: #FFFF55;
}

.grey{
  color: #D9D9D9;
}

.vert-clair{
  background-color: #C4FFCF;
}

.bleu-fonce{
  background-color:#0400BF;
  color: white;
}



footer{
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

footer .logo-bobard{
  width: 25vw;
  margin: 2vw;
}

footer .top{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

footer .reseaux img{
  width: 4vw;
}

footer .reseaux{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5vw;
  margin: 3vw;
}


.title{
    font-family: 'gt-maru';
    /* z-index: 200; */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7C00FF ;
    width: 100%;
    margin-bottom: 6%;
    font-size: 2em;
    margin-top: 5vw;
}

nav{
   filter: drop-shadow(0px 21px 20px rgba(0, 0, 0, 0.25));
}