/*Making screen size for all skins*/
.s0,
.sA,
.s1,
.s2,
.s3,
.s4,
.s5,
.s6,
.hd {
    width: 100vw;
    height: 100dvh;
    position: relative;
}

/*Skin 0 - Player 2*/ 

.s0 .player {
    background-image: url(../img/sprites/skins/normal/Flying.gif);
}

.s0 .playerPaused {
    background-image: url(../img/sprites/skins/normal/Stopped.png);
}

.s0 .upping {
    background-image: url(../img/sprites/skins/normal/Upping.png);
    animation-name: uppingGhost;
    animation-duration: .58s;
}

.s0 .falling {
    background-image: url(../img/sprites/skins/normal/Falling.png);
    animation-name: fallingGhost;
    animation-duration: .8s;
}


.s0 .fire {
    background-image: url(../img/sprites/skins/normal/Fire.gif);
}

.s0 .relaxing {
    background-image: url(../img/sprites/skins/normal/Relaxing.gif);
}

.s0.homeGhost1,
.s0.homeGhost2,
.s0.runningGhost1,
.s0.runningGhost2 {
    background-image: url(../img/sprites/skins/normal/Flying.gif);
}

.s0 .ghostScore {
    background-image: url(../img/sprites/skins/normal/Flying.gif);
}

.s0 .ghostWon {
    background-image: url(../img/sprites/skins/normal/Flying.gif);
}

.s0 .ghostLose {
    background-image: url(../img/sprites/skins/normal/Flying.gif);
}

.s0 .trail {
    background-image: url(../img/sprites/skins/normal/Flying.gif);
}

.s0 .paused .trail {
    background-image: url(../img/sprites/skins/normal/Stopped.png);
}

/*Skin A - Female Ghost*/

.sA .player {
    background-image: url(../img/sprites/skins/female/Flying.gif);
}

.sA .playerPaused {
    background-image: url(../img/sprites/skins/female/Stopped.png);
}

.sA .upping {
    background-image: url(../img/sprites/skins/female/Upping.png);
    animation-name: uppingGhosts1;
    animation-duration: .58s;
}

@keyframes uppingGhosts1 {
    0% {
        background-image: url(../img/sprites/skins/female/Upping.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/female/Upping.gif);
    }
}

.sA .falling {
    background-image: url(../img/sprites/skins/female/Falling.png);
    animation-name: fallingGhosts1;
    animation-duration: .8s;
}

@keyframes fallingGhosts1 {
    0% {
        background-image: url(../img/sprites/skins/female/Falling.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/female/Falling.gif);
    }
}

.sA .fire {
    background-image: url(../img/sprites/skins/female/Fire.gif);
}

.sA .relaxing {
    background-image: url(../img/sprites/skins/female/Relaxing.gif);
}

.sA.homeGhost1,
.sA.homeGhost2,
.sA.runningGhost1,
.sA.runningGhost2 {
    background-image: url(../img/sprites/skins/female/Flying.gif);
}

.sA .ghostScore {
    background-image: url(../img/sprites/skins/female/Flying.gif);
}

.sA .ghostWon {
    background-image: url(../img/sprites/skins/female/Flying.gif);
}

.sA .ghostLose {
    background-image: url(../img/sprites/skins/female/Flying.gif);
}

.sA .trail {
    background-image: url(../img/sprites/skins/female/Flying.gif);
}

.sA .paused .trail {
    background-image: url(../img/sprites/skins/female/Stopped.png);
}

.prodSA {
    background-image: url(../img/sprites/skins/female/Flying.gif);
}

/*Skin 1 - TranspGhost*/

.s1 .player {
    background-image: url(../img/sprites/skins/transpGhost/Flying.gif);
}

.s1 .playerPaused {
    background-image: url(../img/sprites/skins/transpGhost/Stopped.png);
}

.s1 .upping {
    background-image: url(../img/sprites/skins/transpGhost/Upping.png);
    animation-name: uppingGhosts2;
    animation-duration: .58s;
}

@keyframes uppingGhosts2 {
    0% {
        background-image: url(../img/sprites/skins/transpGhost/Upping.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/transpGhost/Upping.gif);
    }
}

.s1 .falling {
    background-image: url(../img/sprites/skins/transpGhost/Falling.png);
    animation-name: fallingGhosts2;
    animation-duration: .8s;
}

@keyframes fallingGhosts2 {
    0% {
        background-image: url(../img/sprites/skins/transpGhost/Falling.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/transpGhost/Falling.gif);
    }
}

.s1 .fire {
    background-image: url(../img/sprites/skins/transpGhost/Fire.gif);
}

.s1 .relaxing {
    background-image: url(../img/sprites/skins/transpGhost/Relaxing.gif);
}

.s1.homeGhost1,
.s1.homeGhost2,
.s1.runningGhost1,
.s1.runningGhost2 {
    background-image: url(../img/sprites/skins/transpGhost/Flying.gif);
}

.s1 .ghostScore {
    background-image: url(../img/sprites/skins/transpGhost/Flying.gif);
}

.s1 .ghostWon {
    background-image: url(../img/sprites/skins/transpGhost/Flying.gif);
}

.s1 .ghostLose {
    background-image: url(../img/sprites/skins/transpGhost/Flying.gif);
}

.s1 .trail {
    background-image: url(../img/sprites/skins/transpGhost/Flying.gif);
}

.s1 .paused .trail {
    background-image: url(../img/sprites/skins/transpGhost/Stopped.png);
}

.prodS1 {
    background-image: url(../img/sprites/skins/transpGhost/Flying.gif);
}

/*Skin 2 - Dog Ghost*/

.s2 .player {
    background-image: url(../img/sprites/skins/dogGhost/Flying.gif);
    border-radius: 0;
}

.s2 .shield {
    border-radius: 100%;
}

.s2 .playerPaused {
    background-image: url(../img/sprites/skins/dogGhost/Stopped.png);
}

.s2 .upping {
    background-image: url(../img/sprites/skins/dogGhost/Upping.png);
    animation-name: uppingGhosts3;
    animation-duration: .58s;
}

@keyframes uppingGhosts3 {
    0% {
        background-image: url(../img/sprites/skins/dogGhost/Upping.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/dogGhost/Upping.gif);
    }
}

.s2 .falling {
    background-image: url(../img/sprites/skins/dogGhost/Falling.png);
    animation-name: fallingGhosts3;
    animation-duration: .8s;
}

@keyframes fallingGhosts3 {
    0% {
        background-image: url(../img/sprites/skins/dogGhost/Falling.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/dogGhost/Falling.gif);
    }
}

.s2 .fire {
    background-image: url(../img/sprites/skins/dogGhost/Fire.gif);
}

.s2 .relaxing {
    background-image: url(../img/sprites/skins/dogGhost/Relaxing.gif);
    border-radius: 100%;
}

.s2.homeGhost1,
.s2.homeGhost2,
.s2.runningGhost1,
.s2.runningGhost2 {
    background-image: url(../img/sprites/skins/dogGhost/Flying.gif);
}

.s2 .ghostScore {
    background-image: url(../img/sprites/skins/dogGhost/Flying.gif);
}

.s2 .ghostWon {
    background-image: url(../img/sprites/skins/dogGhost/Flying.gif);
}

.s2 .ghostLose {
    background-image: url(../img/sprites/skins/dogGhost/Flying.gif);
}

.s2 .trail {
    background-image: url(../img/sprites/skins/dogGhost/Flying.gif);
}

.s2 .paused .trail {
    background-image: url(../img/sprites/skins/dogGhost/Stopped.png);
}

.prodS2 {
    background-image: url(../img/sprites/skins/dogGhost/Flying.gif);
}

/*Skin 3 - Cat Ghost*/
.s3 .player {
    background-image: url(../img/sprites/skins/catGhost/Flying.gif);
    border-radius: 0;
}

.s3 .playerPaused {
    background-image: url(../img/sprites/skins/catGhost/Stopped.png);
}

.s3 .shield {
    border-radius: 100%;
}

.s3 .upping {
    background-image: url(../img/sprites/skins/catGhost/Upping.png);
    animation-name: uppingGhosts4;
    animation-duration: .58s;
}

@keyframes uppingGhosts4 {
    0% {
        background-image: url(../img/sprites/skins/catGhost/Upping.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/catGhost/Upping.gif);
    }
}

.s3 .falling {
    background-image: url(../img/sprites/skins/catGhost/Falling.png);
    animation-name: fallingGhosts4;
    animation-duration: .8s;
}

@keyframes fallingGhosts4 {
    0% {
        background-image: url(../img/sprites/skins/catGhost/Falling.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/catGhost/Falling.gif);
    }
}

.s3 .fire {
    background-image: url(../img/sprites/skins/catGhost/Fire.gif);
}

.s3 .relaxing {
    background-image: url(../img/sprites/skins/catGhost/Relaxing.gif);
    border-radius: 100%;
}

.s3.homeGhost1,
.s3.homeGhost2,
.s3.runningGhost1,
.s3.runningGhost2 {
    background-image: url(../img/sprites/skins/catGhost/Flying.gif);
}

.s3 .ghostScore {
    background-image: url(../img/sprites/skins/catGhost/Flying.gif);
}

.s3 .ghostWon {
    background-image: url(../img/sprites/skins/catGhost/Flying.gif);
}

.s3 .ghostLose {
    background-image: url(../img/sprites/skins/catGhost/Flying.gif);
}

.s3 .trail {
    background-image: url(../img/sprites/skins/catGhost/Flying.gif);
}

.s3 .paused .trail {
    background-image: url(../img/sprites/skins/catGhost/Stopped.png);
}

.prodS3 {
    background-image: url(../img/sprites/skins/catGhost/Flying.gif);
}

/*Skin 4 - Mecha Ghost*/
.s4 .player {
    background-image: url(../img/sprites/skins/mechaGhost/Flying.gif);
    border-radius: 0;
}

.s4 .playerPaused {
    background-image: url(../img/sprites/skins/mechaGhost/Stopped.png);
}

.s4 .shield {
    border-radius: 100%;
}

.s4 .upping {
    background-image: url(../img/sprites/skins/mechaGhost/Upping.png);
    animation-name: uppingGhosts5;
    animation-duration: .58s;
}

@keyframes uppingGhosts5 {
    0% {
        background-image: url(../img/sprites/skins/mechaGhost/Upping.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/mechaGhost/Upping.gif);
    }
}

.s4 .falling {
    background-image: url(../img/sprites/skins/mechaGhost/Falling.png);
    animation-name: fallingGhosts5;
    animation-duration: .8s;
}

@keyframes fallingGhosts5 {
    0% {
        background-image: url(../img/sprites/skins/mechaGhost/Falling.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/mechaGhost/Falling.gif);
    }
}

.s4 .fire {
    background-image: url(../img/sprites/skins/mechaGhost/Fire.gif);
}

.s4 .relaxing {
    background-image: url(../img/sprites/skins/mechaGhost/Relaxing.gif);
    border-radius: 100%;
}

.s4.homeGhost1,
.s4.homeGhost2,
.s4.runningGhost1,
.s4.runningGhost2 {
    background-image: url(../img/sprites/skins/mechaGhost/Flying.gif);
}

.s4 .ghostScore {
    background-image: url(../img/sprites/skins/mechaGhost/Flying.gif);
}

.s4 .ghostWon {
    background-image: url(../img/sprites/skins/mechaGhost/Flying.gif);
}

.s4 .ghostLose {
    background-image: url(../img/sprites/skins/mechaGhost/Flying.gif);
}

.s4 .trail {
    background-image: url(../img/sprites/skins/mechaGhost/Flying.gif);
}

.s4 .paused .trail {
    background-image: url(../img/sprites/skins/mechaGhost/Stopped.png);
}

.prodS4 {
    background-image: url(../img/sprites/skins/mechaGhost/Flying.gif);
}

/*Skin 5 - Wizard Ghost*/
.s5 .player {
    background-image: url(../img/sprites/skins/wizardGhost/Flying.gif);
    border-radius: 0;
}

.s5 .playerPaused {
    background-image: url(../img/sprites/skins/wizardGhost/Stopped.png);
}

.s5 .shield {
    border-radius: 100%;
}

.s5 .upping {
    background-image: url(../img/sprites/skins/wizardGhost/Upping.png);
    animation-name: uppingGhosts6;
    animation-duration: .58s;
}

@keyframes uppingGhosts6 {
    0% {
        background-image: url(../img/sprites/skins/wizardGhost/Upping.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/wizardGhost/Upping.gif);
    }
}

.s5 .falling {
    background-image: url(../img/sprites/skins/wizardGhost/Falling.png);
    animation-name: fallingGhosts6;
    animation-duration: .8s;
}

@keyframes fallingGhosts6 {
    0% {
        background-image: url(../img/sprites/skins/wizardGhost/Falling.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/wizardGhost/Falling.gif);
    }
}

.s5 .fire {
    background-image: url(../img/sprites/skins/wizardGhost/Fire.gif);
}

.s5 .relaxing {
    background-image: url(../img/sprites/skins/wizardGhost/Relaxing.gif);
    border-radius: 100%;
}

.s5.homeGhost1,
.s5.homeGhost2,
.s5.runningGhost1,
.s5.runningGhost2 {
    background-image: url(../img/sprites/skins/wizardGhost/Flying.gif);
}

.s5 .ghostScore {
    background-image: url(../img/sprites/skins/wizardGhost/Flying.gif);
}

.s5 .ghostWon {
    background-image: url(../img/sprites/skins/wizardGhost/Flying.gif);
}

.s5 .ghostLose {
    background-image: url(../img/sprites/skins/wizardGhost/Flying.gif);
}

.s5 .trail {
    background-image: url(../img/sprites/skins/wizardGhost/Flying.gif);
}

.s5 .paused .trail {
    background-image: url(../img/sprites/skins/wizardGhost/Stopped.png);
}

.prods5 {
    background-image: url(../img/sprites/skins/wizardGhost/Flying.gif);
}

/*Skin 6 - Sara From Just Dance*/
.s6 .player {
    background-image: url(../img/sprites/skins/saraGhost/Flying.gif);
    border-radius: 0;
}

.s6 .playerPaused {
    background-image: url(../img/sprites/skins/saraGhost/Stopped.png);
}

.s6 .shield {
    border-radius: 100%;
}

.s6 .upping {
    background-image: url(../img/sprites/skins/saraGhost/Upping.png);
    animation-name: uppingGhosts7;
    animation-duration: .58s;
}

@keyframes uppingGhosts7 {
    0% {
        background-image: url(../img/sprites/skins/saraGhost/Upping.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/saraGhost/Upping.gif);
    }
}

.s6 .falling {
    background-image: url(../img/sprites/skins/saraGhost/Falling.png);
    animation-name: fallingGhosts7;
    animation-duration: .8s;
}

@keyframes fallingGhosts7 {
    0% {
        background-image: url(../img/sprites/skins/saraGhost/Falling.gif);
    }

    100% {
        background-image: url(../img/sprites/skins/saraGhost/Falling.gif);
    }
}

.s6 .fire {
    background-image: url(../img/sprites/skins/saraGhost/Fire.gif);
}

.s6 .relaxing {
    background-image: url(../img/sprites/skins/saraGhost/Relaxing.gif);
    border-radius: 100%;
}

.s6.homeGhost1,
.s6.homeGhost2,
.s6.runningGhost1,
.s6.runningGhost2 {
    background-image: url(../img/sprites/skins/saraGhost/Flying.gif);
}

.s6 .ghostScore {
    background-image: url(../img/sprites/skins/saraGhost/Flying.gif);
}

.s6 .ghostWon {
    background-image: url(../img/sprites/skins/saraGhost/Flying.gif);
}

.s6 .ghostLose {
    background-image: url(../img/sprites/skins/saraGhost/Flying.gif);
}

.s6 .trail {
    background-image: url(../img/sprites/skins/saraGhost/Flying.gif);
}

.s6 .paused .trail {
    background-image: url(../img/sprites/skins/saraGhost/Stopped.png);
}

.prods6 {
    background-image: url(../img/sprites/skins/saraGhost/Flying.gif);
}

/*HD Mode*/
.hd .player {
    background-image: url(../img/non-sprites/skins/HDGhost/Flying.gif);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.hd .playerPaused {
    background-image: url(../img/non-sprites/skins/HDGhost/Stopped.png);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.hd .shield {
    border-radius: 100%;
}

.hd .upping {
    background-image: url(../img/non-sprites/skins/HDGhost/Upping.png);
    animation-name: uppingGhostHD;
    animation-duration: .58s;
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

@keyframes uppingGhostHD {
    0% {
        background-image: url(../img/non-sprites/skins/HDGhost/Upping.gif);
    }

    100% {
        background-image: url(../img/non-sprites/skins/HDGhost/Upping.gif);
    }
}

.hd .falling {
    background-image: url(../img/non-sprites/skins/HDGhost/Falling.png);
    animation-name: fallingGhostHD;
    animation-duration: .8s;
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

@keyframes fallingGhostHD {
    0% {
        background-image: url(../img/non-sprites/skins/HDGhost/Falling.gif);
    }

    100% {
        background-image: url(../img/non-sprites/skins/HDGhost/Falling.gif);
    }
}

.hd .fire {
    background-image: url(../img/non-sprites/skins/HDGhost/Fire.gif);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.hd .relaxing {
    background-image: url(../img/non-sprites/skins/HDGhost/Relaxing.gif);
    border-radius: 100%;
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.hd .homeGhost1,
.hd .homeGhost2,
.hd .runningGhost1,
.hd .runningGhost2 {
    background-image: url(../img/non-sprites/skins/HDGhost/Flying.gif);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.hd .ghostScore {
    background-image: url(../img/non-sprites/skins/HDGhost/Flying.gif);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.hd .ghostWon {
    background-image: url(../img/non-sprites/skins/HDGhost/Flying.gif);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.hd .ghostLose {
    background-image: url(../img/non-sprites/skins/HDGhost/Flying.gif);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.hd .trail {
    background-image: url(../img/non-sprites/skins/HDGhost/Flying.gif);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.hd .paused .trail {
    background-image: url(../img/non-sprites/skins/HDGhost/Stopped.png);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}

.prodHD {
    background-image: url(../img/non-sprites/skins/HDGhost/Flying.gif);
    filter: drop-shadow(0px 0px 8px #f0f8ff);
}