.cabecalho__container {
    display: flex;
    justify-content: space-around;
    /*ALINHAMENTO HORIZONTAL---Between:Joga um item em cada ponta e divide o resto dos itens no meio, Around:Espaçamento maior entre itens e menor nas extremidades. Evenly: Espaçamento igual entre itens e nas extremidades.*/
    align-items: center;
    /*ALINHAMENTO VERTICAL---Stretch:Estica os itens para todos terem o mesmo tamanho e preencherem o container pai, BASELINE---Alinhados pela base*/
    position: fixed;
    top: 0;
}

.cabecalho__pesquisar__item {
    display: none;
}

.menu__container {
    position: fixed;
    bottom: 0%;
    height: 74px;
    width: 100%;
}

.menu__lista {
    display: flex;
    justify-content: space-around;
    height: 100%;
}

.menu__lista li {
    align-self: center;
    /*Para alinhar itens especificos*/
}

.menu__itens {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.menu__lista:nth-child(2),
.menu__lista:nth-child(3),
.menu__lista:nth-child(4) {
    display: none;
}

.superior__secao__container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    /*Para as linhas não quebrar*/
    overflow: auto;
    gap: 15px;
}

.videos__container{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.videos__item{
    height: 303px;
    width: 280px;
    flex-grow: 1;
}

.rodape__container {
    display: flex;
    flex-direction: column;
    /*Para alinhar os itens em linhas(padrão) ou colunas*/
    flex-wrap: wrap;
    /*Caso os itens não caibam na mesma linha ou coluna, este atributo faz com que tenha nova quebra de linha ou coluna*/
}

@media (min-width: 834px) {
    .cabecalho__pesquisar__item {
        display: block;
    }

    .rodape__container {
        justify-content: space-between;
    }

    .menu__container {
        width: 74px;
        height: auto;
        left: 0;
        top: 80px;
    }

    .menu__lista {
        flex-direction: column;
        justify-content: flex-start;
        gap: 30px;
        padding-top: 15px;
    }
}

@media (min-width: 1440px) {
    .menu__container {
        width: 239px;
        overflow: auto;
    }

    .menu__lista:nth-child(2),
    .menu__lista:nth-child(3),
    .menu__lista:nth-child(4) {
        display: flex;
    }

    .menu__lista {
        height: auto;
        padding: 20px 17px 20px 15px;
        gap: 15px;
    }

    .menu__itens {
        flex-direction: row;
        gap: 15px;
        align-items: center;
    }

    .menu__lista:nth-child(3){
        flex-direction: column-reverse;
    }

    .jogos{order: 3;}
    .filmes{order:2}
    .premium{order:1}
    .maispagina{order:4}
}