* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.M-container {
    background: color #375c49;
    display: flex;
    font-family: 'Inter-VariableFont_opsz-wght', sans-serif;
    color: #ffffff;
    margin-top: 30px;
    margin-left: 40px;
    font-size: 28px;
    align-items: center;
    justify-content: space-between;
}

/*------------------------------------------------------------------*/


@font-face {
    font-family: Inter-VariableFont_opsz, wght;
    src: url(../Inter/Inter-VariableFont_opsz\,wght.ttf) format('woff2');
}

.M-fonte {
    font-family: 'Inter-VariableFont_opsz-wght', sans-serif;
    color: #ffffcf;
    display: flex;
}

.M-texto-header {
    margin: 5px;
    align-content: center;
    margin-left: 17%;
    font-size: 28px;
    color: #ffffcf;
}

.M-texto-introducao {
    display: flex;
    font-family: 'Inter-VariableFont_opsz-wght', sans-serif;
    color: #ffffff;
    margin-top: 20px;
    align-items: center;
    justify-content: space-between;
}

.texto {
    display: flex;
    font-family: 'Inter-VariableFont_opsz-wght', sans-serif;
    color: #ffffff;
}


/*--------------------------------------------------------------*/


.M-fundo {
    background-image: none;
}

.M-logo {

    margin-left: 190px;
    display: flex;
}

.M-fundo_cabecalho {
    background-image: url("../img/topo.png");
    background-repeat: no-repeat;
    height: 250px;
    display: flex;
}

/*--------------------------------------------------------------*/



.M-navegacao {
    display: flex;
    list-style: none;
    background-color: #369C69;
}

.M-navegacao ul {
    list-style: none;
    display: flex;
    gap: 320px;
    font-size: 25px;
    margin-left: 30px;
    margin-right: 35px;
    justify-content: space-between;
    background-color: #369C69;
}

.M-navegacao a {
    display: flex;
    color: white;
    padding: 10px 15px;
    text-decoration: none;
}

/*------------------------------------------------------------------*/

.imagem_cesta {
    display: flex;
    margin: 110px 50px 50px 30px;

}

.contorno_div1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 50px 30px 0px;
    height: 450px;
    width: 450px;
}


.contorno_div2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    height: 820px;
    width: 1470px;
}

.M-container img {
    margin: 20px;
}

/*------------------------------------------------------------------*/
.rodape {
    ;
    margin: 0px 40px 0px 0px;
    display: flex;
    font-family: 'Inter-VariableFont_opsz-wght', sans-serif;
    color: #ffffff;
}