@import url('css-AntonPacifico.css');
.flipper-container
{
    position: inherit;
    display: flex;
    margin: 5px auto 10px;
    width: max-content;
    height: fit-content;
}
.flip-eth
{
    position: relative;
    display: inline-flex;
    width: 40px;
    height: 40px;
    animation: eth 3.3s infinite linear;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: row;
    background-position: center;
}
@keyframes eth
{
    0%
    {
        background-image: url("../../willbetgambling/image/ethereum.png");
        background-size: contain;
    }
    24%
    {
        background-image: url("../../willbetgambling/image/ethereum.png");
        transform: rotateY(90deg);
        background-size: contain;
    }
    26%
    {
        background-image: url("../../willbetgambling/image/litecoin.png");
        transform: rotateY(90deg);
    }
    50%
    {
        background-image: url("../../willbetgambling/image/litecoin.png");
        transform: rotateY(0deg);
    }
    74%
    {
        background-image: url("../../willbetgambling/image/litecoin.png");
        transform: rotateY(90deg);
    }
    76%
    {
        background-image: url("../../willbetgambling/image/ethereum.png");
        transform: rotateY(90deg);
        background-size: contain;
    }
    100%
    {
        background-image: url("../../willbetgambling/image/ethereum.png");
        transform: rotateY(0deg);
        background-size: contain;
    }
}
.flip-btc
{
    position: relative;
    display: inline-flex;
    width: 40px;
    height: 40px;
    animation: btc 3.3s infinite linear;
    border-radius: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    flex-direction: row;
}
@keyframes btc
{
    0%
    {
        background-image: url("../../willbetgambling/image/bitcoin.png");
    }
    24%
    {
        background-image: url("../../willbetgambling/image/bitcoin.png");
        transform: rotateY(90deg);
    }
    26%
    {
        background-image: url("../../willbetgambling/image/bitcoin-cash.png");
        transform: rotateY(90deg);
    }
    50%
    {
        background-image: url("../../willbetgambling/image/bitcoin-cash.png");
        transform: rotateY(0deg);
    }
    74%
    {
        background-image: url("../../willbetgambling/image/bitcoin-cash.png");
        transform: rotateY(90deg);
    }
    76%
    {
        background-image: url("../../willbetgambling/image/bitcoin.png");
        transform: rotateY(90deg);
    }
    100%
    {
        background-image: url("../../willbetgambling/image/bitcoin.png");
        transform: rotateY(0deg);
    }
}
.flip-ltc
{
    position: relative;
    display: inline-flex;
    width: 40px;
    height: 40px;
    animation: ltc 3.3s infinite linear;
    border-radius: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    flex-direction: row;
}
@keyframes ltc
{
    0%
    {
        background-image: url("../../willbetgambling/image/usd-coin.png");
    }
    24%
    {
        background-image: url("../../willbetgambling/image/usd-coin.png");
        transform: rotateY(90deg);
    }
    26%
    {
        background-image: url("../../willbetgambling/image/tether.png");
        transform: rotateY(90deg);
    }
    50%
    {
        background-image: url("../../willbetgambling/image/tether.png");
        transform: rotateY(0deg);
    }
    74%
    {
        background-image: url("../../willbetgambling/image/tether.png");
        transform: rotateY(90deg);
    }
    76%
    {
        background-image: url("../../willbetgambling/image/usd-coin.png");
        transform: rotateY(90deg);
    }
    100%
    {
        background-image: url("../../willbetgambling/image/usd-coin.png");
        transform: rotateY(0deg);
    }
}
.flip-cbase
{
    position: relative;
    display: inline-flex;
    width: 40px;
    height: 40px;
    animation: cbase 3.3s infinite linear;
    border-radius: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    flex-direction: row;
}
@keyframes cbase
{
    0%
    {
        background-image: url("../../willbetgambling/image/coinbase.png");
    }
    24%
    {
        background-image: url("../../willbetgambling/image/coinbase.png");
        transform: rotateY(90deg);
    }
    26%
    {
        background-image: url("../../willbetgambling/image/coinbase.png");
        transform: rotateY(90deg);
    }
    50%
    {
        background-image: url("../../willbetgambling/image/coinbase.png");
        transform: rotateY(0deg);
    }
    74%
    {
        background-image: url("../../willbetgambling/image/coinbase.png");
        transform: rotateY(90deg);
    }
    76%
    {
        background-image: url("../../willbetgambling/image/coinbase.png");
        transform: rotateY(90deg);
    }
    100%
    {
        background-image: url("../../willbetgambling/image/coinbase.png");
        transform: rotateY(0deg);
    }
}
.flipfront
{
    margin: 0 6px 0;
}
.face
{
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
}
.face.back
{
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    background-color: #0000;
}