@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
body{
    font-family: 'Nunito', sans-serif;
    background-color: #141414;
    padding: 0;
    margin: 0;
    color: #fff;
    cursor: none;
    cursor: url('/assets/images/cursor/cursor_princ.png'), auto;
    background-image: url('/assets/images/index/bg2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: 100%;
}
body .header2{
    font-family: 'Oswald', sans-serif;
    margin-top: 5vh;
    margin-bottom: 18vh;

}
body .header3{
    font-family: 'Oswald', sans-serif;
    margin-bottom: -5vh;

}
a:-webkit-any-link {
    color: none;
    cursor: url('/assets/images/cursor/cursor_pointer.png'), auto;
    text-decoration: none;
}
p:-webkit-any-link{
    color: none;
    cursor: url('/assets/images/cursor/cursor_pointer.png'), auto;
    text-decoration: none;
}
/* Header */
header{
    margin-top: 1.5vh;
    background-position: center;
    height: 10%;
    cursor: url('/assets/images/cursor/cursor_princ.png'), auto;
}
header h1{
    text-align: center;
    font-size: 2.5vw;
    padding: 0.5vh;
    text-shadow: 0 0 5vh transparent, 0 1.5px 0.1vh rgb(0 0 0 / 90%);

}
.page-header{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.page-header h1{
    font-size: 70px;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0 0 5vh transparent, 0 1.5px 0.1vh rgb(0 0 0 / 90%);
}
/* Page prec */
.suiv-prec-btn{
    display: flex;
    justify-content: space-between;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: -0.3vh;

}
.prec-btn-text{
    margin-left: 17.5%;
    display: flex;
    justify-content: center;
    color: #f7b10a;
    background-color: #0000008f;
    border: solid 0.1vh #f7b10a;
    font-size: 0.9vw;
    padding: 1.3vh 3.3vh;
    transition: 0.2s;
}
.prec-btn-text:hover{
    display: flex;
    color: #ffd089;
    align-items: center;
    border: solid 0.1vh #f7b10a;
    background-color: #b37a00;
    transition: 0.7s;
}
.suivant-btn-text{
    margin-right: 17.5%;
    display: flex;
    justify-content: center;
    color: #f7b10a;
    background-color: #0000008f;
    border: solid 0.1vh #f7b10a;
    padding: 1.3vh 3.3vh;
    font-size: 0.9vw;
    transition: 0.2s;
}

.suivant-btn-text:hover{
    display: flex;
    color: #ffd089;
    align-items: center;
    border: solid 0.1vh #f7b10a;
    background-color: #b37a00;
    transition: 0.7s;
}

/* Footer */
.aerendir-logo-foot{
    margin-top: -3.5vh;
    margin-bottom: -3.8vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aerendir-logo-foot img{
    width: 12vw;
}

footer{
    position:sticky;
    font-family: 'Nunito', sans-serif;
    border-top: #b37a00 solid 0.1vh;
    border-bottom: #b37a00 solid 0.1vh;
    background-image: url('/assets/images/index/footer_bg.jpg');
    padding: 2.5vh;
    color: #828282;
    margin-top: 0.2vh;
}
.question-title{
    font-size: 1.8vh;
    display: flex;
    justify-content: center;
    margin-bottom: -2vh;
    text-align: center;
}
.copyright{
    display: flex;
    font-size: 1.8vh;
    justify-content: center;
    margin-bottom: -2vh;
    text-align: center;
}
a{
    font-size: 1.5vh;
    color: #828282;
}
a:hover{
    color: #ffd089;
}
.colonnes{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -1vh;
}
.colonne1{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 27vh;
}
.colonne2{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 50vh;
    margin-top: -2vh;

}
/* width */
::-webkit-scrollbar {
    width: 1vh;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0.1vh grey; 
    border-radius: 1vh;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #ffa41b; 
    border-radius: 0.1vh;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #ffa41b; 
  }