@charset "UTF-8";

html {
    padding-top :5px;
    padding-left : 10px;
    background-color : rgba(204, 0, 255, 0.363);
}
  
p {
  font-size: 22px;
}

/*body {
  padding-top :1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom : 5px;
  margin-left : 0px;
  background-color : rgba(255, 0, 55, 0.575);
}*/
  
.header {
    margin-top: 15px;
    width : 100%;
    height : 100px;
    background-color : #f88787;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    border-radius: 5% / 50%;
    background: linear-gradient(90deg,rgb(250, 95, 121) 0%,rgb(247, 133, 57) 100%);
    background-size: auto;
    color: #fff;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    padding: 30px 0;
   
  }
  @keyframes gradient{
  0%{background-position:0 50%}
  50%{background-position:100% 50%}
  100%{background-position:0 50%}
  }

   
.header p {             
  color : white;
}

.header h1{
  color : rgb(255, 255, 255);
}

.titre{
  color: rgb(255, 255, 255);
  padding-top: 10px;
}


.footer {
  background: linear-gradient(90deg,rgb(250, 95, 121) 0%,rgb(255, 162, 100) 100%);
  background-size: auto;
  color: #fff;
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
  padding: 25px 0;
  border-radius: 30px;
}
@keyframes gradient{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}

.footer p{
margin-left: 10px;
}



/*--------------------------------*/