.is_titre1{
  font-size: 6vw;
}
.is_titre2{
  font-size: 2vw;
}
.is_titre3{
  font-size: 1.5vw;
}
.is_titre4{
  font-size: 1.1vw;
}
.is_little{
  font-size: 0.8vw;
}
.enum{
  font-size: 15vw;
  position: absolute;
  z-index: -1;
  color:rgba(0, 0, 0, 0.048);
}

.is_black {
  color: black!important;
}
.is_white{
  color: white;
}
.is_gray{
  color: rgb(196, 196, 196);
}
.is_red{
  color:red;
}
h1{
  padding: 0;
  margin: 0;
}

.resp{
  display: none;
}
.justi{
  text-align: justify;
}






/* MENU */

.menu-toggle {
  width: 40px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  z-index: 10;
  position: fixed;
  top:5%;
  right:3%;
}
#menu{
  width: 80%;
  height:auto;
}
#nav_appear{
  width: 0%;
  height:0%;
  background-color: #141414;
  position: fixed;
  top:5%;
  right: 8%;
  z-index: 100;
  text-align: center;
  overflow: hidden;
  padding-top: 1%;
  transition: height 1s ease,
  width 0.5s ease;
}
.margin_top_nav{
  margin-top: 3%;
}
.underline{
  width: fit-content;
  border-bottom: 1px solid rgba(0, 0, 0, 0.219);
  margin: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  animation: reflowFix 0.01s;
}
@keyframes reflowFix {
  from { opacity: 1; }
  to { opacity: 0.99; }
}

.under_white{
  border-bottom: 1px solid rgb(255, 255, 255)!important;
}
.el_nav{
  cursor: pointer;
}
#menu_nav{
  margin-top: 13%;
}
.is_first{
  margin-top: 10%;
}
.to_oppa{
  opacity: 1;
}
.to_oppa_0{
  opacity: 0;
}
a{
  text-decoration: none;
  color:white;
}
.margin_top{
  margin-top: 2%;
}


.menu-toggle {
  -webkit-tap-highlight-color: transparent;
}
.menu-toggle,
.menu-toggle img {
  outline: none;
  background-color: transparent;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

button {
  -webkit-tap-highlight-color: transparent;
}
button {
  outline: none;
  background-color: transparent;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}
.el_nav{
    -webkit-tap-highlight-color: transparent;
}
.el_nav{
  outline: none;
  background-color: transparent;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}



/* TEXT FIRST IMAGE*/

#titre_mast{
  position: absolute;
  top:60px;
  left:7%;
  z-index: 1;
  width: 50%;
  height: fit-content;
}
#first_name{
  letter-spacing: 6px;
  width: fit-content;
  border-bottom: 1px solid rgba(255, 255, 255, 0.295);
}
.name_mast{
  letter-spacing: 7px;
  display: block;
  font-weight: bold;
  unicode-bidi: isolate;
}
#line0{
  width: 3%;
  height:1px;
  background-color: rgb(255, 255, 255);
}
.is_text_deco{
  letter-spacing: .2em;
  text-decoration: none;
  display: flex;
  width: 100%;
  align-items: center;
  gap:1%;
}













.is_sarah_bound{
  font-family: 'Sarabun', sans-serif;
}
.cinzel {
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
}


.playfair-display {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: 1px;
}

.playfair-display-bold {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: 1px;
  font-weight: bold;
}



.poppins-thin {
  font-family: "Poppins", serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", serif;
  font-weight: 200;
  font-style: normal;
}




@media (max-width: 800px) {
  #nav_appear{
    right: 10%;
  }
  #menu{
    width: 55%;
  }
  body{
    font-size: 1.5vw;
    overflow-x: hidden;
  }
  .light{
    font-size: 1.05vw;
  }
  .is_text_deco{
    letter-spacing: .2em;
      text-decoration: none;
  }
  .is_titre1{
    font-size: 3.75vw;
  }
  .is_titre2{
    font-size: 1.5vw;
  }
  .is_titre3{
    font-size: 1.4vw;
  }
  .is_titre5{
    font-size: 1.5vw;
  }
  .is_little{
    font-size: 1.05vw;
  }
}

@media (max-width: 700px) {
  body{
    font-size: 3vw;
    overflow-x: hidden;
  }
  .light{
    font-size: 2.1vw;
  }
  .is_text_deco{
    letter-spacing: .2em;
      text-decoration: none;
  }
  .is_titre1{
    font-size: 7.5vw;
  }
  .is_titre2{
    font-size: 3vw;
  }
  .is_titre3{
    font-size: 2.8vw;
  }
  .is_titre5{
    font-size: 3vw;
  }
  .is_little{
    font-size: 2.1vw;
  }
  .no_resp{
    display: none!important;
  }
  .resp{
    display: block;
  }
  #nav_appear{
    right: 10%;
  }
  #last_name{
    margin-top: 1%;
    padding-bottom:1%;
  }
  #first_name{
    padding-bottom: 1%;
  }
  .livre_command_{
    width: 90%;
  }
}


@media (max-width: 500px) {

  body{
    font-size: 4vw;
  }
  .light{
    font-size: 2.5vw;
  }
  .is_text_deco{
    letter-spacing: .2em;
  }
  .is_titre1{
    font-size: 8.5vw;
  }
  .is_titre2{
    font-size: 4vw;
  }
  .is_titre3{
    font-size: 3.8vw;
  }
  .is_titre5{
    font-size: 4vw;
  }
  .is_little{
    font-size: 3.1vw;
  }
  #nav_appear{
    right: 50px;
  }

}