/* Webfont: UnormativeFraktur */
@font-face {
    font-family: 'UnormativeFraktur';
    src: url('../unormative-fraktur-main/UnormativeFraktur.woff') format('woff'), /* Modern Browsers */
         url('../unormative-fraktur-main/UnormativeFraktur-SVG.woff2') format('woff2'), /* Modern Browsers */
         url('../unormative-fraktur-main/UnormativeFraktur-SVG.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
background-color: black;
display: grid;
grid-template-areas: 
"titre titre titre titre"
"intro intro intro intro"
"manifeste manifeste manifeste manifeste"
"outro outro outro outro"
"signature signature signature signature"
". accueil poitevin .";
grid-template-columns: 582px 100px 100px 582px ;
grid-template-rows: 1050px 850px 8750px 1800px 500px 100px;
}

.accueil {
    grid-area: accueil;
    text-align: center;
}

.poitevin {
    grid-area: poitevin;
    text-align: center;
}

.titre {
    grid-area: titre;
    text-align: right;
}

h1 {
color: white;
font-family:'UnormativeFraktur';
font-size: 120px;
text-shadow:
  -10px -10px 10px #aaa,
  20px 20px 10px #b81f00,
  20px 2px 30px #9b621e,
  -25px 15px 13px rgba(216, 239, 68, 0.657);
}

.intro {
    margin-right:300px;
    margin-left: 300px;
    grid-area: intro;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 42px;

}


.manifeste {
    margin-right:300px;
    margin-left: 300px;
    grid-area: manifeste;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 42px;

}

.outro {
        margin-right:300px;
    margin-left: 300px;
    grid-area: outro;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 42px;
}

.signature {
    margin-right:300px;
    margin-left: 300px;
    grid-area: signature;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 37px;
    text-align: right;

}
@keyframes floating {
    0% { transform: translatey(0px); }
    50%  { transform: translatey(17px); }
    100%   { transform: translatey(0px); }    
}


.manif {
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;

}


.festin {
    animation-name: floating;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;

}

.debrouille {
animation-name: floating;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;

}




p {
color: white
}