@media screen and (min-width: 768px) and (max-width: 1050px) {
    @keyframes diminuir {
    0% {
        width: 1400px;
        height: 700px;
    }

    100% {
        width: 600px;
        height: 580px;
    }
}

    .escondido {
        width: 600px;
        animation: diminuir 1.5s linear 1;
    }

    #container {
    width: 700px;
    height: 350px;
    border: 16px solid #1F7B00;
    }

    #botao {
    width: 200px;
    height: 40px;
    font-size: 22px;
    cursor: pointer;
}

    #res {
    font-size: 17px;
}

    .tabela-container {
        height: 290px;
        width: 330px;
        border-radius: 20px;
        margin: 30px 30px 0px 30px;

        .title-table {
            font-size: 2.3em;
        }

        .points {
            font-size: 24px;
        }
    }
}

@media screen and (max-width: 768px){
    @keyframes diminuir {
        0% {
            width: 400px;
            height: 700px;
        }

        100% {
            width: 320px;
            height: 500px;
        }
    }

    h1 {
    font-size: 2.7rem;
    }

    .escondido {
    width: 320px;
    height: 500px;

    animation: diminuir 1.5s linear 1;

        h2 {
            text-align: center;
            font-size: 1.5em;
            margin: 20px;
        }

        p {
            text-align: center;
        }

        .container-escondido {
            font-size: 18px;
            height: 360px;
        }

        #adicionar {
            font-size: 1em;
            margin-bottom: 20px;
        }

        .btn-add {
            width: 140px;
            height: 45px;
            margin-top: 30px;

            &:hover {
                width: 170px;
                height: 50px;
            }
        }
    }

    #container {
        width: 320px;
        height: 200px;
        border: 10px solid #1F7B00;
    }

    .casanik {
        font-size: 20px;
    }

    #botao {
        width: 200px;
        height: 40px;
        font-size: 20px;
    }

    #res {
        font-size: 18px;
    }

    .tabela-container {
        margin: auto;
        width: 300px;
        height: 300px;
        border-radius: 20px;
}

    .title-table {
        font-size: 2em;
    }

    .points {
        font-size: 22px;
    }
}