/*
Theme Name: Blank
Theme URI:
Author:
Author URI:
Description:
Version: 1.0
License:
License URI:
Text Domain:
Tags:
*/
@import "stylesheets/screen.css";

/* Background 1 */

.background-custom1 {
  background-color: hsla(200, 100%, 17%, 1);
  background-image:
    radial-gradient(at 0% 0%, hsla(153, 63%, 56%, 1) 0px, transparent 50%),
    radial-gradient(at 80% 29%, hsla(263, 76%, 35%, 1) 0px, transparent 50%),
    radial-gradient(at 21% 64%, hsla(250, 58%, 57%, 1) 0px, transparent 50%);

  background-size: 150% 150%;
  animation: background-custom1 15s infinite ease-in-out;
}

@keyframes background-custom1 {
  0% {
    background-position: 0% 0%;
  }

  25% {
    background-position: 70% 50%;
  }

  50% {
    background-position: 50% 70%;
  }

  100% {
    background-position: 0% 0%;
  }
}

/* Background 2 */

.background-custom2 {
  background-color: hsla(200, 100%, 17%, 1);
  background-image:
    radial-gradient(at 100% 100%, hsla(153, 61%, 55%, 1) 0px, transparent 50%),
    radial-gradient(at 16% 17%, hsla(153, 61%, 55%, 0.84) 0px, transparent 50%),
    radial-gradient(at 100% 0%, hsla(249, 57%, 56%, 1) 0px, transparent 50%),
    radial-gradient(at 23% 85%, hsla(250, 58%, 57%, 1) 0px, transparent 50%);

  background-size: 125% 125%;
  animation: background-custom2 15s infinite ease-in-out;
}

@keyframes background-custom2 {
  0% {
    background-position: 30% 10%;
  }

  25% {
    background-position: 70% 50%;
  }

  50% {
    background-position: 50% 70%;
  }

  100% {
    background-position: 30% 10%;
  }
}








/* Sauvegarde Seb
.bg-anima{
  background-color:hsla(219,62%,18%,1);
background-image:
radial-gradient(at 14% 20%, hsla(152,100%,56%,0.82) 0px, transparent 50%),
radial-gradient(at 27% 73%, hsla(240,55%,56%,0.85) 0px, transparent 50%),
radial-gradient(at 88% 16%, hsla(233,57%,29%,1) 0px, transparent 50%),
radial-gradient(at 90% 84%, hsla(218,62%,18%,1) 0px, transparent 50%);

animation: gradient 16s ease infinite;
  background-size: 150% 150%;
}

@keyframes gradient {
0% {
  background-position: 20% 0%;
}
25% {
  background-position: 100% 50%;
}
50% {
  background-position: 50% 70%;
}
100% {
  background-position: 0% 20%;
}
} */