body {
    margin: 0;
}
p {
    position: absolute;
    right: 2%;
    bottom: -4%;
    font-size: 50px;
    color: whitesmoke;
    font-family: Brush Script MT;
}
.background {
    display: flex;
    width: 100%;
    height: 100vh;
    background-color: black;
    z-index: -1;
}
.background div{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
}
.cursor{
    position: absolute;
    animation: Ligth 10s linear infinite;
    z-index: 0;
}
@keyframes Ligth {
    0%   {box-shadow: 0 0 20vw 10vw aqua; filter: hue-rotate(0deg);}
    10%  {box-shadow: 0 0 15vw 5vw aqua;}
    20%  {box-shadow: 0 0 20vw 10vw aqua;}
    30%  {box-shadow: 0 0 15vw 5vw aqua;}
    40%  {box-shadow: 0 0 20vw 10vw aqua;}
    50%  {box-shadow: 0 0 15vw 5vw aqua;}
    60%  {box-shadow: 0 0 20vw 10vw aqua;}
    70%  {box-shadow: 0 0 15vw 5vw aqua;}
    80%  {box-shadow: 0 0 20vw 10vw aqua;}
    90%  {box-shadow: 0 0 15vw 5vw aqua;}
    100% {box-shadow: 0 0 20vw 10vw aqua;filter: hue-rotate(360deg);}
}
/* hexagon background */
.hexagon#b1{
    background-image: url("./img/hexagon.svg");
    background-size: 100px 58px;
}
.hexagon#b2{
    display: none;
}
/* celtic background */
.celtic#b1{
    background-image: url("./img/celtic.svg");
    background-size: 66px 300px;
    animation: celtic1 50s linear infinite;
}
.celtic#b2{
    background-image: url("./img/celtic.svg");
    background-size: 66px 300px;
    background-position-y: 150px;
    animation: celtic2 50s linear infinite;
}
@keyframes celtic1 {
    0%   {background-position-x:   0%;}
    100% {background-position-x: 100%;}
}
@keyframes celtic2 {
    0%   {background-position-x: 100%;}
    100% {background-position-x:   0%;}
}
/* wavesSimple background */
.wavesSimple#b1 {
    background-image: url("./img/wavesSimple.svg");
    background-size: 50px 83px;
    animation: wavesSimple1 2s linear infinite;
}
.wavesSimple#b2 {
    background-image: url("./img/wavesSimple.svg");
    background-size: 50px 83px;
    animation: wavesSimple2 2s linear infinite;
}
@keyframes wavesSimple1 {
    0%   {background-position: 50px 0px;}
    50%  {background-position: 25px 4px;}
    100% {background-position: 0px  0px;}
}
@keyframes wavesSimple2 {
    0%   {background-position: 0px  42px;}
    50%  {background-position: 25px 38px;}
    100% {background-position: 50px 42px;}
}