#titulo {
        color: #0984e3;
        text-align: center;
    }


    #placar {
        display: flex;
        align-content: center;
        justify-content: center;
    }


    #jogador #computador {
        position: relative;
        flex-grow: 1;
        border-radius: 5px;
        width: 200px;
        padding: 20px;
        color: #fff;
    }
    #jogador {
        background-color: #ff7675;
    }
    #computador {
        background-color: #74b9ff
    }
    #versus {
        font-size: 40px;
        text-align: center;
        width: 70px;
    }

    #jogador-nome, #computador-nome; {
        padding: 0px;
        margin: 0px;
    }
    #jogador-nome {
        text-align: left;
    }
    #computador-nome {
        text-align: right;
    }
    #jogador-pontos, #computador-pontos {
        position: absolute;
        top: 8px;
        font-size: 32px;
    }
    #jogador-pontos {
        right: 20px;
    }
    ul#jogador-escolha li, ul#computador-escolha li {
        list-style: inline;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    ul#jogador-escolha li, ul#computador-escolha li {
        display: inline;

    }
    ul#jogador-escolha li a, ul#computador-escolha li a {
        opacity: .2;

    }
    ul#jogador-escolha li a:hover, ul#jogador-escolha li a.selecionado, ul#computador-escolha li a.selecionado {
        opacity: 1;

    }
    ul#jogador-escolha li a img, ul#computador-escolha li a img {
        max-width: 80px;
    }
    #mensagens {
        background-color: #636e72;
        font-size: 32px;
        border-radius: 5px;
        margin: 40px 0;
        padding: 20px;
    }
</style>

function jogar(escolha) {
        jogadorEscolha = escolha;

        computadorEscolha = Math.floor((Math.random() * (3 - 1 + 1))) + 1 ;

        //  1 - Pedra
        //  2 - Papel
        //  3 - Tesoura

        if ((jogadorEscolha == 1) && (computadorEscolha == 1)) {
            ganhador = 0;

        }

        else if ((jogadorEscolha == 1) && (computadorEscolha == 2)) {
            ganhador = 2;

        }

        else if ((jogadorEscolha == 1) && (computadorEscolha == 3)) {
            ganhador = 1;

        }


         else if ((jogadorEscolha == 2) && (computadorEscolha == 1)) {
            ganhador = 1;

        }

        else if ((jogadorEscolha == 2) && (computadorEscolha == 2)) {
            ganhador = 0;

        }

        else if ((jogadorEscolha == 2) && (computadorEscolha == 3)) {
            ganhador = 2;


        }
        else if ((jogadorEscolha == 3) && (computadorEscolha == 1)) {
            ganhador = 2;

        }

        else if ((jogadorEscolha == 3) && (computadorEscolha == 2)) {
            ganhador = 1;


        }

        else if ((jogadorEscolha == 3) && (computadorEscolha == 3)) {
            ganhador = 0;

        }

        document.getElementById("jogador-escolha-1").classList.remove('selecionado');
        document.getElementById("jogador-escolha-2").classList.remove('selecionado');
        document.getElementById("jogador-escolha-3").classList.remove('selecionado');

        document.getElementById("computador-escolha-1").classList.remove('selecionado');
        document.getElementById("computador-escolha-2").classList.remove('selecionado');
        document.getElementById("computador-escolha-3").classList.remove('selecionado');


        document.getElementById("jogador-escolha-" + jogadorEscolha).classList.add('selecionado');
        document.getElementById("computador-escolha-" + computadorEscolha).classList.add('selecionado');

        if(ganhador == 0 ){
            document.getElementById('mensagens').innerHTML = 'Empate';

        }
        else if(ganhador == 1 ){
            document.getElementById('mensagens').innerHTML = 'Jogador ganhou!';
            jogadorPontuacao++;
        }

        else if(ganhador == 2 ){
            document.getElementById('mensagens').innerHTML = 'Computador ganhou!';
            computadorPontuacao++;
        }

        document.getElementById('jogador-pontos').innerHTML = jogadorPontuacao;
        document.getElementById('computador-pontos').innerHTML = computadorPontuacao;

    }
</script>