.search {
    width: 100%;
    height: 5dvh;
    display: flex;
    align-items: center;
    justify-content: center;

    & input {
        height: 5dvh;
        width: 80%;
        color: black;
        /* Cor de texto para o campo de pesquisa (preto) */
        border: 1px solid black;
        /* Cor da borda para o campo de pesquisa (preto) */
    }
}


section#menu {

    position: relative;
    height: 100%;
    width: 20%;
    background-color: coral;

    outline: 0.5px solid coral;

    .info {
        width: 100%;
        height: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        outline: 0.5px solid coral;

        & p {
            font-size: 25px;
            color: black;
            /* Cor de texto para o título do menu (preto) */
        }
    }

    .form-group {

        height: 10%;
        width: 100%;

        position: relative;

        .searchInput {

            height: 28px;
            width: 80%;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

        }
    }


    .menu-list {
        height: 80%;
        width: 100%;
    
        ul > li {
            list-style-type: none;
        }
    
        a {
            color: white;
            /* Cor de texto para os links do menu (preto) */
            text-decoration: none;
            height: 44px;
            line-height: 44px;
            font-size: 16px !important;
        }
    }




    .id-bloco {

        position: absolute;
        bottom: 0;

        color: white;

        height: 5%;
        width: 100%;

        background-color: black;
    }

}