body{
margin: 0;
overflow-y: hidden;
overflow-x: scroll;
position: absolute;
font-size: 12pt;
padding-right: 800vw;
font-family: monospace;
background-color: HoneyDew;
}

header{
padding:20px 0 0 ;
margin-left: 20px;
margin-top: 0;

display: grid;
}


.replace{
text-decoration: dotted underline;
text-shadow: 0px 8px 3px #FFCCDE;
}

.replace:hover{
text-decoration: dotted underline;
font-style: italic;
text-shadow: none;
}

a{
color: blue;
text-decoration: dashed underline;
margin-left: 100px;
}

a:hover{
font-style: italic;
color: blue;
}

i{
text-shadow: 0px 8px 3px DarkGray;
}

main{
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
margin-right: 50vw;
padding-right: 50vw;
position: relative;
height: calc(100vh - 16px);
gap: 8%;
}

section{
padding: 0 8px;
position: relative;
height: calc(100% - 2px);
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 2%;
}

.item-flexible{
position: relative;
display: inline-block;
}

/*
#intro{
width: 500px;
margin: 44px;
}
*/

#txt{
width: 620px;
margin: 44px;
}

img{
margin-bottom: 250px;
}

.item-flex-faire-face{
margin-bottom: 250px;
}

.faire-face {
height: 800px;
width:1500px; 
margin: 20px;
}