@font-face {
  font-family : "Space Grotesk";
  src : url(../fonts/SpaceGrotesk.ttf);
}

@font-face {
  font-family : "Montserrat Italic";
  src : url(../fonts/Montserrat-Italic.ttf);
}

@font-face {
  font-family : "Montserrat";
  src : url(../fonts/Montserrat.ttf);
}

@font-face {
  font-family : "Montserrat Black Italic";
  src : url(../fonts/Montserrat-BlackItalic.ttf);
}

body {
  left: 25%;
  position: absolute;
  /*
  background: rgb(212,17,181) fixed;
  background: linear-gradient(45deg, rgba(212,17,181,1) 18%, rgba(137,0,201,1) 70%) fixed;
  */
  background: #8900C9;
  color: white;
  margin: 20px;
  padding-bottom: 60px;
  font-family: "Space Grotesk";
  font-size: 1.4vw;
  line-height: 110%;
}

body::-webkit-scrollbar {
  width: 0.5em;
  background-color: #8900C9;
  scrollbar-width: thin;
}


body::-webkit-scrollbar-thumb {
  background-color: #FFFFFF;
  border-radius: 60px;
}

header
{
    top: 0;
    left: 0;
    width: 20%;
    position: fixed;
    margin: 20px;
    line-height: 15px;
    user-select : none;
}

#bouton_biblio
{
  padding-top: 10px;
  text-align: right;
  user-select : none;
}

#bouton_biblio:hover
{
  text-decoration: underline;
}

.ariane_abstract
{
  display: 	block;
}

#barre
{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 1;
}

.citation
{
  width: 100%;
}

.contenu_biblio
{
  pointer-events: none;
}
#chapitre1_partie_1
{
  display: flex;
}

.corps
{
  padding-top: 20px;
}

#contenu_biblio
{
  display: none;
}

.display_intro, .display_chapitre1_partie1, .display_chapitre1_partie2, .display_chapitre2_partie1, .display_chapitre2_partie2,  .display_conclusion
{
  display: none;
}

.separateur
{
  height:2px;
  border-width:0;
  color:#FF6B00;
  background-color:#FF6B00
}

#display_pause
{
  background-color: #FF6B00;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  user-select: none;
  transition: all 1000ms;
}



header .display_abstract:hover, header .display_intro:hover, header .display_chapitre1_partie1:hover, header .display_chapitre1_partie2:hover, header .display_chapitre2_partie1:hover, header .display_chapitre2_partie2:hover, header .display_conclusion:hover
{
  text-decoration: underline;
}

#decalage_barre
{
  padding-left: 10px;
}

.definition
{
  font-family: "Montserrat";
  font-size: 0.9vw;
}

.legende
{
  font-family: "Montserrat";
  font-size: 0.9vw;
  line-height: 110%;
}

img{
  width : 100%;
}

#design-actif
{
  display: flex;
  justify-content: space-around;
}
#fleche_home
{
  display: flex;
  align-items: baseline;
}

#fond_fbls
{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}



#homepage_titre
{
  display: flex;
  align-items: center;
  position: fixed;
  top: 5%;
  width: 40%;
  left: 5%;
  z-index: 1;
  gap:10px;
}

.figures
{
  padding-top: 20px;
  display: flex;
  justify-content: space-between;;
}

nav
{
  left: -20px;
  top : 10px;
  position : relative;
}

a{
  color: white;
  font-style: normal;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}



h1
{
  font-family: "Montserrat Black Italic";
  padding: 0;
  padding-bottom: 20px;
  margin: 0;
  font-size: 3rem;
}

h2
{
  font-family: "Montserrat Black Italic";
  padding: 0;
  margin: 0;
  font-size: 1.4vw;
  line-height: 1.5vw;
}

h3
{
  font-family: "Montserrat Italic";
  padding: 0;
  margin: 0;
  font-size : 1vw;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.polygon
{
  width: 2%;
  transition: all 0.25s ease-in;
  z-index: 1;
}

.polygon_home
{
  transition: all 0.25s ease-in;
}

#polygon_1, #polygon_2, #polygon_3
{
  opacity : 0%;
  z-index: 1;
}

#polygon_home_1, #polygon_home_2, #polygon_home_3
{
  opacity : 0%;
}

/*
strong{
  background: #FF6B00;
}
*/

#podcast
{
  font-size:1.5vw;
  padding: 0;
  margin: 0;
}

.sous-parties
{
  position: relative;
  padding-top: 10px;
}

.suivant
{
  font-family: "Montserrat Black Italic";
  text-align: right;
  user-select : none;
  z-index: 1;
}

.suivant:hover
{
  text-decoration: underline;
}

#header_timer
{
  padding-top: 10px;
}

#timer_stock
{
  padding-top: 10px;
}

#timer
{
  padding-top: 10px;
}
.logo
{
  width : 100%;
}

.reveal{
  opacity: 0;
  transform: translateY( -30px);
}
.reveal-visible {
  opacity: 1;
  transform: translateY(O) ;
  transition: .3s;
}