/* @media screen and (max-width: 375px) { }*/
  body{
    background: linear-gradient(227deg, #330867, #0fe3e4);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 7s ease infinite;
    -moz-animation: AnimationName 7s ease infinite;
    animation: AnimationName 7s ease infinite;
  }

  @-webkit-keyframes AnimationName {
    0%{background-position:93% 0%}
    50%{background-position:0% 100%}
    100%{background-position:93% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:93% 0%}
    50%{background-position:0% 100%}
    100%{background-position:93% 0%}
}
@keyframes AnimationName {
    0%{background-position:93% 0%}
    50%{background-position:0% 100%}
    100%{background-position:93% 0%}
}

.flex-container {
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
}

.header{
  height: 30vh;
  display: flex;
  flex-direction: column;
}

.box-retour{
  height: 10%;
}

.box-date{
  display: block;
  height: 20%;
}

.contenu{
  height: 59vh;
  width: 80%;
  margin:auto;
  overflow: scroll;
}

.box-text{
  overflow: hidden;
}

.footer{
  height: 11vh;
}

.button-bottom{
  width: 5vw;
  align-content: center;}

a{
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight:200;
  font-size: 15px;
  color:white;
  padding-left:15px;
  padding-top: 12px;
  font-variant: small-caps;
  letter-spacing: 2px;
  text-decoration: none;
}

h2{
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color:white;
  text-align: center;
  font-weight: 200;
  padding-top: 10vh;
}

span{
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  color:white;
  text-align: center;
  font-weight: 300;
  line-height: 30px;
}

p{
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  text-align: left;
  color: white;
  font-weight: 200;
  line-height: 20px;
}

img{
  padding-top: 2vh;
  width: 5vw;
  margin-left:150px;
}