body {
    background: rgb(171, 26, 228); 
    
}


@font-face {
    font-family: crozet;
    src: url(fonts/Crozet.woff2);
}

@font-face {
    font-family: interlope;
    src: url(fonts/Interlope.woff2);
}

@font-face {
    font-family: velvelyne;
    src: url(fonts/Velvelyne-Book.woff2);
}



.titre{
    color: rgb(208, 255, 0);
    font-family: "interlope" ; 
    text-align: right;
   
   
}

.texte{
    color: rgb(138, 246, 165);
    font-family: "velvelyne" ; 
    text-align: left;
   
   
}
body{
    animation: color 9s infinite linear;
}

@keyframes color {
    0%   { background: #ce55ed; }
     10% {background: #e25dc5;}
  20% {background: #d94fe9;}
  30%   { background: #f250b7; }
    40% { background: #ce6ee4; }
     50% {background: #f05db8;}
      60% {background: #bf5de2;}
       70% {background: #e25db1;}
        80% {background: #bc5de2;}
         90% {background: #e177aa;}
          100% {background:#ce55ed;}
  }