@font-face {
    font-family: "Advent Pro";
    src: url("https://feurbot.fr/fonts/AdventPro.woff2") format("woff2"),
         url("https://feurbot.fr/fonts/AdventPro.woff") format("woff");
    font-display: swap;
}

@keyframes idleFeur {
    0% {
        transform: rotate(0deg);
    }

    33% {
        transform: rotate(5deg);
    }

    66% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

  @keyframes ultrainstincbackground {
    0%{background-color: aqua;}
    33%{background-color: rgb(172, 172, 172);}
    67%{background-color: rgb(250, 250, 139);}
    100%{background-color: rgb(206, 206, 206);}
  }

body {
    background-color: aqua;
}

.idle {
    animation: idleFeur infinite 2s;
}

.feur {
    position: absolute;
    width: 15vw;
    height: auto;
    top: calc(50% - 10vw);
    left: calc(50% - 7.5vw);
    border-radius: 1vw;
    transition: 0.2s ease-out;

}

.feur:active {
    transform: scale(90%);
    filter: brightness(50%);
    transition: 0.2s ease-out;
}

.feurcounter {
    color: blue;
    font-family: "Advent Pro";
    font-size: 8vh;
    justify-self: center;
    width: fit-content;
    margin-inline: auto;
    margin-top: 7vh;
}

.cps {
    font-family: "Advent Pro";
    position: absolute;
    font-size: 2vw;
    top: calc(50% - 5vw);
    left: calc(50% + 8vw);
}

.cps::after {
    content: " cliques/seconde";

}