@font-face {
    font-family: 'Kikelet Brush';
    src: url('typos/KikeletBrush.woff2') format('woff2'),
        url('typos/KikeletBrush.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Courier Std';
    src: url('typos/CourierStd.woff2') format('woff2'),
        url('typos/CourierStd.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow';
    src: url('typos/Barlow-Medium.woff2') format('woff2'),
        url('typos/Barlow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

#title{
  /*border-width: thick;
  border-color: #b4e6fa;
  border-style: double;*/
  text-align: center;
  margin-top: 40%;
  margin-bottom: 50%;
  color: #b4e6fa;
  font-size: 30vw;
  font-weight: normal;
  font-family: 'Great Vibes';
  line-height: 1;
  text-shadow: 3px 3px #1712ab;
}

#title2{
  font-size: 3vw;
  font-family: 'Courier Std';
  color: #b4e6fa;
  font-weight: bold;
  position: absolute;
  top: 90vh;
  left: 34vw;
  line-height: 0;
}

#title3{
  font-size: 3vw;
  font-family: 'Courier Std';
  color: #b4e6fa;
  font-weight: bold;
  text-align: center;
  margin-top: 95%;
}

#bonhomme1{
  position: absolute;
  margin-top: 10%;
  z-index:-1;

}

body{
  background: #1712ab;
  font-family: 'Courier Std';
  font-size: 1.6vw;
}

h2{
  font-family: 'Great Vibes';
  font-size: 25vw;
  color: #b4e6fa;
  position: relative;
  margin-bottom:0;
  line-height: 0.5;
}

article{
  padding: 30px;
}


article:nth-child(odd) h2{
  text-align: left;
  margin-left: 4%;
  padding-top: 4%;

}

article:nth-child(even) h2{
  text-align: right;
  padding-top: 4%;
  margin-top: 1%;
  top:10vh;

}

h3{
  padding-top: 10%;
  margin: 5%;
  font-size: 3vw;
  font-weight: bold;
  line-height: 1;
}

.col-container {
  display: flex; /* or inline-flex */
}

.column {
  width: 45vw;
  height: 50vw;

}


.column:nth-child(even){
  position: relative;
  top: 10vh;
  left: 2vw;
}

#conteneur{
  position: relative;
  z-index:-1;
}

#conteneur0{
 background-color: #b4e6fa;
 color: #1712ab;
 text-align: left;
}

 #conteneur1{
  background-color: #b4e6fa;
  color: #1712ab;
  text-align: right;
  /*position: relative;
  left: 6vw;
  top: 5vh;*/
}

#conteneur2{
  position: relative;
  right: 15vw;
}

#conteneur3{
  position: relative;
  top: 20vh;
}

#conteneur4{
 background-color: #b4e6fa;
 color: #1712ab;
 /*position: absolute;
 top: 70vh;
 right: 7vw;*/
}

#conteneur5{
 background-color: #b4e6fa;
 color: #1712ab;
 text-align: right;
 /*position: relative;
 left: 10vw;
 top: 20vh;*/
 z-index:1;
}

#conteneur6{
  position: relative;
  top: 15vh;
}

#conteneur7{
  position: relative;
  top: 20vh;
}

#conteneur8{
 background-color: #b4e6fa;
 color: #1712ab;
}

#conteneur9{
 background-color: #b4e6fa;
 color: #1712ab;
 text-align: right;
 position: relative;
 top: 6vh;
}

img {
  width: 100%;
  /* position: relative; */
  /* top: 10vh;
  left: 2vw; */
}

#conteneur2{
z-index:-1;
}

p {
  padding: 5%;
  line-height: 1.1;
}

#zizi{
  width: 6vw;
}

/*BONHOMME*/

#bonhomme2{
  width: 20%;
  position: absolute;
  margin-top: 185vh;
  left: 10%

}

@media print{
  @page{
    size: A5;
  }
  article{
    page-break-after: always;
  }
}