/*Tela inicial*/

body {
    background-image: url("/2bim/imagens/Background.png");
    background-repeat: no-repeat;
    background-size: 2000px 1400px;
}

/*Logo da série*/
.container-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55vh;
}

.logo {
    animation: digitalcircus 1s ease;
    height: 70vh;
    width: 90vh;
}

@keyframes digitalcircus {
    from {
        height: 20vh;
        width: 40vh;
    }

    to {
        height: 70vh;
        width: 90vh;
    }
}

/*Logo wiki*/
/*Botão play*/

.container-play {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30vh;
    /*max-width: 100%; /* Ajusta ao pai */
    /*height: auto;    /* Mantém proporção */
}

.botaoPlay {
    animation: play 2000ms ease;
    height: 15vh;
    width: 22vh;
}

@keyframes play {
    from {
        height: 1vh;
        width: 4vh;
    }

    to {
        height: 15vh;
        width: 22vh;
    }
}

/*Botão options*/
.container-quit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20vh;
}

.botaoQuit {
    animation: quit 2000ms ease;
    height: 15vh;
    width: 22vh;
}

@keyframes quit {
    from {
        height: 1vh;
        width: 4vh;
    }

    to {
        height: 15vh;
        width: 22vh;
    }
}

/*Botão Quit*/
.container-options {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20vh;
}

.botaoOptions {
    animation: options 2000ms ease;
    height: 15vh;
    width: 22vh;
}

@keyframes opitions {
    from {
        height: 1vh;
        width: 4vh;
    }

    to {
        height: 15vh;
        width: 22vh;
    }
}