/* @font-face {
    font-family: 'miniature';
    src: url(../assets/Miniature.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

p{
  display: contents;
}

@font-face {
    font-family: 'avara';
    src: url('../font/avara.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "Unica";
  src: url('../font/Unica.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-kerning: normal;
}

@font-face {
  font-family: "Volta";
  src: url("https://db.onlinewebfonts.com/t/11f5536560166cbadd8ba6f850ef5500.woff")format("woff");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'snell';
  src: url('../font/SnellRoundhand.ttc') format('opentype');
  font-weight: normal;
  font-style: normal;
}

body{
  font-family: 'Unica';
  line-height: 140%;
  letter-spacing: 0.02em;
  background-color: rgb(255, 255, 255);

}

.top{
  /* mix-blend-mode: saturation; */
}

.cover{
  background-color: ivory;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
img{
  filter: blur(1px);
  top: 0;
  z-index: -1 !important;
  width: 100%;
  position: relative;
  opacity: 0.88;
  mix-blend-mode: screen;
}

.txt{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: rgb(255, 255, 255);
  z-index: 2;
  text-align: center;
  font-size: 20px;
}

.cont{
  position: fixed;
  top: 50vh;
  height: 100vh;
  width: 65vw;
  mix-blend-mode: screen;

}

.frame{
  margin-top: 15vh;
  background-color: rgb(245, 224, 146);
  /* background-color: rgb(246, 248, 169); */
  /* background-image: url(../media/img/jaune.jpeg); */
  height: 100vh;
  width: 60vw;
  background-size: cover;
  padding: 5vw;
  
  /* width: 60vw; */
  /* background-color: antiquewhite;
  padding: 80px;
  padding-top: 100px;
  padding-bottom: 120px; */
}


.a{
  margin: 3px;

}
.c1{
  display: none;
}

@media screen and (max-width: 1100px) {
  .gif{
    display: none;
  }
  body{
    margin: 0!important;
    width: 100%;
  }
  .txt{
    font-size: 32px;
    line-height: 130%;
    margin-left: 0;
  }

  .frame{
    margin: 2vh;
    top: 0;
    width: 85vw;
  }
  .cont{
    width: 85vw;
    top: unset;
  }
  .top{
    margin-top: 0vh;
  }

  .cover{
    width: 100%;
    letter-spacing: 0;
  }
  img{
    width: 100%;
    margin: 0;
  }
  .c1{
    display: block;
  }
}