gameStylesheet.css

.gameLostPokemonName{
    cursor: url('./src/files/pokeball.png'),
    pointer;
    text-shadow: 2px 2px black;
    color:red;
    transition-duration: 1.0s;
    font-size:120px;
}

.gameBodyBackground{
    text-align:center;
    opacity:0.95;
    transition-duration:1.0s;
    background-blend-mode: screen;
    background-image: url('https://raw.githubusercontent.com/Aatmaj-Zephyr/Hangman/main/WallpaperDog-743770.jpg');
    background-color: rgba(255,255,255,0.8);
}

.wordProgress{
    cursor: url('./src/files/pokeball.png'), pointer;
    color:blue;
    background-color:Pink;
    border-radius: 12px;
    transition-duration: 0.8s;
    font-size:70px;
    padding:10px;
}

.wrongGuess{
    transition-duration: 0.8s;
    background-color:Red;
    font-size: 25px;
    animation-name: effect;
    animation-duration: 0.1s;
    animation-iteration-count: 7;
    color:White;
    cursor: not-allowed;
    opacity:0.8;
}

.correctGuess{
    transition-duration: 0.8s;
    background-color:lime;
    font-size: 25px;
    color:white;
    cursor: not-allowed;
    opacity:0.95;
}

.retryButton {
    color:red;
    font-size:25px;
    background-color:aqua;
    animation: slideMe .70s ease-in;
}

.winText{
    text-shadow: 2px 2px black;
    color:lime;
    transition-duration: 1.0s;
    font-size:160px
}

.winButton{
    color:lime;
    font-size:25px;
    background-color:yellow;
    animation: slideMe .70s ease-in;
}

#welcome.roundPassed{
    color:lime;
    font-size:30px;
    animation: slideMe .70s ease-in;
}

.bodyImshow{
    text-align:center;
    background-color: white;
    transition-duration:2.0s;
}

.imageImshow{
    cursor:url('./src/files/pokeball-hover.png'), pointer;
    width:15%;
    animation: appear 1.5s 1;

}