@media all{
    body{
        background-image: url('../img/Motif-boypixel.png');
        animation-name: BackgroundScrolling;
        animation-duration: 10s;
        animation-delay: 0s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        animation-play-state: running;
        animation-timing-function: linear;
        -webkit-animation-name: BackgroundScrolling;
        -webkit-animation-duration: 10s;
        -webkit-animation-delay: 0s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        -webkit-animation-play-state: running;
        -webkit-animation-timing-function: linear;

    }
    
    img{
        display: block;
        margin: 0 auto;
    }
    h1,h2,h3,h4,h5,h6{
        color:#8691ff;
    }
    h1{
      font-family: 'CaptainMarvel';
      text-shadow: 5px 5px 5px #66ffb5;
      text-align: center;
    }
    
    .centered{
        display: block;
        text-align: center;
    }
    
    .whity{
        background: white;
        box-shadow: 2px 2px 3px grey,-2px -2px 3px grey;
        width: 60vh;
        height: 100vh;
        display: block;
        margin: 0 auto;
    }
 
@font-face {
    font-family: 'CaptainMarvel';
    src: url('../CaptainMarvel/CaptainMarvel.otf') format('otf');
    font-weight: normal;
    font-style: normal;

}

  @keyframes BackgroundScrolling {
    from {
      background-position: 0px 0px;
    }
    to {
      background-position: -160px -310px;
    }
  }
  @keyframes BackgroundScrolling2 {
    from {
      background-position: 0px 50%;
    }
    to {
      background-position: 960px 50%;
    }
  }
  .linearfooter{
    background: -webkit-linear-gradient(to right, #2962FF, #60e7ff);
    background: -moz-linear-gradient(to right, #2962FF, #60e7ff);
    background: -o-linear-gradient(to right, #2962FF, #60e7ff);
    background: linear-gradient(to right, #2962FF, #60e7ff);
    width: 100%;
    margin: 20px auto 0;
    font-size: 2em;
    text-align: center;
    vertical-align: middle;
  }

   .spacefooter{
    background-position: 0px 0px;
    font-family: 'CaptainMarvel';
    display: inline-block;
    font-weight: 900;
    font-size: 20em;
    background: url("https://boypixel.fr/wp-content/uploads/2022/05/Motif-boypixel125.png") repeat;
    background-size: 54%;
    background-attachment: scroll;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-name: BackgroundScrolling;
    animation-duration: 10s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-play-state: running;
    animation-timing-function: linear;
    -webkit-animation-name: BackgroundScrolling;
    -webkit-animation-duration: 10s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    -webkit-animation-timing-function: linear;
  }

   .spacefooter>sup{ background-color: rgba(135,148,235,.4);
        font-family: 'techno_hideoregular';
         background: url("https://boypixel.fr/wp-content/uploads/2022/05/Motif-boypixel125.png") repeat;
        background-position: 0px 0px;
        background-size:84%;
        background-attachment: scroll;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
          animation-name: BackgroundScrolling;
    animation-duration: 10s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-play-state: running;
    animation-timing-function: linear;
    -webkit-animation-name: BackgroundScrolling;
    -webkit-animation-duration: 10s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    -webkit-animation-timing-function: linear;
    }
span.site-description{
     font-family: 'techno_hideoregular';
}

}